@charset "utf-8";
/* CSS Document */

 *{
     padding: 0;
     margin: 0;
     border: 0;
     box-sizing: border-box;
     outline: none;
     text-rendering: optimizeLegibility;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 16, 2018 */

@font-face {
    font-family: 'montserratbold';
    src: url('../webfonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
         url('../webfonts/montserrat/montserrat-bold-webfont.woff') format('woff'),
         url('../webfonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratmedium';
    src: url('../webfonts/montserrat/montserrat-medium-webfont.woff2') format('woff2'),
         url('../webfonts/montserrat/montserrat-medium-webfont.woff') format('woff'),
         url('../webfonts/montserrat/montserrat-medium-webfont.svg#montserratmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('../webfonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('../webfonts/montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('../webfonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 6, 2018 */



@font-face {
    font-family: 'lorabold';
    src: /*url('../webfonts/lora/lora-bold-webfont.woff2') format('woff2'),
         url('../webfonts/lora/lora-bold-webfont.woff') format('woff'),*/
         url('../webfonts/lora/lora-bold-webfont.svg#lorabold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'lorabold_italic';
    src: url('../webfonts/lora/lora-bolditalic-webfont.woff2') format('woff2'),
         url('../webfonts/lora/lora-bolditalic-webfont.woff') format('woff'),
         url('../webfonts/lora/lora-bolditalic-webfont.svg#lorabold_italic') format('svg');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'loraitalic';
    src: url('../webfonts/lora/lora-italic-webfont.woff2') format('woff2'),
         url('../webfonts/lora/lora-italic-webfont.woff') format('woff'),
         url('../webfonts/lora/lora-italic-webfont.svg#loraitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}




@font-face {
    font-family: 'loraregular';
    src: url('../webfonts/lora/lora-regular-webfont.woff2') format('woff2'),
         url('../webfonts/lora/lora-regular-webfont.woff') format('woff'),
         url('../webfonts/lora/lora-regular-webfont.svg#loraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 16, 2018 */



@font-face {
    font-family: 'playfair_displayitalic';
    src: url('../webfonts/playfairdisplay/playfairdisplay-italic-webfont.woff2') format('woff2'),
         url('../webfonts/playfairdisplay/playfairdisplay-italic-webfont.woff') format('woff'),
         url('../webfonts/playfairdisplay/playfairdisplay-italic-webfont.svg#playfair_displayitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'playfair_displayblack';
    src: url('../webfonts/playfairdisplay/playfairdisplay-black-webfont.woff2') format('woff2'),
         url('../webfonts/playfairdisplay/playfairdisplay-black-webfont.woff') format('woff'),
         url('../webfonts/playfairdisplay/playfairdisplay-black-webfont.svg#playfair_displayblack') format('svg');
    font-weight: bold;
    font-style: normal;
}


body{
    background-color: #c32038;
}

/*HEADER*/

#header{
    font-family: 'montserratregular';
    background-color: #000000;
    overflow: hidden;
    margin-bottom: 30px;
}

#header .top{
    padding: 30px 0;
    overflow: hidden;
}

a.logo{
    display: block;
    float: left;
    width: 300px;    
    height: 96px;
    background-image: url(../img/logoHerramienta.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}

#header .bottom{
    width: 100%;
    background-color: #414141;
    float: left;
}

#header .bottom ul, #footer ul{
    list-style: none;
    margin-bottom: 0;
}

li.facebook{
    display: none;
}

#header .bottom ul li, #footer ul li{
    display: inline-block;
}

#header .bottom ul li a, #footer ul li a{
    color: #ffffff;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
}

#header .bottom ul li a:hover, #footer ul li a:hover, .notaPrincipal .texto .titulo a:hover{
color: #c32038;    
}

#header .bottom ul li:first-child a{
    padding-left: 0;
}

#header .bottom ul li:last-child a{
    padding-right: 0;
}

#header .bottom .menuTrigger{
    display: none;
    margin: auto;
    width: 45px;
    height: 45px;
    background-image: url(../img/menu.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    cursor: pointer;
}

#header .close{
    display: none;
    position: absolute;
    top: -20px;
    right: -20px;
    background-image: url(../img/close.svg);
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*CUERPO*/

#cuerpo{
    font-family: 'loraregular';
    color: #000000;
    background-color: #ffffff;
    border-radius: 4px;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 30px;
    font-size: 1.125em;
}

.cuerpo a{
    color: #c32038;
}

#cuerpo em{
    font-family: 'loraitalic';
}

#cuerpo strong{
    font-family: 'lorabold';
}


/*CUERPO > PRINCIPAL*/

#cuerpo .main{
    width: 67.5%;
    float: left;
}

.notaPrincipal{
    width: 100%;
    margin-bottom: 15px;
}

