@charset "UTF-8";

/*
font-family: 'Raleway', sans-serif;


*/

html, body{
    width: 100%;
    height:100%;
    margin:0;
    padding:0;
    font-weight: 400;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
}

a{
    text-decoration: none;
    color: #000;
}

.clear{
    clear: both;
}

::-moz-selection {
background: #FFEB3B;
}
::selection {
    background: #FFEB3B;
}

/*header*/
header {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 60px;
    z-index: 6;
    height: 100%;
    background-color: #000;
    transition: 300ms;
}
body.actmenu header{
    width: 380px;
}

body.actmenu header .linea.linea_01{
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: rotate(45deg) translate(3px, -6px);
    transform-origin: 0px 0px;
    transform: rotate(45deg) translate(3px, -6px);
    
}
body.actmenu header .linea.linea_02{
    opacity: 0;
}
body.actmenu header .linea.linea_03{
    -webkit-transform-origin: 0px 0px;
    -webkit-transform: rotate(-45deg) translate(1px, 5px);
    transform-origin: 0px 0px;
    transform: rotate(-45deg) translate(1px, 5px);
}

body.actmenu header .menu-desplegar{
    left: 61px;
}



.header-pleca{
    width: 60px;
    margin: 0px;
    position: absolute;
    height: 100%;
    z-index: 2;
    background-color: #000;
}
.menu-desplegar{
    display: block;
    position: relative;
    top: 0px;
    left: 61px;
    width: -o-calc(100% - 62px);
    width: -ms-calc(100% - 62px);
    width: -moz-calc(100% - 62px);
    width: -webkit-calc(100% - 62px);
    width: calc(100% - 62px);
    color: #fff;
    padding-top: 185px;
    overflow-y: scroll;
    height: -o-calc(100vh - 60px);
    height: -ms-calc(100vh - 60px);
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
    padding-right: 0px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    left: 0px;
    z-index: 1;
}

.menu-desplegar::-webkit-scrollbar      {
    width: 5px;
    background: #fff;
    border-radius:5px;
}
.menu-desplegar::-webkit-scrollbar-track  {
    width:10px;
    background: #fff;
}  
.menu-desplegar::-webkit-scrollbar-thumb {
    width: 3px;
    background: #000;
    border-radius: 0px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}      
.menu-desplegar::-webkit-scrollbar-corner  {
    border-radius:5px;
} 

