.items .item .mm_player.filete-player .mm_capa_portada .mm_titulo{
    color:#71635b !important;
}
.items .item .mm_player.filete-player .mm_capa_portada .mm_duracion{
    color:#71635b !important;
}
.items .item .mm_player.filete-player .mm_capa_portada .mm_boton_play:after {
    border-left: 13px solid #71635b !important;
}
.items .item .mm_player.filete-player .mm_capa_sonando.visible .mm_boton_pausa:after, .items .item .mm_player.filete-player .mm_capa_sonando.visible .mm_boton_pausa:before {
    top: 17px !important;
    background: #71635b !important;
}
.items .item .mm_player.filete-player .mm_capa_sonando.visible .mm_tiempo_actual{
    color:#71635b !important;
}
.items .item .mm_player.filete-player .mm_capa_menu ul li:first-child a .mm_icono_compartir {
    width: 49px !important;
    height: 49px !important;
    top: 0px !important;
    z-index: 10;
}
.items .item .mm_player.filete-player .mm_capa_sonando.visible .mm_boton_play:after{
    border-left: 13px solid #71635b !important;
}
.items .item .mm_player.filete-player .mm_capa_portada .mm_boton_play, .items .item .mm_player.filete-player .mm_capa_portada .mm_boton_pause{
    z-index:10;
}
.items .item .mm_player.filete-player .mm_capa_conectar_redes {
    height: 50px !important;
}
.items .item .mm_player.filete-player .mm_capa_sonando.visible .mm_control_play, .items .item .mm_player.filete-player .mm_capa_sonando.visible .mm_control_pausa {
    width: 50px !important;
    height: 50px !important;
    top: -1px !important;
    left: -51px !important;
}
.videogeneric_envoltorio .videogeneric_contenedor_video .videogeneric_datos_video .videogeneric_modulo_datos{
    display:none !important;
}
header#menu {
    color:#71635b;
    background: #e8d0c4;
    padding: 0;
}
header#menu .cont-menu {
    color: #71635b;
    max-width: 964px;
    margin: 0 auto;
    padding: 15px 15px 1px;
}
section h2 {
    text-transform: uppercase;
    color: #71635b;
    letter-spacing: 4px;
    text-align: center;
    padding: 28px 0 11px;
    border-top: 1px solid #cfb9ae;
    border-bottom: 1px solid #cfb9ae;
    font-size: 28px;
    margin: 30px 0 30px;
    font-family: "montserrat",Arial,sans-serif;
    font-weight: 700;
    line-height: 25px;
}
section h2::after {
    content: " ";
    background:#e8d0c4 url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/decoracion-titulo.png) center 0 no-repeat;
    width: 60px;
    height: 14px;
    display: block;
    position: relative;
    left: 47%;
    top: 18px;
}
#fotos h4 {
    text-align: center;
    margin: -8px 0 28px;
    font-size: 13px;
    font-weight: 500;
    font-family: montserrat;
    letter-spacing: .02em;
    color: #71635b;
}
section#introduccion {
    background:#e8d0c4 url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/fondo-resumen-m.jpg) 0 bottom no-repeat;
    min-height: 421px;
    color: #71635b;
    display: flex;
    padding: 0 0 83px;
}
section#introduccion .player, .cnt_audio_anteriores.items {
    display: block;
    background: transparent;
    width: 77%;
    height: 35px;
    margin: 100px auto 0;
    padding: 0;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border: 0px solid #000;
}
.cont-global {
    max-width: 964px;
    margin: 0 auto 0;
    padding: 0 15px 70px;
    width: 100%;
}
#subs .cont-global {
    max-width: 964px;
    margin: 0 auto 0;
    padding: 0 15px 70px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