.ultimasNotas.libro{
    background-color: #414141;
    font-size: .9em;
}

.notaPrincipal .imagen, .ultimasNotas .imagen{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}

.ultimasNotas.libro .imagen{
    text-align: center;
    overflow:auto;
    padding: 30px 30px 15px;
    margin-bottom: 0;
}

.notaPrincipal .imagen:after, .ultimasNotas .imagen:after{
    content: "";
    display: block;
    padding-bottom: 50%;
}

.notaPrincipal .imagen img, .ultimasNotas .imagen img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all .5s;
}

.notaPrincipal .imagen img.landscape, .ultimasNotas .imagen img.landscape{
    min-height: 100%;
    max-width: 100%;
}

.notaPrincipal .imagen img.portrait, .ultimasNotas .imagen img.portrait{
    max-height: 100%;
    min-width: 100%;
}

.notaPrincipal .imagen a img.landscape:hover, .notaPrincipal .imagen a img.portrait:hover, .ultimasNotas .imagen img.landscape:hover, .ultimasNotas .imagen img.portrait:hover{
    opacity: .7;
}

.ultimasNotas.libro .imagen:after{
    display: none;
}

.ultimasNotas.libro .imagen img{
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    transition: none;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);    
}

.ultimasNotas.libro .imagen img.landscape, .ultimasNotas.libro .imagen img.portrait{
    min-height:auto;
    min-width:auto;
    max-height: auto;
    max-width: auto;
    width: 50%;
}

.ultimasNotas.libro .texto{
    padding:0 30px 15px;
}


.notaPrincipal .texto{
    text-align: center;
}

.notaPrincipal .texto .titulo h1{
margin-bottom: 10px;    
}

.notaPrincipal .texto .titulo a{
    font-family: 'playfair_displayblack';
    color: #000000;
    text-decoration: none;    
}

.notaPrincipal .texto .seccion, .notasdestacadas .texto a.seccion{
    font-size: .8em;
    background-color: #c32038;    
    color: #ffffff;
    text-decoration: none;
    padding: 2px 10px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    font-family: 'montserratregular';
}

.notaPrincipal .texto .seccion:hover, .notasdestacadas .texto a.seccion:hover, .articulo .imagen a.deSeccion:hover{
    color: #c32038;    
    background-color: #000000;    
    transition: all .5s;
}

.ultimasNotas.libro p.titulo a{
    color: #ffffff;
}

.notaPrincipal .texto .bajada{    
    margin: auto;
    margin-bottom: 30px;
    font-size: 1.25em;
    line-height: 1.25;
}

.notas{
    overflow: hidden;
}

.ultimasNotas, .notasdestacadas{
    width: 48.75%;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
    float: left;
}

.ultimasNotas:nth-child(2n), .notasdestacadas:nth-child(2n){
    margin-right: 0;
}

.ultimasNotas p.titulo{
    margin-bottom:1em;
}

.ultimasNotas p.titulo a{
    font-family: 'playfair_displayblack';
    font-size: 1.75em;
    color: #000000;
    text-decoration: none;
    line-height: 1;
}

.ultimasNotas p.bajada{
    font-size: 1.17em;
}

.ultimasNotas p.bajada .seccion{
    font-family: 'montserratbold';
    color: #c32038;
    text-decoration: none;
    margin-right: 5px;
    display: inline-block;
    text-transform: uppercase;
    font-size: .85em;
}

.separador{
    font-family: 'montserratbold';
    display: block;
    padding: 15px;
    text-align: center;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-transform: uppercase;
    font-size: .9em;
}

.notasdestacadas{
    position: relative;
    min-height: 40vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.notasdestacadas.foros{
    min-height: 30vh;
}

.notasdestacadas .texto{
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,.8);
    padding: 15px;
}

.notasdestacadas.foros .texto{
    width: 60%;
    height: 100%;
    right: 0;
    padding: 30px;
}


.notasdestacadas .texto p{
    margin-bottom: 5px;
}

.notasdestacadas .texto p.titulo a{
    font-family: 'playfair_displayblack';
    font-size: 1.25em;
    color: #ffffff;
    text-decoration: none;
    line-height: 1;
}

.notasdestacadas .texto p.titulo a:hover{
    color: #c32038;    
}

.notasdestacadas .texto a.seccion{
    color: #ffffff;
    text-decoration: none;
    font-size: .8em;
    font-family: 'montserratregular';
}

/*CUERPO > SIDEBAR*/

#cuerpo #sidebar{
    width: 30%;
    float: right;
}

#sidebar .separador{
    display: none;
}

#sidebar .seccion{
    width: 100%;
    margin-bottom:30px;
    text-align: center;
    overflow: hidden;
}

#sidebar .seccion p{
    overflow: hidden;
}