.header-home{}
.btn-linea{
    padding: 6px;
    display: block;
    cursor: pointer;
    width: 48px;
}
.btn-linea .linea{
    width: 30px;
    height: 2px;
    background-color: #fff;
    margin: 6px auto 6px;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.logo{
    width: 60px;
    height: 60px;
    margin: 0px;
    background-image: url(img/mono-logo.jpg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center;
    opacity: 0;
}

.menu{}
.menu-int{
    height: 590px;
}
.menu ul{
    margin: 0;
    padding: 0;
}
.menu ul li{
    display: block;
    padding: 0px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.04em;
    margin: 40px auto 0px;
    position: relative;
}
.menu ul li div{

}

.c-01{}
.c-02{}
.c-03{}
.c-04{}
.c-05{}
.c-06{}



.redes{
    position: absolute;
    width: 60px;
    bottom: 20px;
}
.redes li{
    display: block;
}
.red{
    width: 30px;
    height: 30px;
    margin: 0px auto;
}
.red svg{
    fill: #fff;
}

.buscar{
    position: relative;
    width: 60px;
    height: 40px;
}
.buscar-icono{
    width: 30px;
    height: 30px;
    margin: 0px auto;
    padding-top: 5px;
}
.buscar-icono svg{}

.menu-desplegar{}

.contenido{}
.contenido.contenido-grid{}
.contenido.contenido-grid .m-columna{}
.contenido.contenido-grid .m-columna p{
    font-size: 22px;
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    margin: 0px 10px 30px;
}
.contenido.contenido-grid .m-columna ul{
    margin: 0;
    padding: 0;
}
.contenido.contenido-grid .m-columna ul li{
    list-style: none;
}
.contenido.contenido-grid .m-columna ul li div{
    color: #fff;
    padding: 12px 10px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.break.break-redes{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.break.break-redes .redes{
    position: relative;
    width: auto;
    bottom: initial;
    margin: 20px 0px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.break.break-redes .red{
    margin: 0px 10px 0px;
}
.break.break-redes .red svg{}

.menu-desplegar .newsletter{
    width: 100%;
    margin: 90px 0px;
}
.menu-desplegar .newsletter-int{
    margin: 0px 10px;
    padding: 30px 0px 150px;
}
.menu-desplegar .newsletter-int h2{
        margin: 0px;
        font-family: 'Muli', sans-serif;
        font-size: 26px;
        font-weight: 700;
        line-height: 42px;
        text-transform: uppercase;
        letter-spacing: 1px;
}
.menu-desplegar .newsletter-int p{
    font-size: 14px;
}
.menu-desplegar .newsletter-int form{
    margin: 30px 0px 0px;
}
.menu-desplegar .newsletter-int input{
        width: calc(100% - 20px);
        height: 32px;
        padding: 0px 10px;
        border: 1px solid #ccc;
        font-weight: 400;
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        border: 1px solid #fff;
        background-color: #000;
}
.menu-desplegar .newsletter-int input.btn {
    width: 100px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 15px;
    cursor: pointer;
    transition: 600ms;
    background-color: #fff;
}





/*wrapper*/

.wrapper{
    padding-left: 61px;
    width: -o-calc(100% - 61px);
    width: -ms-calc(100% - 61px);
    width: -moz-calc(100% - 61px);
    width: -webkit-calc(100% - 61px);
    width: calc(100% - 61px);
    position: relative;
    transition: width 300ms;
    background-color: #fff;
}
.logo_full_top {
    position: fixed;
    top: 50px;
    left: 0px;
    background-color: #000;
    z-index: 6;
    width: 290px;
    overflow: hidden;
    -webkit-transition:  1200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:  1200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:  1200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:  1200ms cubic-bezier(0.4, 0, 0.2, 1),  1200ms cubic-bezier(0.4, 0, 0.2, 1);
    padding: 3px 0px;
}
.logo_full_top img {
    max-height: 18px;
    display: block;
    padding: 10px 25px;
}

.contenido.contenido-margin{margin-bottom: 50px;position: relative;}

section.post-full-top {
    min-height: 100vh;
    position: relative;
    width: 100%;
    top: 0;
    left: 0px;
}
.post-ft {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    z-index: 2;
    height: 600px;
    height: 100vh;
}
.post-ft-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.post-ft-image-int {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.post-ft-info {
    width: -o-calc(100% - 160px);
    width: -ms-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: -webkit-calc(100% - 160px);
    width: calc(100% - 160px);
    text-align: left;
    position: absolute;
    bottom: 0px;
    padding: 0px 80px 80px;
}
.pf-info-texto {
    margin: auto;
    color: #fff;
}
.post-ft-info .pf-info-texto {
    text-align: left;
}
.post-ft-info a {
    color: #fff;
}
.categoria {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 36px;
    clear: both;
    background-color: #000;
    padding: 2px 20px;
    display: table;
    margin-left: -80px;
    padding-left: 100px;
}
.post-ft-info .pf-info-texto h2 {
    font-size: 84px;
    margin: 30px 0px 0px;
    font-weight: 700;
    line-height: 1.05em;
    text-transform: uppercase;
    display: inline;
    padding: 3px 12px;
    text-shadow: 1px 1px 10px rgb(0, 0, 0);
}



.contenido {
    width: 100%;
    margin: auto;
}




/*instagram*/
.instagram-feed {
    padding-top: 10px;
    width: 100%;
    position: relative;
    background-color: #fff;
}
.nm-titulo {
    margin: 40px auto 10px;
    position: relative;
    clear: both;
}
.nm-titulo h2 {
    margin: 0px 0px 0px;
    text-align: center;
    letter-spacing: 0.03em;
    font-size: 36px;
    font-weight: 700;
    line-height: 52px;
    text-transform: uppercase;
}
.instagram-mosaico {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 1px;
    margin-top: 20px;
    border-bottom: 1px solid #fff;
}
.if-foto {
    width: 100%;
}
.if-foto-int {
    width: 100%;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.columna{
    position: relative;
    width: 50%;
}


/*colores categoria*/
.p-01 .category{background-color: #b78b20;}
.p-02 .category{background-color: #007dba;}
.p-03 .category{background-color: #c8102e;}
.p-04 .category{background-color: #b7bf10;}
.p-05 .category{background-color: #00ab8e;}

.p-01 .categoria{background-color: #b78b20;}
.p-02 .categoria{background-color: #007dba;}
.p-03 .categoria{background-color: #c8102e;}
.p-04 .categoria{background-color: #b7bf10;}
.p-05 .categoria{background-color: #00ab8e;}

.p-01 .sub-categoria{background-color: #b78b20;}
.p-02 .sub-categoria{background-color: #007dba;}
.p-03 .sub-categoria{background-color: #c8102e;}
.p-04 .sub-categoria{background-color: #b7bf10;}
.p-05 .sub-categoria{background-color: #00ab8e;}

.m-columna.c-01 p a{color: #b78b20;}
.m-columna.c-02 p a{color: #007dba;}
.m-columna.c-03 p a{color: #c8102e;}
.m-columna.c-04 p a{color: #b7bf10;}
.m-columna.c-05 p a{color: #00ab8e;}


.menu ul li div.c-01{color: #b78b20;}
.menu ul li div.c-02{color: #007dba;}
.menu ul li div.c-03{color: #c8102e;}
.menu ul li div.c-04{color: #b7bf10;}
.menu ul li div.c-05{color: #00ab8e;}


/*fila*/
.contenido_fila{
    width: 100%;
    height: 100vh;
    position: relative;
    margin-bottom: 100vh;
}
.contenido_fila .top{
    position: relative;
    top: -100vh;
}

.columna{
    float: left;
    width: 50%;
    height: 100%;
    background-color: #fff;
}

.columna.columna_izq{
    bottom: 100vh;
    width: -o-calc(50% - 1px);
    width: -ms-calc(50% - 1px);
    width: -moz-calc(50% - 1px);
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px);
    width: 50%;
}

.top_dos{
    position: absolute;
    top: 100vh;
}

.columna.columna_der{
    float: right;
    width: -o-calc(50% + 1px);
    width: -ms-calc(50% + 1px);
    width: -moz-calc(50% + 1px);
    width: -webkit-calc(50% + 1px);
    width: calc(50% + 1px);
    width: 50%;
}

.mosaico{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.post{
    width: 100%;
    height: 100%;
    position: relative;
}
.post-image{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}
.post-image-int{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* opacity: 0.8; */
}
.post-info{position: absolute;top: 40%;left: 10px;
    width: -o-calc(100% - 20px);
    width: -ms-calc(100% - 20px);
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}
.post-info h3{
    color: #fff;
    display: inline;
    line-height: 1.2em;
    font-size: 28px;
    font-weight: 700;
    padding: 2px 5px 2px;
    text-shadow: 1px 1px 10px rgb(0, 0, 0);
}
.category{
    display: table;
    padding: 3px 9px;
    text-transform: uppercase;
    margin: 0px 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-left: -10px;
    padding-left: 13px;
}
.category p{}
.category a{
    color:#fff;
}
.category span{}
.category h3{}


.mosaico.mosaico_cuatro{}
.mosaico.mosaico_cuatro .post{
    height: 50%;
    width: 50%;
    float: left;
}

.mosaico.mosaico_fila_dos .post{
    height: 50%;
    z-index: 5;
}

.post.post-fila_mitad{
    height: calc(50% - 4px);
    margin: 2px 2px;
    width: calc(100% - 4px);
}
.post.post-columna_mitad{
    width: calc(50% - 4px);
    height: calc(50% - 4px);
    margin: 2px 2px;
}

.contenido_fila.act{}
.contenido_fila.act .columna_izq{
    position: fixed;
    top: 0;
    left: 61px;
    width: -o-calc(50% - 31px);
    width: -ms-calc(50% - 31px);
    width: -moz-calc(50% - 31px);
    width: -webkit-calc(50% - 31px);
    width: calc(50% - 31px);
    height: 100%;
}

.contenido_fila.actdos .columna_der{
    position: fixed;
    top: 0;
    right: 0px;
    width: -o-calc(50% - 30px);
    width: -ms-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
    height: 100%;
    margin-top: 0px;
}

.contenido_fila.actdos .top_dos{
    position: relative;
    top: 100vh;
}

.contenido_fila.act-final.actdos .top_dos{
    top: 0;
}   
.contenido_fila.actdos.act-final .columna_der{
    position: relative;
    bottom: 0px;
    top: initial;
    width: 50%;
    margin-top: 100vh;
}
.contenido_fila.act.act-final .columna_izq{
    position: relative;
    bottom: 0;
    top: initial;
    width: 50%;
    margin-top: 100vh;
    left: 0;
}

.post-full-top.act-desplazar{
}
.margin-top-espacio{
    height: 100vh;
}
.post-info_center{
    width: 350px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    text-align: center;
}
.post-info_center h3{
    display: unset;
    background-color: #000;
    color: #fff;
    font-size: 50px;
    font-weight: 800;
    padding: 2px 10px 6px;
    margin: 0;
    line-height: 150%;
    text-transform: uppercase;
    text-shadow: 1px 1px 10px rgb(0, 0, 0);
}

.newsletter-post{
    background-color: #f8f8f8;
    text-align: center;
}
.newsletter-post form{}
.newsletter-post form h2{}
.newsletter-post form input{}
.newsletter-post form .btn{}

.newsletter-post .table{
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
}
.newsletter-post .table_cell{
    display: table-cell;
    vertical-align: middle;
}
.newsletter-post .table_centrar{} 


/*footer*/
footer {
    background-color: #000;
    color: #fff;
    width: 100%;
    position: relative;
    border-top: 10px solid #fff;
}
.footer_int {
    width: -o-calc(100% - 28px);
    width: -ms-calc(100% - 28px);
    width: -moz-calc(100% - 28px);
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
    margin: auto;
    position: relative;
    padding: 30px 0px 40px;
    line-height: 130%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.columna-uno {
    width: 80px;
    float: left;
    margin-right: 30px;
}
.columna-uno img {
    max-width: 100%;
}
.columna-dos {
    float: left;
    margin-right: 30px;
    width: -o-calc(100% - 770px);
    width: -ms-calc(100% - 770px);
    width: -moz-calc(100% - 770px);
    width: -webkit-calc(100% - 770px);
    width: calc(100% - 770px);
    line-height: 170%;
}
footer p {
    margin-top: 0px;
}
.columna-tres {
    float: left;
    width: 300px;
    margin-right: 30px;
}
.footer_int>div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_int>div ul li {
    margin-bottom: 19px;
}
footer a {
    color: #fff;
    font-weight: 400;
}
footer .columna-dos p {
    max-width: 400px;
}
.columna-cuatro {
    float: left;
    width: 300px;
}
.footer-firma {
    width: -o-calc(100% - 28px);
    width: -ms-calc(100% - 28px);
    width: -moz-calc(100% - 28px);
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
    margin: auto;
    font-size: 13px;
    padding: 10px 0px;
}
.footer-firma p {
    float: left;
}
.dupla {
    float: right;
}
.dupla::before {
    content: "</ ";
}
.dupla::after {
    content: " >";
}

.newsletter-post form{}
.newsletter-post input{
    border: none;
    padding: 5px 20px;
    width: 300px;
    display: block;
    margin: 10px auto;
    height: 22px;
    line-height: 22px;
}
.newsletter-post h2{
    margin: auto;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.newsletter-post .btn{
    width: auto;
    padding: 3px 20px;
    height: auto;
    background-color: #000;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
}


.contenido_fila.act.actdos .top_dos{
    /* top: 0px; */
}


.contenido.contenido-margin.act-final .contenido_fila.act .columna_izq{
    position: relative;
    width: 50%;
    left: 0;
}

.contenido.contenido-margin.act-final .contenido_fila.actdos .columna_der{
    position: relative;
    width: 50%;
}

.contenido.contenido-margin.act-final:last-child .contenido_fila.act{
    margin-bottom: 0px;
}

/*single*/


.contenido-texto {
    width: -o-calc(100% - 100px);
    width: -ms-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 200px);
    margin: 0px auto 0px;
    padding-top: 110px;
}
.contenido-titulo {
    position: relative;
    margin-bottom: 30px;
}
.contenido-titulo .titulo {
    width: -o-calc(40% - 20px);
    width: -ms-calc(40% - 20px);
    width: -moz-calc(40% - 20px);
    width: -webkit-calc(40% - 20px);
    width: calc(40% - 20px);
    z-index: 2;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    margin: auto;
    left: 10px;
    top: 10px;
    text-transform: uppercase;
}
.titulo-int{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.contenido-titulo .titulo-int .categoria {
    font-family: 'Muli', sans-serif;
    background-color: transparent;
    text-transform: uppercase;
    letter-spacing: 0.09em;
    font-size: 12px;
    padding: 3px 10px;
    color: #000;
    font-weight: 700;
    margin-left: 0px;
    display: block;
    padding-left: 0px;
}
.contenido-titulo h2 {
    font-size: 36px;
    line-height: 1.2em;
    margin: 10px 0px;
}
.contenido-titulo .titulo p{
    margin: 0px;
    font-size: 12px;
}
.contenido-titulo .autor{
    margin: 10px 0px;
}
.titulo .redes {
    margin: auto;
    justify-items: unset;
    width: auto;
    bottom: initial;
    position: relative;
    margin-top: 20px;
}
.titulo .redes .red {
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
}
.titulo .redes .share{
    font-size: 12px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.titulo .redes .red svg {
    max-width: 30px;
    height: 30px;
    fill: #000;
}

#titulo_top {
    position: relative;
    top: -104px;
}
.imagen-destacada {
    width: 100%;
    text-align: right;
    padding-bottom: 40%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.top-titulo-desplazar {
    position: relative;
}
.texto {
    width: -o-calc(100% - 320px);
    width: -ms-calc(100% - 320px);
    width: -moz-calc(100% - 320px);
    width: -webkit-calc(100% - 320px);
    width: calc(100% - 320px);
    float: left;
    line-height: 1.7em;
    padding-bottom: 100px;
    position: relative;
}
.contenido-texto .sidebar {
    width: 300px;
    float: right;
}
.texto p {
    width: 700px;
    margin-top: 0px;
}
.texto ul, .texto ol{
    width: 660px;
    padding-left: 40px;
    list-style-type: square;
}
.texto h2 {
    margin-top: 40px;
    font-size: 26px;
    line-height: 28px;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
}
.texto blockquote ul{
    margin: 0;
    padding: 0;
    width: 700px;
    column-count: 2;
    column-gap: 50px;
}
.texto blockquote li{
    display: block;
    font-weight: 400;
    font-size: 16px;
    padding-left:20px;
    position: relative;
}
.texto blockquote li:before{
    content:"- ";
    position: absolute;
    top: 0px;
    left: 0px;
}
.texto blockquote{
    width: 700px;
    margin: 20px 0px;
    font-weight: 500;
    font-size: 28px;
    line-height: 130%;
}
.aligncenter {
    width: 100%;
    position: relative;
}
.texto img {
    max-width: 100%;
    height: auto;
}
.texto p.frame{
    width: 100%;
    position: relative;
    height: 0px;
    padding-bottom: 56.6%;
    margin: 20px 0px;
}
.texto p.frame iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contenido-texto .sidebar {
    width: 300px;
    float: right;
}
.sidebar .post.p-anuncio {
    position: relative;
    cursor: pointer;
    width: 300px;
    height: auto;
}
.post.p-anuncio img{
    max-width: 100%;
    height: auto;
}
.contenido-texto .sidebar .post.p-anuncio {
    margin-bottom: 14px;
}
.break-listen {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 1px;
    grid-row-gap: 0;
    margin: 90px 0px;
}
.break-listen.break-listen-tag {
    padding-bottom: 90px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 90px;
    margin-top: 0px;
    display: block;
    grid-template-columns: inherit;
    width: calc(100% - 1px);
    margin-left: 1px;
}
.nm-titulo {
    margin-top: 90px;
}
.nm-titulo h2 {
    margin: 0px 0px 0px;
    text-align: center;
    letter-spacing: 0.03em;
    font-family: 'Muli', sans-serif;
    font-size: 46px;
    font-weight: 700;
    line-height: 52px;
    text-transform: uppercase;
}
.break-listen-tag-mosaico {
    margin-top: 25px;
    display: -webkit-flex;
    display: flex;
}
.post-listen {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.pl-image {
    width: 100%;
    height: 60px;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: 300ms;
}
.pl-info {
    height: auto;
    left: 0px;
    width: 100%;
    bottom: 0px;
}
.pl-info .pl-info-int {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: -o-calc(100% - 14px);
    width: -ms-calc(100% - 14px);
    width: -moz-calc(100% - 14px);
    width: -webkit-calc(100% - 14px);
    width: calc(100% - 14px);
    background-color: rgba(255, 255, 255, 0.6);
    padding: 7px;
    transition: 600ms;
}
.break-listen.break-listen-tag .pl-info .pl-info-int {
    background-color: transparent;
}
.pl-info .pl-info-int .sub-tag {
    color: #fff;
    text-shadow: -1px 1px 7px rgba(0, 0, 0);
    font-size: 20px;
    line-height: 26px;
}
.nota-relacionadas {
    margin-bottom: 90px;
    margin-top: 90px;
    width: 100%;
}
.nota-relacionadas .nm-titulo {
    margin-bottom: 10px;
}
.nm-titulo h2 {
    margin: 0px 0px 0px;
    text-align: center;
    letter-spacing: 0.03em;
    font-family: 'Muli', sans-serif;
    font-size: 46px;
    font-weight: 700;
    line-height: 52px;
    text-transform: uppercase;
}
.nota-relacionadas-grid {
    display: -webkit-flex;
    display: flex;
    width: -o-calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    margin: auto;
}

.nota-relacionadas .mosaico .notas{
    width: -o-calc(100%/3);
    width: -ms-calc(100%/3);
    width: -moz-calc(100%/3);
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
    position: relative;
    margin: 0px;
}
.nota-relacionadas .mosaico .notas .post-image{position: relative;overflow: hidden;height: auto;}
.nota-relacionadas .mosaico .notas .post-image .post-image-int{
    position: relative;
    top: 0;
    left: 0;
    height: 0px;
    padding-bottom: 100%;
}
.notas-mas-leidas.notas-mas-leidas-single{
    width: 100%;
    background-color: #000;
    padding-top: 20px;
}
.notas-mas-leidas.notas-mas-leidas-single .nm-titulo{
    margin-top: 0px;
}
.notas-mas-leidas .mosaico-nml .notas{
    width: -o-calc(25% - 4px);
    width: -ms-calc(25% - 4px);
    width: -moz-calc(25% - 4px);
    width: -webkit-calc(25% - 4px);
    width: calc(25% - 4px);
    position: relative;
    height: auto;
    margin: 2px;
    margin-bottom: 80px;
}
.notas-mas-leidas.notas-mas-leidas-single .nm-titulo h2{
    color: #fff;
}
.nota-relacionadas .mosaico{
    display: flex;
}
.notas-mas-leidas .mosaico-nml .notas .post-image{
    position: relative;
    padding-bottom: 120%;
    height: 0px;
}

.notas-mas-leidas .mosaico-nml .notas .post-image-int{
    position: absolute;
    width: 100%;
    height: 100%;
}


.header-single {
    width: calc(100% - 60px);
    position: fixed;
    background-color: #fff;
    left: 60px;
    top: 0px;
    height: 40px;
    z-index: 5;
    border-bottom: 1px solid #fff;
    opacity: 0;
    transition: 300ms;
}
.header-single-int {
    width: -o-calc(100% - 40px);
    width: -ms-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    padding: 0px 20px;
    background-color: #fff;
}
.hsi-titulo {
    width: -o-calc(100% - 245px);
    width: -ms-calc(100% - 245px);
    width: -moz-calc(100% - 245px);
    width: -webkit-calc(100% - 245px);
    width: calc(100% - 245px);
    float: left;
    border-right: 1px solid #fff;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
}
.hsi-titulo p {
    margin: 0;
    font-size: 13px;
}
.header-single .redes {
    float: left;
    width: auto;
    position: relative;
    bottom: inherit;
}
.header-single .red svg{
    fill: #000;
    width: 30px;
    height: 40px;
}
.header-single .red {
    width: 40px;
    height: 40px;
    float: left;
    cursor: pointer;
}
.header-single .flechas {
    border-right: 1px solid #fff;
}
.header-single .flecha {
    width: 40px;
    height: 40px;
    float: left;
    border-left: 1px solid #fff;
    cursor: pointer;
}
.clear {
    clear: both;
}
.titulo .redes .red svg {
    max-width: 30px;
    height: auto;
    fill: #000;
}

.titulo .redes .red {
    text-align: center;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.top-titulo-desplazar{
    position: relative;
}

.contenido-titulo.desplazar .titulo {
    position: absolute;
    bottom: 0px;
    left: -o-calc(50% - 30px);
    left: -ms-calc(50% - 30px);
    left: -moz-calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    left: calc(50% - 30px);
}

.mosaico-nml{
    position: relative;
    display: flex;
}

.mosaico-tags{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tag{
    margin: 0px 10px 20px;
    position: relative;
}
.tag-image{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px 20px;
    border-radius: 5px;
    overflow: hidden;
}
.sub-tag{
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 2;
    text-shadow: -1px 1px 7px rgba(0, 0, 0);
}

.break-listen.break-listen-tag .nm-titulo {
    padding-top: 90px;
    margin-top: 0px;
    border-top: 1px solid #ccc;
}
.tag-over{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 0;
    border-radius: 5px;
}

.notas .sub-categoria{
    display: table;
    padding: 3px 9px;
    text-transform: uppercase;
    margin: 0px 0px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
.header-single.act {
    opacity: 1;
}

.menu-desplegar .contenido-grid{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.m-columna{
    width: 100%;
    margin: 0px 0px 60px;
    height: auto;
}

.mosaico_categoria{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.mosaico_categoria .notas{
    width: 25%;
    position: relative;
}

.mosaico_categoria .post-image{
    width: 100%;
    height: 0px;
    padding-bottom: 130%;
    position: relative;
}
.mosaico_categoria .post-image-int{
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.contenido.contenido-categoria{
    margin-bottom: 1px;
}

.contenido.contenido-categoria .contenido_fila{
    margin-bottom: 0px;
}


/*autor*/
.autor{
    width: 100%;
    position: relative;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    margin: 20px 0px;
}
.autor-foto{
    width: 200px;
    margin-right: 10px;
}
.autor-foto img{
    max-width: 100%;
    height: auto;
    max-height: 300px;
    width: auto;
}
.autor-info{
    width: 600px;
}
.autor-info h1{
    font-size: 52px;
    font-weight: 600;
    margin: 0px 0px 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 40px;
}
.autor-info p{
    font-size: 16px;
    margin: 0px 0px 5px;
}


.contenido-texto.contenido-texto-page{}
.contenido-texto.contenido-texto-page .titulo{
    margin: 100px auto 0px;
    width: 700px;
    text-align: center;
    text-transform: uppercase;
}
.contenido-texto.contenido-texto-page .titulo-int{}
.contenido-texto.contenido-texto-page .titulo-int h2{
    font-size: 52px;
    line-height: 1.2em;
}
.contenido-texto.contenido-texto-page .contenedor{}
.contenido-texto.contenido-texto-page .texto{
    float: initial;
    margin: auto;
}
.contenido-texto.contenido-texto-page .texto p{
    margin: auto;
}

.contenido-texto.contenido-texto-page .texto ul, .contenido-texto.contenido-texto-page .texto ol{
    margin: auto;
}
.contenido-texto.contenido-texto-page .texto blockquote{
    margin: 20px auto;
}

.contenido-texto.contenido-texto-page .texto p.frame{
    margin: 20px 0px;
}


.lupa_ext{
    width: -o-calc(100% - 61px);
    width: -ms-calc(100% - 61px);
    width: -moz-calc(100% - 61px);
    width: -webkit-calc(100% - 61px);
    width: calc(100% - 61px);
    left: 61px;
    border-left: none;
    height: 55px;
    position: fixed;
    top: 99px;
    z-index: 6;
    background-color: #000;
    overflow: hidden;
    width: 0px;
    transition: 300ms;
}
.lupa_int{
    display: -webkit-flex;
    display: flex;
}
.lupa_int input{
    margin: 5px;
    border: 1px solid #fff;
    background-color: #000;
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-size: 12px;
    font-family: 'Raleway', sans-serif;
    padding: 0px 10px;
    height: 40px;
}
.lupa_int input.btn{
    -webkit-appearance: none;
    border: 1px solid #fff;
    background-color: #000;
    color: #fff;
    margin: 5px;
    height: 45px;
    position: relative;
    display: block;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: auto;
    padding: 0px 20px;
    cursor: pointer;
}

.lupa_ext.act{
    width: -o-calc(100% - 61px);
    width: -ms-calc(100% - 61px);
    width: -moz-calc(100% - 61px);
    width: -webkit-calc(100% - 61px);
    width: 310px;
}

.contenido.contenido-categoria .columna.columna_der{
    width: 50%;
}

.contenido.contenido-categoria .contenido_fila.actdos .columna_der{
    width: -o-calc(50% - 30px);
    width: -ms-calc(50% - 30px);
    width: -moz-calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    width: calc(50% - 30px);
}

.c-icono{
    width: 30px;
    height: 30px;
    display: block;
    vertical-align: middle;
    margin: auto;
}
.c-icono svg{
    width: 100%;
    height: 100%;
}

.menu-int ul li .icono_color{
    fill: #fff;
}



.mosaico_cuatro{
    width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.mosaico_cuatro .post{
    width: calc(25% - 4px);
    margin: 2px;
    height: 0px;
    padding-bottom: calc(25% - 4px);
}

.banner.banner-parallax{
        width: 100%;
        height: auto;
        background-color: #fff;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
}
.banner.banner-parallax .banner_int {
    width: 100%;
    height: 400px;
    position: relative;
    overflow: hidden;
}.banner.banner-parallax .banner_scroll {
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center 0px;
}

.banner.banner-taste{
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.banner.banner-taste .columna_taste{
    width: -o-calc(50% - 4px);
    width: -ms-calc(50% - 4px);
    width: -moz-calc(50% - 4px);
    width: -webkit-calc(50% - 4px);
    width: calc(50% - 4px);
    margin: 2px;
}
.columna_taste .post{
    height: 0px;
    padding-bottom: 60%;
}
.columna_taste .post-image{}
.columna_taste .post-image-int{}
.columna_taste .post-info_center{}
.columna_taste .post-info_center h3{}


.contenido_fila.contenido_fila_uno .columna.columna_izq{
    bottom: initial;
}
.contenido_fila.contenido_fila_uno .top{
    top: initial;
}

.columna_footer{
    position: relative;
}
.columna_footer.cf_center{
    text-align: center;
}
.columna_footer.cf_center p{
    font-size: 12px;
}
.columna_footer.cf_izq{
    margin-top: 40px;
}
.columna_footer.cf_der{
    text-align: right;
    margin-top: 40px;
}


.columna_footer .redes{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    bottom: initial;
    margin-top: 20px;
}
.columna_footer .red{
    margin: 0px;
    width: 40px;
    height: 40px;
}
.columna_footer .red img{
    -webkit-filter: invert(100%);
    filter: invert(100%);
    max-width: 100%;
    height: auto;
}
.post-image-int{
    -webkit-transition: -webkit-transform 1200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 1200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 1200ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 1200ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 1200ms cubic-bezier(0.4, 0, 0.2, 1);

}
.post:hover .post-image-int{
    transform: scale(1.02);
}
.post-ft-image-int{
    -webkit-transition: -webkit-transform 1600ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: -webkit-transform 1600ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 1600ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 1600ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 1600ms cubic-bezier(0.4, 0, 0.2, 1);

}
.post-full-top:hover .post-ft-image-int{
    transform: scale(1.02);
}

.label{
    position: absolute;
    overflow:hidden;
    left: 100%;
    top: 0;
    width: 0px;
    -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms cubic-bezier(0.4, 0, 0.2, 1), 300ms cubic-bezier(0.4, 0, 0.2, 1);
}


.label_int{
    padding: 10px 15px;
    background-color: #000;
    letter-spacing: 0.08em;
}

.f_rotar_li{
    min-height: 110px;
}
.f_rotar{
    transform-origin: 100% 250%;
    transform: rotate(-90deg);
}


.menu ul li div:hover .label{
    width: 100px;
}

.menu ul li a{
    color: #fff;
}

.contenido.contenido-margin.contenido-categoria{
    margin-bottom: 30px;
}

.post-ft.post-ft-categoria{
    margin: 50px 0px;
    height: -o-calc(100vh - 100px);
    height: -ms-calc(100vh - 100px);
    height: -moz-calc(100vh - 100px);
    height: -webkit-calc(100vh - 100px);
    height: calc(100vh - 100px);
}

.post-ft.post-ft-categoria.post-ft-tag{
    margin: 0px;
    height: 100vh;
    text-align: center;
}
.post-ft.post-ft-categoria.post-ft-tag .post-ft-image{
    height: calc(100% - 100px);
    display: -webkit-flex;
    display:  flex;
    justify-content: center;
    align-items: center;
}
.post-ft.post-ft-categoria.post-ft-tag .post-ft-image img{}
.post-ft-tag-info{
    margin: 5px;
}
.post-ft-tag-info h2{
    margin: 0px;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 500;
}
.break-listen.break-listen-tag .mosaico_cuatro .post{
    padding-bottom: -o-calc(16% - 4px);
    padding-bottom: -ms-calc(16% - 4px);
    padding-bottom: -moz-calc(16% - 4px);
    padding-bottom: -webkit-calc(16% - 4px);
    padding-bottom: calc(16% - 4px);
}
.break-listen.break-listen-tag .mosaico_cuatro .post-info{
    text-align: center;
}

.break-listen.break-listen-tag  .mosaico_cuatro{
    justify-content: center;
}

.nota-relacionadas .mosaico .notas{
    width: -o-calc(100%/3 - 4px);
    width: -ms-calc(100%/3 - 4px);
    width: -moz-calc(100%/3 - 4px);
    width: -webkit-calc(100%/3 - 4px);
    width: calc(100%/3 - 4px);
    margin: 2px;
}


.info_extra{
    width: -o-calc(100% - 100px);
    width: -ms-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
}
.me_gusta{
    width: 80px;
    overflow: hidden;
    height: 42px;
}
.me_gusta img{}

.sidebar{}
.sidebar .eventos{
}
.sidebar .evento_titulo{
    background-color: #fff;
    text-align: center;
    padding: 10px 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 1px;
}
.sidebar .evento_titulo p{
    margin: 0px;
}
.dia_evento{
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    margin-top: 0px;
    padding: 5px;
    flex-wrap: wrap;
    margin-bottom: 1px;
}
.dia_fecha{
    width: 60px;
    text-align: center;
    background-color: #ccc;
    height: auto;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 3px;
    padding-bottom: 8px;
}
.dia_fecha div{
    margin: 2px;
    background-color: #fff;
    border-radius: 2px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size: 14px;
    padding: 3px 0px;
}
.dia_info{
    width: -o-calc(100% - 70px);
    width: -ms-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
}
.dia_info h3{
    margin: 0px 0px 10px;
    font-size: 16px;
}
.dia_info p{
    margin: 0px;
    font-size: 13px;
}

.banner_anuncio{
    height: auto;
    width: 100%;
    position: relative;
    z-index: 2;
    clear: both;
}
.banner_anuncio img{
        max-width: 100%;
        padding: 0px;
        position: relative;
        left: 50%;
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: auto;
}
.banner_anuncio iframe{
    max-width: 100%;
    padding: 20px 0px;
    position: relative;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.top_fijar_sidebar{
    position: absolute;
    top: -42px;
}
.sidebar.sidebar-fijo.act_fijar{
    position: fixed;
    top: 42px;
    right: 20px;
    height: calc(100vh - 42px);
        right: 100px;
}
.contenedor_texto{
    position: relative;
    margin-top: 40px;
}

.sidebar.sidebar-fijo.act_fijar.act_desplazar{
    position: absolute;
    top: initial;
    bottom: 0px;
    right: 0px;
}

.top_desplazar_sidebar{
    position: absolute;
    bottom: 100vh;
}

header.act_animacion .logo_full_top{
    -webkit-transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:  800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition:  800ms cubic-bezier(0.4, 0, 0.2, 1),  800ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 0px;
}

header .logo{
    -webkit-transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 800ms;
    transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 800ms cubic-bezier(0.4, 0, 0.2, 1),  800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 800ms;
}

header.act_animacion .logo{
     -webkit-transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
     -webkit-transition-delay: 800ms;
    transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: 800ms cubic-bezier(0.4, 0, 0.2, 1),  800ms cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 800ms;
    opacity: 1;
}