#introduccion .cont-global {
    padding: 0 15px 0;
}
a.button {
    background: #c8b1a9 url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/next-down.svg)no-repeat 50% 53%;
    background-size: 37%;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0px solid #000000;
    width: 50px;
    height: 50px;
    margin: 3% auto 0;
    display: block;
    position: absolute;
    text-indent: -99999px;
    left: calc(50% - 25px);
}
a.button:hover {
    background:#f4e2db url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/next-down.svg)no-repeat 50% 53%;
    background-size: 37%;
}
section div h3 {
    margin: 9px 0 10px;
    color: #71635b;
    display: block;
    position: relative;
    font-size: 20px;
    font-family: "montserrat",Arial,sans-serif;
    font-weight: 700;
}
section p {
    position: relative;
    display: block;
    font-family: montserrat;
    width: 100%;
}
section#teaser {
    background:#fff3ed url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/fondo-2-m.jpg) right bottom no-repeat;
    display: flex;
    min-height: 421px;
    color: #71635b;
}

section#teaser h2 {
    color: #71635b;
    border-top: none;
    border-bottom: 1px solid #cfb9ae;
}
section#teaser h2::after {
    content: " ";
    background:#fff3ed url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/decoracion-titulo.png) center 0 no-repeat;
    width: 60px;
    height: 14px;
    display: block;
    position: relative;
    left: 47%;
    top: 18px;
}
#menu nav li {
    font-size: 15px;
    text-transform: uppercase;
    color: #71635b;
    margin: 0 0px 0 25px;
}
#menu nav li:first-child {
    margin: 0;
}
#menu nav {
    margin: 10px 0 0;
}
#menu nav ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}
#menu nav li a {
    color: #71635b;
    font-family: "montserrat",Arial,sans-serif;
    font-weight: 800;
}
#menu nav li a:hover {
    color: #9c928b;
    border-bottom: 2px solid;
    padding: 0 0 1px 0;
}
#menu nav button {
    display: none;
}
.redes {
    width: 117px;
    float: right;
    padding: 4px 0;
}
#menu .cont-menu nav img {
    display: none;
}
.redes li.facebook a {width: 33px;height: 33px;background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/facebook-social-symbol.svg)no-repeat;background-size: 100%;float: right;}
.redes li.twitter a {width: 33px;height: 33px;background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/twitter-social-symbol.svg)no-repeat;background-size: 100%;float: right;}
.redes li.whatsapp a {width: 33px;height: 33px;background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/whatsapp-social-symbol.svg)no-repeat;background-size: 100%;float: right;display: none;}
.redes ul li a {
    margin: 0 4px 0 0;
}
.redes ul li a:hover {
    opacity: .5;
}
.redes ul li:first-child {
    margin: 0 0px;
}
.video {
    width: 718px;
    height: 428px;
    background: #ccc;
    margin: 48px auto 18px;
    padding: 0;
}
.video iframe, .video > div{width:100%;height:100%;}

section#makingof h2::after {
    content: " ";
    background:#ffffff url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/decoracion-titulo.png) center 0 no-repeat;
    width: 60px;
    height: 14px;
    display: block;
    position: relative;
    left: 47%;
    top: 18px;
}
section#makingof h2 {
    color: #71635b;
    border-top: none;
    border-bottom: 1px solid #cfb9ae;
}
section#makingof {
    background: #ffffff;
    display: flex;
    min-height: 421px;
    color: #71635b;
}


section#anteriores h2::after {
    content: " ";
    background:#ffffff url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/decoracion-titulo.png) center 0 no-repeat;
    width: 60px;
    height: 14px;
    display: block;
    position: relative;
    left: 47%;
    top: 18px;
}
section#anteriores h2 {
    color: #71635b;
    border-top: none;
    border-bottom: 1px solid #cfb9ae;
    line-height: 26px;
}
section#anteriores {
    background: #ffffff;
    display: flex;
    min-height: 421px;
    color: #71635b;
}
#anteriores iframe {
    width: 73%;
    margin: 0 auto;
    border: 0;
    border-radius: 9px;
    display: block;
}
.especial-bot {
    border: 2px solid #71635b;
    padding: 14px;
    font-family: montserrat;
    color: #71635b;
    font-weight: 600;
    margin: 28px auto 30px;
    display: block;
    width: 171px;
    text-align: center;
    text-transform: uppercase;
}
.especial-bot:hover {
    border: 2px solid #71635b !important;
    padding: 14px;
    font-family: montserrat;
    color: #71635b;
    display: block;
}
#anteriores a#ant_enlace_cuento:hover {
    background: #71635b;
    color: #fff;
    border: 1px solid #71635b;
}
#anteriores img {
    margin: 30px auto 0;
    display: block;
    width: 73%;
    border: 1px solid #eee;
}