.ultimasNotas.libro h3, #sidebar .seccion h3{
    width: 100%;
    padding: 15px;
    text-transform: uppercase;
    background-color: #000000;
    margin-bottom: 0;
    font-size: 1em;
    font-family: 'montserratregular';
    text-align: center;
}

.ultimasNotas.libro h3 a, #sidebar .seccion h3 a{
    color: #ffffff;
    text-decoration: none;    
}

.ultimasNotas p.titulo a:hover, #sidebar .seccion h3 a:hover, .ultimasNotas.libro h3 a:hover{
    color: #c32038;
}


#sidebar .seccion.actividades p{
    font-size: .9em;    
}

#sidebar .seccion.actividades p a{
    color: #000000;
    text-decoration: none;
    font-family: 'playfair_displayblack';
    line-height: 1;
}

#sidebar .seccion img{
    max-width: 75%;
    max-height: 35vh;
    margin: 30px auto 15px;
}

#sidebar .seccion.actividades img{
    max-width: 100%;
    width: 100%;
    max-height: auto;
    margin: 0;
    margin-bottom: 10px;    
}

#sidebar .seccion.autores p.bio{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

#sidebar .seccion p a{
    color: #c32038; 
    font-family: 'playfair_displayblack';
    font-size: 1.5em;
}

#sidebar .seccion p a.verTodos{
    color: #414141;
    font-family: 'playfair_displayblack';
    font-size: 1em;
    display: block;
    border: 1px solid #414141;
    text-align: center;
    text-decoration: none;
    padding: 15px;
    float: left;
    width: 100%;
}

#sidebar .seccion p a.verTodos:hover{
    background-color: #000000;
    transition: all .5s;
    color: #ffffff;

}

#sidebar .seccion .listaTemas{
    padding: 15px 0;
    overflow: hidden;
}

#sidebar .seccion .listaTemas a{
    float: left;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    font-family: 'montserratregular';
    color: #ffffff;
    background-color: #c32038;
    text-decoration: none;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: .8em;
}

#sidebar .seccion .listaTemas a:hover{
    background-color: #000000;
    transition: all .5s;
}

/*FOOTER*/
#footer{
    font-family: 'montserratregular';    
    width: 100%;
    background-color: #000000;
    padding: 30px 0;
}


#footer a.logo{
    float: none;
    margin: 0 auto 15px;
}

#footer ul{
    text-align: center;
    margin-bottom: 15px;
}

#footer p{
    text-align: center;
    color: #ffffff;
    font-size: .75em;
    display: block;
    width: 60%;
    margin: auto;
}

#footer a.realizado{
    width: 240px;
    height: 17px;
    display: block;
    margin: 30px auto 0;
    background-image: url(../img/realizado.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    transition: all .5s;    
}

#footer a.realizado:hover{
    background-image: url(../img/realizado-hover.png);
    transition: all .5s;
}


/*Articulos*/

.articulo h1{
    font-size: 3em;
    font-family: 'playfair_displayblack';
}

.articulo .cuerpo strong{
    font-family: 'lorabold';
}

.articulo .imagen{
    width: 100%;
    position: relative;
}

.articulo .imagen img{
    width: 100%;
}

.articulo .imagen .deSeccion{
    position: absolute;
    bottom: -10px;
    left: 15px;
    font-size: .8em;
    background-color: #c32038;
    color: #ffffff;
    text-decoration: none;
    padding: 2px 10px;
    margin: auto;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'montserratregular';
}

