@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap');


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0;background-color:transparent}

iframe{background:0;background-color:transparent;display:block;margin: 10px auto;}
iframe body{background:0;background-color:transparent}
ol,ul{list-style:none;margin:0;padding:0}
table{border-collapse:collapse}
a img{border:none}
html{margin:0;padding:0}
header,footer,aside,nav,article{display:block}
button{background-color:transparent;border:none}
.right{float:right}
.left{float:left}
.rounded{-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
.box{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.w100{width:100%}
.w50{width:50%}
.w33{width:33%}
.w25{width:25%}
.w20{width:20%}
.clear{clear:both}
.zero{width:0;height:0;overflow:visible;position:relative}
.tcenter{text-align:center!important}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.table{display:table;width:100%}
.table_cell{display:table-cell;vertical-align:middle}
.shadowed{-moz-box-shadow:0 0 3px #ccc;-webkit-box-shadow:0 0 3px #ccc;-o-box-shadow:0 0 3px #ccc;box-shadow:0 0 3px #ccc}
.imagen img{width:100%}

body{font-family:'Montserrat'}

.blue-color{color:#005D97}
.red-color{color:#B90022}
.blue-bg{background-color: aliceblue;}
.red-bg{background-color: coral;}
.esp-wrapper{width:100%;margin:0 auto;overflow:hidden}
.esp-wrapper p{line-height: 1.5em;font-size: 22px;font-family: 'Montserrat';width: 80%;margin:0 auto;}
.esp #menu nav{display:flex}

.esp-content-wrapper{width:100%}
.esp-real-wrapper{width:100%;margin:0 auto;max-width:1920px}
.fullpage{z-index:-1;position:relative}

.vp_full{width:100%;height:calc(100vh);background-color:transparent}
.vp_mid_full{width:100%;height:calc(50vh - 50px);background-color:transparent}
.vp_mid_full_tx{width: 100%;height: calc(20vh - 20px);background-color: transparent;}
.vp_quarter_full{width:100%;height:calc(25vh - 50px);background-color:transparent}
.fixed{position:fixed;top:100px;left:0;background-color:transparent}
.vp_semi_full{width:100%;max-width:984px;margin:0 auto;height:calc(100vh - 50px);background-color:transparent;display:table}
.vineta{width:100%;max-width:984px;display:none;margin:0 auto;text-align:center;display:table-cell;vertical-align:middle;height:auto}.vineta img{width:100%;margin:0 auto}
.esp-face{background-image:url(../11M.gif);background-position:center center;background-size:cover;text-align:center}
.esp-facemovil{background-image:url(../11Mmovil.gif);background-position:center center;background-size:cover;text-align:center}

#cab_pc{display:block;}
#cab_mov{display: none;}

.fullpage.esp-face.vp_full{z-index:1}

.esp-face .text{text-align:center;width:100%;position:absolute;top:350px;}
.esp-face .text h2{font-family:'Montserrat',serif;font-size:36px;letter-spacing:5px;color:#84F1FF; font-weight: 600}
.esp-face .text h1{font-family:'Montserrat',serif;font-size:60px;line-height: 85px;color:white;margin:20px auto;width:100%}

.sdown{position:absolute;bottom:0;left:0;width:100%;text-align:center}
.sdown a{display:block;margin:0 auto;width:50px}
.sdown img,.sdown a img{width:50px;margin-bottom:15px;position:relative}
.episode .sdown{position:static;width:100%}
.episode .sdown img{filter:invert(21%) sepia(82%) saturate(2030%) hue-rotate(183deg) brightness(93%) contrast(101%)}
.episode h3,h5{font-family:'Montserrat',serif;font-size:22px;max-width:85%;margin:0 auto 5px;line-height:32px;padding:5px 10px;font-weight: 200;}

.step{width:100%;height:250px}
#animation{transition:all 1.5s;background-color:#fff;display:none}
.big{display:block}
.small{display:none}
.small-text{max-width:600px;margin:auto}
.small-text.full-image{max-width:600px;margin:0 auto}
.no-margin{margin:auto 0}
.animation-text{padding:25px;width:90%;max-width:700px;margin:0 auto;background-color:rgba(255,255,255,.65);font-size:22px}
.animation-text p.red-color{font-family:'Montserrat',serif;font-size:18px;font-weight:700}
.day h3{font-family:'Montserrat',serif;font-size:48px;padding:25px 0;width:100%;border-top:3px solid #005D97;border-bottom:3px solid #005D97;text-align:center;background-color:#fff}
.day h3.tragedy{border-top:3px solid #B90022;border-bottom:3px solid #B90022;text-align:center;background-color:#000;color:#fff}.day-wrap{width:100%;max-width:700px;margin:0 auto;padding:15px;overflow:visible}
.esp-wrapper h4,.day h4{font-family:'Montserrat',serif;font-size:22px;font-weight:700;padding:10px 0}
.day p{font-size:22px;padding:50px 10px;line-height: 34px;}
.day .animation-text p{padding:0}
.full-image{width:100%;display:block;border:none;margin:0;padding:0}
.i-border{animation: 5s linear;padding:0px;margin:25px 0}
.relative{position:relative}
.passport{width:180px;position:absolute;right:-170px;overflow:visible;-moz-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}
.pareja{width:350px;position:absolute;right:-10%;top:380px;overflow:visible}

.grupo{-moz-transform:rotate(-5deg)!important;-webkit-transform:rotate(-5deg)!important;-o-transform:rotate(-5deg)!important;transform:rotate(-5deg)!important;position:relative;}
.day p.cita{font-family:'Montserrat',serif;font-size:50px;color:#fff;font-weight:500;line-height:60px}

.first-bg{background-image:url(../fo.JPG);background-position:top center;background-repeat:repeat;background-size:auto}

.player{width:100px;background-color:transparent;margin:15px auto 0}
.icon{width:20px;background-color:transparent;margin:0 5px;display:inline;vertical-align:text-bottom}
.enlace a{text-decoration:none;color:#B90022;font-size:15px}
.full-text-graphic{display:flex;width:90%;max-width:2000px;text-align:center;margin:auto;justify-content:center;align-items:center}.full-text-graphic .w50{text-align:center;flex-grow:1;flex-shrink:1}

#animation,#animation .fullpage{z-index:1}
.narration,.narration .episode{z-index:2;position:relative}
.black-box p{color:#fff}
.ending-text p{font-size:21px}
p.credits{font-size:11px;color:#ccc;padding:0}
.video-loop{position:relative;padding:0}
.video-loop video{display: inherit;}

#video-filter{position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(../img/video-filter.png);background-repeat:repeat}[data-aos=day-transition]
.aos-animate{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}[data-aos=day-transition]{opacity:0;-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);transform:scale(3)}[data-aos=ending-text]
.aos-animate{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);color:#fff}[data-aos=ending-text]{opacity:0;-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);transform:scale(3);color:#fff}@keyframes border{from{box-shadow:none}to{-moz-box-shadow:0 0 3px #000;-webkit-box-shadow:0 0 3px #000;-o-box-shadow:0 0 3px #000;box-shadow:0 0 20px #000}}
.sdown img{animation:jump 1s infinite linear}@keyframes jump{0%{transform:translateY(-5px)}50%{transform:translateY(5px)}100%{transform:translateY(-5px)}}
.fix-image{position:fixed;top:0;max-width:320px;background-color:beige;background-image:url(../img/esp-face.jpg);background-position:center center;background-size:auto 100%;background-repeat:no-repeat;transition:all 5s}
.fix-bluefilter{position:fixed;top:0;max-width:320px;background-color:#005D97!important;display:none;mix-blend-mode:hard-light}

.head{height:50px}
.fix{position:fixed;top:0;left:0}
.foot{height:340px}

@media only screen and (max-width :940px){
.esp-face .text h1{font-size:36px}
.esp-face .text h2{font-size:24px}
}
@media only screen and (max-width :730px){
 
.full-text-graphic{display:block}
.full-text-graphic .w50{width:100%}

}
@media only screen and (max-width :540px){

.big{display:none}
.small{display:block}
.passport,.pareja,.grupo{position:static;margin:auto}
.no-margin{margin:auto}
.day p.cita{font-size:24px;line-height:32px}
.i-border{padding:15px}.video-loop{padding:0}
}

@media only screen and (max-width :300px){

#extra-menu h1{font-size:14px}
#extra-menu a{top:12px;right:0}
#extra-menu a img{width:15px}
}

#patrocinio3-id{height: 0 !important}

@media only screen and (max-width :430px){

.esp-face .text h1{font-size:32px;line-height: 34px;width: 90%;}
.precintillo{font-size: 25px;}
#cab_pc{display: none;}
#cab_mov{display: block;padding-top: 10px;}
.fixed {top: 0px;}
}


.nuevo-tit{font-size: 42px!important;line-height: 48px!important;font-weight: 500!important;text-align: center;}
.espacio{height: 10px;}
.fm-mx{font-size: 20px;margin:5px}

/*Citas*/
.cit-mx {
    width: 100%;
    font-family: serif;
    font-size: 1.9rem;
    background-color: rgba(233, 231, 231, 0.404);
    padding: 10px;
}
._db {
    display: block;
    font-weight: 600;
    font-size: 1.3rem;
}
.cit-mx cite:before {
    content: "";
    display: block;
    width: calc(100%/4 - 1rem);
    height: 0;
    margin: 1rem 0 0.2rem;
    border-top: 1px solid #4a4a4a;
}



/*Estilos del footer*/

		
#footer{width:100%;margin: 0 auto;display:flex; background-color: #e8e8e8; border-top: 1px solid #c2c0c0;padding-bottom: 10px;}
.drch-mx{padding-top:20px;}
.footer-mx{display:flex;flex-direction: row;list-style: none;padding-top: 15px;}
.footer-mx a {text-decoration: none;padding-right: 20px;color: #0053b6;font-weight: 800;}
.vmov{
    width:600px;
    height:500px; 
}

@media screen and (max-width: 400px){
.drch-mx{width: 100%;}
.footer-mx{flex-direction:column;}
.drch-mx{padding-top:10px;}
.map-recorrido{width: 100%;}
.pre-titular{font-size:30px!important;}
.esp-face .text{top:120px;}
.episode h3, h5{font-size: 25px!important;line-height: 30px!important;max-width: 88%;}
.esp-wrapper p{font-size: 16px;}
.ico-calendario{display:none;}
.animation-text{font-size: 16px;}
.day p{font-size: 16px;line-height: 28px;}
.passport{transform: rotate(0deg);}
.vp_mid_full{display: none;}
.vp_mid_full_tx{display:none;}
/*.esp-face{height: 45%;}*/
.cit-mx{font-size: 1.5rem!important;padding: 5px!important;}
._db {font-size: 1.1rem!important;}
iframe{max-width: 100%;}


}
@media screen and (max-width: 430px){
.drch-mx{width: 100%;}
.footer-mx{flex-direction:column;}
.drch-mx{padding-top:10px;}
.map-recorrido{width: 100%;}
.pre-titular{font-size:30px!important;}

.esp-face .text{top:120px;}
.episode h3, h5{font-size: 25px!important;line-height: 30px!important;max-width: 88%;}
.esp-wrapper p{font-size: 16px;width: 100%;}
.ico-calendario{display:none;}
.animation-text{font-size: 16px;padding: 15px;width: 100%;}
.day p{font-size: 16px;line-height: 28px;}
.passport{transform: rotate(0deg);}
.footer-mx a {font-weight: 500;}
.vp_mid_full{display: none;}
.vp_mid_full_tx{display:none};
.esp-face{height: 45%;}
.cit-mx{font-size: 1.5rem!important;padding: 5px!important;}
._db {font-size: 1.1rem!important;}
iframe{max-width: 100%;}
.vmov{width:400px;height:300px;}
}