section#fotos {
    background:#fae9e1 url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/fondo-fotos.jpg)no-repeat left bottom ;
    display: flex;
    min-height: 421px;
    color: #71635b;
}
.cont-fotos p {
    padding: 0 10px;
    margin: 15px 0px 17px;
    width: 249px;
    text-align: center;
}
section#fotos h2::after {
    content: " ";
    background:#fae9e1  url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/decoracion-titulo.png)center 0 no-repeat;
    width: 60px;
    height: 14px;
    display: block;
    position: relative;
    left: 47%;
    top: 18px;
}
section#fotos h2 {
    color: #71635b;
    border-top: none;
    border-bottom: 1px solid #cfb9ae;
}
section#colaboracion{
    background: #fff3ed;
}
section#colaboracion .cont-global{
    padding:40px 0;
    border-top: 1px solid #a19893;
}
section#colaboracion .cont-global a{
    font-weight:700;
    text-decoration:none;
    color:#414341;
}
section#personajes {
    background: #fff3ed;
    display: flex;
    min-height: 421px;
    color: #71635b;
}
section#personajes p {
    text-align: center;
    padding: 0 130px;
}
section#personajes h2 {
    color: #71635b;
    border-top: none;
    border-bottom: 1px solid #cfb9ae;
}
section#personajes h2::after {
    content: " ";
    background:#fff3ed url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/decoracion-titulo.png) center 0 no-repeat;
    width: 60px;
    height: 14px;
    display: block;
    position: relative;
    left: 47%;
    top: 18px;
}
#personajes .cont-global > div{overflow:hidden;position:relative;}
#personajes ul{transition: all 0.5s ease;}
#personajes li{display:block;float:left;}
#pie-cuento div {
    max-width: 964px;
    margin: 0 auto;
    padding: 0 15px;
}
#pie-cuento {
    background: #e8d0c4;
}
#pie-cuento div a {
    float: right;
}
#pie-cuento div a img {
    width: 100%;
    padding: 18px 0;
}
#pie-cuento div img {
    width: 93px;
    padding: 15px 0 12px;
} 
section#subs {
    height: 110px;
    background: #ec4e71;
}
section#creditos {
    display: flow-root;
    background: #f7f7f7;
    padding-top: 30px;
}
#subs div h3 {
    color: #fff;
    font-family: 'Old Standard TT', serif;
    font-size: 23px;
    font-weight: 400;
    padding: 47px 0px;
    margin: 0;
    min-width: 28%;
    max-width: 90%;
}
#subs div h3 span{
    font-weight: 700;
    text-transform:uppercase;
}
.suscribete-cont {
    height: 50px;
    padding: 0;
    margin: 30px 0 0 15px;
    min-width: 101px;
    max-width: 121px;
}
#subs li.facebook a {
    width: 19px;
    height: 22px;
    background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/itunes_esp.svg)no-repeat 45% 42%;
    background-size: 29px;
    float: right;
    padding: 20px;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 3px solid #e8d0c4;
}
#subs li.twitter a {
    width: 19px;
    height: 22px;
    background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/ivoox_esp.svg)no-repeat center center;
    padding: 20px;
    background-size: 60%;
    float: right;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 3px solid #e8d0c4;
}
#subs li.whatsapp a {
    width: 33px;
    height: 33px;
    padding: 20px;
    background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/icono-rss.png)no-repeat 46% 40%;
    float: right;
    border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 3px solid #e8d0c4;
}
#subs ul li a {
    margin: 0 4px 0 0;
}
#subs ul li a:hover {
    opacity: .5;
}
#subs ul li:first-child {
    margin: 0 0px;
}
#subs div h3::after{
    content: " ";
    min-width: 28%;
    max-width: 90%;
    height: 1px;
    background: #ff98af;
    display: none;
    margin: 8px 51px 8px;
}
#creditos h3::after {
    content:" ";
    background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/next-down-b.svg)no-repeat 0 0;
    background-size: 100%;
    width: 17px;
    height: 11px;
    display: block;
    float: right;
    margin-top: 3px;
}
#creditos h3::before {
    content: " ";
    background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/next-down-b.svg)no-repeat 0 0;
    background-size: 100%;
    width: 17px;
    height: 11px;
    display: block;
    float: left;
    margin-top: 3px;
}
#creditos h3 {
    border: 2px solid;
    text-align: center;
    padding: 14px 10px;
    width: 179px;
    margin: 21px auto 70px;
    text-transform: uppercase;
    background: #f7f7f7;
    z-index: 1;
    position: relative;
    cursor:pointer;
}
#creditos h3 a{
    color:#71635b;
    padding: 11px 0;
    font-size: 16px;
}
#creditos div .det1{
    width: 35%;
    height: 2px;
    background: #d8d8d8;
    display: block;
    margin: 25px 0 0;
    float: left;
}
#creditos div .det2{
    width: 36%;
    height: 2px;
    background: #d8d8d8;
    display: block;
    margin: -94px 0 0;
    float: right;
}
.grupo1 {
    width: 22%;
    float: left;
    text-transform: uppercase;
    margin: 0 40px 45px 0;
    line-height: 21px;
    height: inherit;
    padding: 0 0 0 20px;
}
.grupo2 {
    width: 35%;
    float: left;
    margin: 0px 25px 0 0;
    color: #71635b;
    border-left: 2px solid #d8d8d8;
    padding: 0 0 0 28px;
}
.grupo3 {
    width: 32%;
    float: left;
    margin: 0px 0 135px 0;
    color: #71635b;
    padding: 0;
}
.nombres p:nth-child(2n){
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}
.fila-triple .f1 {
    float: left;
    width: 33%;
}
.fila-centrada {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 60px;
}
.fila1 {
    width: 100%;
}
.fila-centrada p {
    font-family: montserrat;
}
.fila-centrada h4{
    text-transform:uppercase;
    color: #71635b;
    margin: 5px 0px;
}
.fila-triple {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 58px;
}
.fila-triple p {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-weight: bold;
    color: #71635b;
    text-align: center;
}
.fila1 .nombres p {
    width: 100%;
    padding: 0px;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    font-family: "montserrat",Arial,sans-serif;
}
.nombres p {
    font-family: "montserrat",Arial,sans-serif;
    column-count: 1;
}
.fila1 .nombres p:nth-child(2n){
    font-weight: normal;
    font-size: 14px;
    margin: 0 0 14px;
}
.fila-triple h4 {
    margin-bottom: 7px;
    color: #71635b;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.fila-triple .nombres p:nth-child(2n) {
    margin-bottom: 10px;
    font-weight: normal;
}
.foto1:nth-child(3n){
    margin: 0 0 28px 0;
}
#personajes h3 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#personajes h4 {
    text-align: center;
    font-weight: 400;
    font-family: "montserrat",Arial,sans-serif;
    color: #71635b;
}
#personajes img {
    margin: 23px auto;
    display: block;
    width: 55%;
}
#personajes button#siguiente {
    background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/next-right.svg)no-repeat 0 0;
    background-size: 27px;
    border: 0;
    width: 30px;
    height: 60px;
    text-indent: -99999px;
    cursor: pointer;
    position: absolute;
    right: calc(19% - 45px);
    top: 38%;
}