.articulo .autorShare{
    display: block;
    width: 100%;
    padding-top: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

.articulo .autorShare .autor{
    float: left;
}

.articulo .autorShare .share{
    float: right;
}

.articulo .autorShare .share a{
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 2px; background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

.articulo .autorShare .share a:hover{
    opacity: .5;
    transition: all .5s;
}

.articulo .autorShare .share a.facebook{
    background-image: url(../img/facebook.svg)
}

.articulo .autorShare .share a.twitter{
    background-image: url(../img/twitter.svg)
}

.articulo .autorShare .share a.pinterest{
    background-image: url(../img/pinterest.svg)
}

.articulo .autorShare .share a.mail{
    background-image: url(../img/mail.svg)
}

.articulo .autorShare .autor a{
    color: #c32038;
    text-decoration: none;
    font-family: 'lorabold';
}

.articulo .autorShare .autor a:hover{
    color: #000000;
    transition: all .3s;
}

.pagination .page-item .page-link{
    color: #000000;
}

.articulo ul.listaAutores{
    list-style-position: inside;
    margin-bottom: 30px;
}

.articulo ul.listaAutores li{
    padding: 15px;
    border-bottom: 1px solid #cccccc;
}

.articulo ul.listaAutores li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}


.articulo ul.listaAutores li a{
    color: #414141;
    text-decoration: none;
}

.articulo ul.listaAutores li p{
    display: initial;
}

.articulo ul.listaAutores li a .nombre{
    color: #c32038;
    text-transform: uppercase;
    font-family: 'lorabold';
}

.articulo ul.listaAutores li a:hover .nombre{
    text-decoration: underline;
}

a.comprarRevista, .btn{
    display: block;    
    width: 30%;
    padding: 15px;    
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    font-family: 'montserratregular';
    margin-bottom: 30px;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
}

a.comprarRevista:hover, .btn:hover{
    color: #c32038;
}

/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 479px) {
        
    a.logo{
        float: none;
        margin: auto;
    }
    
    #cuerpo .main, #cuerpo #sidebar{
        width: 100%;
    }

    #sidebar .separador{
        display: block;
    }
    
    #cuerpo #sidebar .seccion{
        width: 48.75%;
        margin-right: 2.5%;
        float: left;
    }

    #cuerpo #sidebar .seccion:nth-child(2n){
        margin-right: 0;
    }
    
    #header .bottom .menuTrigger{
        display: block;}
    
    #header .bottom nav.container{
        display: none;
        position: fixed;
        z-index: 999999999;
        background-color: #000000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
    } 
    
    #header .bottom nav.container ul{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;}

    #header .close{
        display: block;
    }    
    
    #header .bottom nav.container ul li{
        display: block;
    }    
    
    #header .bottom nav.container ul li a {
        padding: 10px;
    }
    
    #header .bottom nav.container ul li.facebook a{
        width: 100px;
        height: 20px;
        background-image: url(../img/facebook-badge.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
    }

    
        
    .ultimasNotas, .notasdestacadas, #cuerpo #sidebar .seccion{
        width: 100%;
        margin-right: 0;
        min-height: 50vh;
    }

        .notaPrincipal, .ultimasNotas, .notasdestacadas{
            margin-bottom: 30px;}
        
        a.comprarRevista, .btn{
            width: 100%;
        }
        
        .notasdestacadas.foros{
        min-height: 40vh;
        }

}
    
/* Extra Small Devices, Phones */ 
@media only screen and (min-width:480px) and (max-width : 767px) {
        a.logo{
        float: none;
        margin: auto;
    }
    
    #cuerpo .main, #cuerpo #sidebar{
        width: 100%;
    }

    #sidebar .separador{
        display: block;
    }
    
    #cuerpo #sidebar .seccion{
        width: 48.75%;
        margin-right: 2.5%;
        float: left;
    }

    #cuerpo #sidebar .seccion:nth-child(2n){
        margin-right: 0;
    }
    
    #header .bottom .menuTrigger{
        display: block;}
    
    #header .bottom nav.container{
        display: none;
        position: fixed;
        z-index: 999999999;
        background-color: #000000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
    } 
    
    #header .bottom nav.container ul{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;}

    #header .close{
        display: block;
    }    
    
    #header .bottom nav.container ul li{
        display: block;
    }    
    
    #header .bottom nav.container ul li a {
        padding: 10px;
    }
    
    #header .bottom nav.container ul li.facebook a{
        width: 100px;
        height: 20px;
        background-image: url(../img/facebook-badge.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
    }
    
    .ultimasNotas, .notasdestacadas, #cuerpo #sidebar .seccion{
        width: 100%;
        margin-right: 0;
        min-height: 50vh;
    }

    .notasdestacadas.foros{
    min-height: 50vh;
    }    
    
    a.comprarRevista, .btn{
            width: 50%;
        }
}

    /* Small Devices, Tablets */
@media only screen and (min-width:768px) and (max-width : 991px) {
    
    a.logo{
        float: none;
        margin: auto;
    }
    
    #cuerpo .main, #cuerpo #sidebar{
        width: 100%;
    }

    #sidebar .separador{
        display: block;
    }
    
    #cuerpo #sidebar .seccion{
        width: 48.75%;
        margin-right: 2.5%;
        float: left;
    }

    #cuerpo #sidebar .seccion:nth-child(2n){
        margin-right: 0;
    }
    
    #header .bottom .menuTrigger{
        display: block;}
    
    #header .bottom nav.container{
        display: none;
        position: fixed;
        z-index: 999999999;
        background-color: #000000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
    } 
    
    #header .bottom nav.container ul{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;}

    #header .close{
        display: block;
    }    
    
    #header .bottom nav.container ul li{
        display: block;
    }    
    
    #header .bottom nav.container ul li a {
        padding: 10px;
    }
    
    #header .bottom nav.container ul li.facebook a{
        width: 100px;
        height: 20px;
        background-image: url(../img/facebook-badge.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto;
    }
        
}
    /* Medium Devices, Desktops */
@media only screen and (min-width:992px) and (max-width : 1199px) {}

    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}