#personajes button#anterior {
    background: url(//cadenaser.com/estaticos/recursosgraficos/especiales/cuento_de_navidad_mujercitas/img/next-left.svg)no-repeat 0 0;
    background-size: 27px;
    border: 0;
    width: 30px;
    height: 60px;
    text-indent: -99999px;
    cursor: pointer;
    position: absolute;
    left: calc(20% - 45px);
    top: 37%;
}
#personajes button#anterior.desactivado {
    opacity: 0.3;
    cursor: default;
    top: 38%;
    left: calc(18% - 37px);
}
.cont-fotos .foto1 img {
    width: 225px;
}
button:hover {
    opacity: 0.6;
    cursor: pointer;
}
.grupo1 h4 {
    color: #71635b;
}
#introduccion .cont-texto p {
    color: #71635b;
    width: 100%;
    margin: 0;
    padding: 0 110px;
}
#introduccion h3 {
    color: #fff;
}
#anteriores h3 {
    text-align: center;
    text-transform: uppercase;
    font-family: montserrat;
    font-size: 21px;
    letter-spacing: 2px;
    margin: 0 auto 7px;
}
#anteriores h4 {
    text-align: center;
    font-family: montserrat;
    color: #71635b;
}
.cont-fechas .fecha button {
    text-align: center;
    padding: 14px 26px 13px;
    border: 1px solid;
    font-weight: 700;
    float: left;
    color: #71635b;
    margin: 0;
    background:#fff;
    line-height: 13px;
}
.fecha {
    display: block;
    padding: 0;
    margin: 0 8px 8px 0;
}
.fecha:last-child {
    margin: 0;
}

.cont-fechas {
    width: 96%;
    margin: 34px auto 36px;
    height: 44px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
#introduccion .cont-texto {
    padding: 0;
    display: block;
    width: 100%;
    position: relative;
}
#teaser .cont-texto {
    padding: 0 107px;
    display: block;
    width: 100%;
    position: relative;
}
.cont-global .fila-centrada p {
    column-count: 1;
    color: #71635b;
}
#makingof .cont-texto {
    padding: 0 106px;
}
.foto1 a {
    display: block;
    background: #fff;
    padding: 12px 12px 45px;
    width: fit-content;
}
.foto1 a:hover{
    background: #71635b;
    opacity: 0.8;
    color: #fff;
}
.cont-fotos {
    margin: 0 auto;
    width: 100%;
    max-width: 818px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
aside.patrocinado {
    background: #008444;
    width: 100%;
    height: 42px;
    color: #fff;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
}
.patrocinado img {
    width: 100px;
    padding: 9px 0;
    float: right;
}
.patrocinado span {
    padding: 15px 8px;
    display: block;
    float: right;
    
}
.patrocinado span:last-of-type{
    width: 169px;
}
.patrocinado div {
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
    height: 42px;
}
.patrocinado div a {
    margin: 0 auto;
    max-width: 964px;
    height: 42px;
    position: relative;
    display: block;
    color: #fff;
}
.patrocinado div a:hover {
    opacity:.8;
}
#creditos .cont-global {
    padding: 0;
}
.lb-number{
    display:none;
}
#colaboracion p {
    padding: 0 107px;
    text-align: center;
}
@media (max-width:880px) {
    #menu nav button span {
        border-radius: 1px;
        height: 2px;
        width: 30px;
        background: #71635b;
        position: absolute;
        display: block;
        content: '';
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        color: #22273d;
    }
    #menu nav button span:before {
        border-radius: 1px;
        height: 2px;
        width: 30px;
        background: #71635b;
        position: absolute;
        display: block;
        content: '';
        top: -9px;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #menu nav button span:after {
        border-radius: 1px;
        height: 2px;
        width: 30px;
        background: #71635b;
        position: absolute;
        display: block;
        content: '';
        bottom: -9px;
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .menu-activo #menu nav button span{
        background: #e8d0c4;
    }

    .menu-activo #menu nav button span:before{
        transform: rotate(45deg);
        top: 0;
    }
    .menu-activo #menu nav button span:after{
        transform: rotate(-45deg);
        bottom: 0;
    }
    #menu nav{
        display: block;
        z-index: 2;
        position: absolute;
        top: 0;
        margin: 0 -15px 0;
        width: 100%;
        height: -webkit-fill-available;
        padding: 0;
    }
    #menu .cont-menu nav img {
        display: block;
        position: absolute;
        right: 117px;
        z-index: 2;
        top: 143px;
    }
    #menu nav ul{
        display: block;
        background: #e8d0c4;
        width: 320px;
        position: absolute;
        right: 0;
        top: 128px;
        z-index: 1;
        padding: 89px 20px 70px;
    }
    #menu nav ul li{
        margin: 0 0 14px 0;
        border-bottom: 1px solid;
        padding:0 0 5px;
    }
    #menu nav li a:hover{
    border: none;
    }
    #menu nav ul li:first-child{
        margin: 0 0 14px 0;
    }
    .redes{
        display: block;
        position: absolute;
        right: 162px;
        z-index: 3;
        top: 430px;
        width: 217px;
    }
    .redes li.facebook a{
        width: 42px;
        height: 42px;
    }
    .redes li.twitter a{
        width: 42px;
        height: 42px;
    }
    .redes li.whatsapp a{
        width: 42px;
        height: 42px;
    }
    header#menu{
        padding: 0;
    }
    #menu nav button{
        display: block;
        height: 30px;
        width: 30px;
        position: absolute;
        right: 30px;
        top: 153px;
        border: 0;
        padding: 0;
        background: transparent;
        text-indent: -9999px;
        cursor: pointer;
        z-index: 3;
    }
    #menu .cont-menu nav img{display:none;}
    #menu nav ul{display:none;}
    .redes{display:none;}
    .menu-activo{position:fixed;overflos:hidden;}
    .menu-activo #menu .cont-menu nav img{display:block;right: 122px;}
    .menu-activo #menu nav ul{display:block;}
    .menu-activo .redes{display:block;z-index:1001;padding: 16px 0;}
    .menu-activo #menu nav{height:100%;position:fixed;z-index:1000;background: rgba(0, 0, 0, 0.7);}
    .redes li.whatsapp a{display:block;}
}
@media (max-width:768px) {
    #teaser .cont-texto {
        padding: 0px 84px;
    }
    #makingof .cont-texto {
        padding: 0px 84px;
    }
    section#introduccion {
        min-height: 1389px;
    }
    #creditos .cont-global{
        padding: 0 15px 0;
    }
    .video{
        width: 568px;
        height: 354px;
    }
    .cont-fotos {
        justify-content: center;
    }
    .foto1 {
        margin: 0px 28px 28px 0;
    }
    .foto1:nth-child(3n){
        margin: 0px 28px 28px 0;
    }
    .foto1:nth-child(2n){
        margin: 0px 0 28px 0;
    }
    a.button{
        top: 114%;
        display: none;
    }
    section#introduccion .player, .cnt_audio_anteriores.items{
        width: 72%;
    }
    #personajes button#siguiente {
        right: calc(19% - 45px);
        top: 30%;
    }
    #personajes button#anterior.desactivado {
        top: 31%;
        left: calc(18% - 37px);
    }
    #personajes button#anterior{
        top: 31%;
        left: calc(18% - 37px);
    }
}
@media (max-width:715px) {
    .foto1:nth-child(3n) {margin: 0px 28px 28px 0;}
    .foto1:nth-child(2n) {margin: 0 0 28px 0;}
}
@media (max-width:621px) {
    .grupo1 {
        width: 100%;
        margin: 0 40px 18px 0;
        padding: 0;
        text-align: center;
    }
    .grupo2 {
        width: 100%;
        padding:0;
        margin: 0px 25px 0 0;
        text-align: center;
        border: none;
    }
    .grupo3 {
        width: 100%;
        margin: 0px 0 74px 0;
        padding: 0;
        text-align: center;
        border:none;
    }
    .fila-triple .f1 {
        float: none;
        width: 100%;
        margin: 0 0 43px;
    }
    section#makingof h2::after{
        left: 42%;
    }
    section#teaser h2::after{
        left: 42%;
    }
    section#fotos h2::after{
        left: 42%;
    }
    section#personajes h2::after{
        left: 42%;
    }
    section#anteriores h2::after{
        left: 42%;
    }
    #subs div h3::after{
        width: 40%;
        margin: 8px 15px 8px;
    }
}
@media (max-width:573px) {
    #subs div h3::after{
        display: none;
    }
    .suscribete-cont {
        margin: 0 auto;
        display: block;
        float: none;
    }
    #subs div h3 {
        padding: 20px 0px 12px;
        margin: 0 auto;
        display: block;
        float: none;
        text-align: center;
    }
    .cont-fechas{
        margin: 34px auto 36px;
    }
}
@media (max-width:511px) {
    .cont-fechas{
        margin: 34px auto 95px;
    }
}
@media (max-width:451px) {
    .foto1:nth-child(3n) {margin: 0 0 28px 0;}
    .foto1:nth-child(2n) {margin: 0 0 28px 0;}
    .foto1{margin: 0 0 28px 0;}
    #introduccion .cont-texto p {
        column-count: 1;
        padding: 0;
    }
    section p {
        column-count: 1;
    }
    #creditos div .det1{
        width: 23%;
    }
    #creditos div .det2{
        width: 23%;
    }
    .cont-fotos{
        justify-content:center;
    }
    section#introduccion{
        min-height: 1561px;
    }
    a.button{
        top: 280%;
    }
    section#introduccion .player, .cnt_audio_anteriores.items{
        width: 100%;
        padding: 0;
    }
    .patrocinado span:last-of-type{
        display:none;
    }
    .video {
        width: 100%;
        height: 250px;
    }
}
@media (max-width:414px) {
    #makingof .cont-texto {
        padding: 0;
    }
    #teaser .cont-texto {
        padding: 0;
    }
    #personajes img{
        width: 75%;
        margin: 22px auto;
    }
    #personajes button#siguiente {
        top: 26%;
        right: calc(12% - 45px);
    }
    #personajes button#anterior {
        top: 26%;
        left: calc(11% - 37px);
    }
    section#personajes p{
        padding:0 30px;
    }
    #anteriores img{
        width:100%;
    }
    #anteriores iframe{
        width: 100%;
    }
    #subs .cont-global{
        padding: 30px 0px;
    }
    #colaboracion p {
        padding: 0 30px;
    }
    #personajes button#anterior.desactivado {
        top: 26%;
        left: calc(18% - 65px);
    }
}
@media (max-width:375px) {
    a.button{
        top: 1400px;
        display: none;
    }
    #subs .cont-global{
        padding: 2px;
    }
    section h2::after{
        left: 40%;
    }
    #subs div h3::after{
        display: none;
    }
    .suscribete-cont{
        margin: 0 auto;
    }
    #subs div h3{
        padding: 21px 10px 12px;
        margin: 0;
    }
    #creditos div .det1{
        width: 20%;
    }
    #creditos div .det2{
        width: 20%;
    }
    .cont-fechas{
        margin: 34px auto 81px;
    }
    .fecha{
        margin: 0 8px 8px 0;
    }
    #introduccion .cont-texto{
        padding:0;
    }
    section#introduccion .player, .cnt_audio_anteriores.items{
        width:100%;
    }
    #makingof .cont-texto{
        padding:0;
    }
    #teaser .cont-texto{
        padding:0;
    }
    .fila-centrada {
        padding: 0 0 20px;
    }
    .grupo3 {
        margin: 0 0 20px 0;
    }
    .fila-triple {
        padding: 37px 0 23px;
    }
    #personajes button#siguiente {
        right: calc(15% - 45px);
        background-size: 18px;
        top:24%;
    }
    #personajes button#anterior{
        left: calc(18% - 45px);
        background-size: 18px;
        top:24%;
    }
    #personajes button#anterior.desactivado {
        top: 24%;
        left: calc(18% - 45px);
    }
    .video{
        height: 229px;
    }
    section#introduccion{
        min-height: 1701px;
    }

}
@media (max-width:320px) {
    section#teaser h2::after {
        left: 39%;
    }
    section#makingof h2::after {
        left: 39%;
    }
    section#fotos h2::after {
        left: 39%;
    }
    section#personajes h2::after {
        left: 39%;
    }
    section#anteriores h2::after {
        left: 39%;
    }
    #personajes img {
        width: 82%;
    }
    #personajes button#siguiente {
        background-size: 55%;
        right: calc(11% - 45px);
        /* top: 21%; */
    }
    #personajes button#anterior {
        background-size: 55%;
        left: calc(16% - 45px);
        /* top: 21%; */
    }
    .foto1 img {
        width: 247px;
    }
    .cont-global{
        padding: 0 15px 39px;
    }
    a.button{
        top: 343%;
    }
    section#introduccion{
        min-height: 1861px;
    }
    .video{
        height: 195px;
    }
    #subs .cont-global {
        padding: 2px 0px;
    }
    section#personajes p{
        padding:0;
    }
    #personajes button#anterior.desactivado {
        /* top: 24%; */
        left: calc(18% - 50px);
    }
}
.filete .mm_redes button{right:10px;}