/* v20251021_1153 */

/* NORMALIZE */

* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
*:before,
*:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block;}audio,canvas,video {display: inline-block;}
html {font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {margin: 0; text-align: center;}
a {text-decoration: none; transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);}
a:hover,a:focus,a:active {text-decoration: none; outline: none;}
b,strong {font-weight: bold;}
small {font-size: 80%;}
img {border: 0; display: inline-block; max-width: 100%; height: auto;}
figure {margin: 0;}
ul,li {list-style-type: none; margin-bottom: 0; margin-top: 0;}
ol li {list-style-type: decimal;}
p {line-height: 1em;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {margin-top: 0; margin-bottom: 0;}
blockquote {margin: 0; padding: 0;}

/* FONTS */

@font-face {
	font-family: 'Museo Sans';
	font-weight: 300;
	font-style: normal;
	src: url('../fonts/museosans-300-webfont.eot');
	src: url('../fonts/museosans-300-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans-300-webfont.woff2') format('woff2'),
	url('../fonts/museosans-300-webfont.woff') format('woff'),
	url('../fonts/museosans-300-webfont.ttf') format('truetype'),
	url('../fonts/museosans-300-webfont.svg#museo_sans300') format('svg');
	}
@font-face {
	font-family: 'Museo Sans';
	font-weight: 500;
	font-style: normal;
	src: url('../fonts/museosans_500-webfont.eot');
	src: url('../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans_500-webfont.woff2') format('woff2'),
	url('../fonts/museosans_500-webfont.woff') format('woff'),
	url('../fonts/museosans_500-webfont.ttf') format('truetype'),
	url('../fonts/museosans_500-webfont.svg#museo_sans700') format('svg'); 
	}
@font-face {
	font-family: 'Museo Sans';
	font-weight: 700;
	font-style: normal;
	src: url('../fonts/museosans_700-webfont.eot');
	src: url('../fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/museosans_700-webfont.woff2') format('woff2'),
	url('../fonts/museosans_700-webfont.woff') format('woff'),
	url('../fonts/museosans_700-webfont.ttf') format('truetype'),
	url('../fonts/museosans_700-webfont.svg#museo_sans700') format('svg');
	}

/* LAYOUT */  
  
body {background-color: #edeef4; font-family: 'Museo Sans', sans-serif; font-weight: 300; color: #333;}
.container {width: 100%; max-width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
.container:after {content: ""; clear: both; display: block;}

/* video directo */

.d-video {position: relative; padding-bottom: 56.25%; overflow: hidden;}
.d-video iframe {position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%;}

/* HEADER */
  
.header {width: 100%; 
	position: relative; height: auto;
	
	background: linear-gradient(270deg, #858C93 -21.42%, #FDFAF8 99.9%);
}

.header-wrapper{
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-position: right 30px top 30px;
	background-size: 665px auto;
}


.header .toggle-menu {transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; visibility: hidden; width: 38px; position: fixed; top: 20px; right: 20px; z-index: 10;}
.hamburger line {transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); stroke:white}
.active-menu .hamburger .line1 {transform: rotate(-45deg) scale(0.8); transform-origin: 30px 17px; stroke: white;}
.active-menu .hamburger .line2 {opacity: 0; visibility: hidden;}
.active-menu .hamburger .line3 {transform: rotate(45deg) scale(0.8); transform-origin: 32px 14px; stroke: white;}
.header-menu {border: 1px solid white; border-width: 1px 0; background-color: transparent; z-index: 20; position: absolute; top: 0; width: 100%;}
.header-menu .centro {width: 100%; max-width: 1170px; margin: 0 auto; }
.header-menu ul {overflow: hidden; padding: 0;}
.header-menu li {color: white; font-size: 15px; line-height: 27px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; float: left; width: 25%; text-align: center;}
.header-menu li a {color: #000; text-align: center; display: block; padding: 15px 10px;}
.header-menu.fix li a {color: white;}
 @keyframes moveText {
   50% {transform:translateY(-60px);}
   51% {transform:translateY(60px);}
   100% {transform:translateY(0);}
}
.header-menu li:hover a {animation: moveText .6s forwards;}

.header__interior {width: 100%; height: 100%; max-width: 1000px; margin: 0 auto; box-sizing: border-box;}
.header-title {padding-top: 140px; padding-bottom: 90px; /*max-width: 670px; margin: 0 auto 10px;*/}
.header-title h1 {text-indent: -999em; overflow: hidden; height: 0;}
.header-title img {display: block; width: 700px; height: auto;}
.header-title h2 {color: white; font-size: 40px; font-weight: 300; text-transform: uppercase; letter-spacing: 10px;}




.header-deadline {position: relative; background-color: rgba(50,97,120,.7); border-top: 1px solid #384f5b;}
.header-deadline p {position: relative; padding: 15px 25px; margin: 0; color: #ffd7b3; font-size: 18px; line-height: 30px; letter-spacing: 1px; text-align: center;}
.header-deadline p span {display: inline; font-weight: 900; font-size: 20px; text-transform: uppercase;}





.header-sponsors {padding: 0; color: white; font-size: 17px; width: 100%; z-index: 2; border-top: 1px solid white; 
	/*background-color: rgb(35,43,58,38%);*/
background: #8E959B50;}
.header-sponsors__interior {overflow: auto; width: 100%; height: 100%; max-width: 1000px; margin: 0 auto;}
.header-sponsors--interior:after {content: ""; clear: both; display: table;}
.header-sponsors .izq,
.header-sponsors .dcha  {display: flex;grid-column-gap: 20px;align-items: center;}
.header-sponsors span {display: inline-block; vertical-align: middle; line-height: 50px; letter-spacing: 2px;}
.header-sponsors .izq span {}
.header-sponsors img {width: 100px; display: block;}
.header-sponsors .loreal {width: 58px;}
.header-sponsors .repsol {width: 96px;}




.fix {position: fixed; top: 0; left: 0; right: 0; margin: 0;}
.header-menu.fix {margin-bottom: 0; border: 0; background-color: #333; z-index: 10; background-color: #242830;}
.header-menu.fix li:hover a {animation: none;}
.header-menu.fix .centro {max-width: 1170px; margin: 0 auto;}




/* TITLES */

.title-s,
p.title-s {color: #333; font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 30px; display: block;}
.title-m,
p.title-m,
.texts .title-m {font-size: 18px; line-height: 30px; font-weight: 700; margin: 30px 0; letter-spacing: .5px; text-transform: uppercase; display: block;}
.title-l,
p.title-l {color: #242830; font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: 8px; text-transform: uppercase; margin-bottom: 60px; display: block;}
.title-s a,
.title-m a,
.title-l a {color: #333;}
.title-sm {color: #f19371;font-size: 17px; line-height: 30px;margin: 0 0 3px;}
.title-l {text-align: center;}
/* TEXTS */
.texts-bases {text-align: left;}
.texts {background: white;}
.texts p,
.texts li {color: #333; font-size: 17px; line-height: 30px;  font-weight: 300; letter-spacing: .5px;}
.texts ul,
.texts ol {margin-top: 16px;margin-bottom: 16px;}
.texts ul li {list-style-type: disc; /*list-style-position: inside;*/}
.texts ol li {list-style-type: none;}
.texts ol ul li {list-style-type: disc;margin: 20px 0;}
.texts p strong {font-weight: 700;}
.texts p a {color: #f19371;border-bottom: 1px dotted #f19371;}
.texts figure {margin: 60px auto 0;}
.blue {color: #f19371;}
#directo {padding-bottom: 20px; padding-top: 60px;}
#premios {padding-top: 60px;}
#bases {padding-top: 60px;}
.claim {background: url('../img/claim.jpg') no-repeat center center; background-size: cover; padding: 70px 0 50px;}
.claim .title-l {color: white; font-weight: 300; letter-spacing: 12px;}
.aviso {padding: 40px; margin: 0 0 40px; background-color: #eceadf;}

/* columnas bases */

.columna {width: 48%; margin-bottom: 40px;}
.texts .columna p,
.texts .columna li {text-align: left;}
.izq {float: left;}
.dcha {float: right;}
.columna strong.blue {text-transform: uppercase;}
.texts .copyright {clear: both; text-align: center; padding: 60px 0; margin: 0;}

/* contacto */

.contacto {clear: both; background-color: #f5f5f5; text-align: center; margin: 0 auto; padding: 1px 40px 100px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.contacto a {display: block; position: relative; color: #333; margin-top: 120px; padding-top: 60px; font-size: 30px;}
.contacto p {position: relative; margin-top: 60px; padding-top: 60px; font-size: 30px;}
.contacto a:before,
.contacto p:before {content: ""; position: absolute; left: 50%; top: -35px; transform: translate(-50%,0); width: 80px; height: 80px; background: transparent no-repeat 0 0; background-size: 100% auto;}
.contacto a:before {background-image: url(../img/contacto-email.svg);}
.contacto p:before {background-image: url(../img/contacto-telefono.svg);}


/* WINNER */

.winner {display: inline-block; vertical-align: top; width: 30%; margin: 0 1% 20px; text-align: left;}
.winner figure {display: block; margin: 0 auto 35px;}
.winner figure:after {content: ""; display: inline-block; width: 33px; height: 3px; background: #f19371; margin: 20px auto 0;}
.winner figure img {display: block;}
.winner .media {border: 1px solid #333; background-color: #fff; overflow: hidden; display: block; margin: 0 auto;}
.winner .media.no-border {border: 1px solid transparent;}
/*.more-winners .winner .media {border: 1px solid transparent;}*/
.winner .media img {display: block;}
.winner figcaption {font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: 3px; min-height: 60px; margin-top: 20px;}
.winner p {font-size: 16px; line-height: 20px; font-weight: 300; letter-spacing: .5px;}
.winner p strong {font-weight: 700;}
.winners-grid {background: white; padding: 50px 0;}
.winners-grid.alt {background: #f1f5f9;}
.winners-grid.alt .separator:before,
.winners-grid.alt .separator span:before {background: #f1f5f9;}

.winners-link .separator:before,
.winners-link .separator span:before {background: #f19371;}
.winners-link {transition: all .4s cubic-bezier(0.19, 1, 0.22, 1); background: #f1f5f9; background: #f19371; text-align: center; max-height: 500px; overflow: hidden;}
.winners-link .separator {margin: 0 auto 30px;}
.winners-link .title-s {margin-bottom: 35px; margin-top: 40px; color: #fff;}


.winners-nolink .separator:before,
.winners-nolink .separator span:before {background: #f19371;}
.winners-nolink {transition: all .4s cubic-bezier(0.19, 1, 0.22, 1); background: #f1f5f9; background: #f19371; text-align: center; max-height: 500px; overflow: hidden;}
.winners-nolink .separator {margin: 0 auto 30px;}
.winners-nolink .title-s {margin-bottom: 35px; margin-top: 40px; color: #fff;}

.more-winners {transition: all .4s cubic-bezier(0.19, 1, 0.22, 1); max-height: 0; overflow: hidden;}
.active-more .more-winners {max-height: 100000px;}
.active-more .winners-link {max-height: 0;}

/* .active-more .winners-nolink {max-height: 0;} */

/* WINNER CUADRUPLE FLEX */

.fila-ganadores {
    background-color: white;
}
.fila-ganadores__interior {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 50px 0 0;
}
.fila-ganadores .winner {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
	padding: 0 15px;
	margin: 0 0 20px;
}
.fila-ganadores .winner.top {text-align: center; max-width: 650px; margin: 30px auto 70px; position: relative;}
.fila-ganadores .winner.top figcaption {min-height: auto;}
.fila-ganadores .winner.top figure {margin: 0 auto;}
.fila-ganadores .winner.top .media {border: none;}
.fila-ganadores .winner.top img {display: inline;}
.fila-ganadores .winner.top p {margin: 0;}

.fila-ganadores .winner .media {border-color: #efefef;}
.fila-ganadores .winner figure {margin-bottom: 20px;}
.fila-ganadores .winner figure:after {display: none;}
.fila-ganadores .winner figcaption {font-weight: 500; letter-spacing: 0; margin-top: 0; margin-bottom: 0;}
.fila-ganadores .winner figcaption strong {font-weight: 700;}


/* ARROW */

.arrow {display: inline-block; width: 44px; height: 44px; border-radius: 50%; background: white; position: relative;}
.arrow:after {content: ""; display: block; width: 11px; height: 4px; background: #56bca9; -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 22px; left: 13px;}
.arrow:before {content: ""; display: block; width: 11px; height: 4px; background: #56bca9; -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 22px; left: 19px;}

/* SEPARATOR */

.separator {display: block; width: 40%; margin: 0 auto 60px; height: 8px; background-image: linear-gradient(to right, #d2d7dd 30%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 6px 2px; background-repeat: repeat-x; position: relative;}
.separator span {display: inline-block; text-indent: -999em; overflow: hidden;}
.separator:before {content: ""; display: block; background: white; width: 90px; height: 10px; position: absolute; top: -5px; left: 50%; margin-left: -45px;}
.separator span:after {content: ""; border-top: 12px solid #333; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; top: -5px; left: 50%; margin-left: -8px;}
.separator span:before {content: ""; display: block; background: white; border-radius: 50%; width: 20px; height: 20px; margin: 0 auto; position: absolute; top: -23px; left: 50%; z-index: 1; margin-left: -10px;}
.winners-link .separator span:after {border-top-color: #fff;}

.winners-nolink .separator span:after {border-top-color: #fff;}
.alt .separator {background-image: linear-gradient(to right, #a6acaf 30%, rgba(255, 255, 255, 0) 0%);}

/* ICONS */

.icon {display: inline-block; vertical-align: top; text-indent: -999em; overflow: hidden;}
.icon__dribbble {width: 16px; height: 16px; background: url('../img/icons/dribbble.svg') no-repeat left top; background-size: cover;}
.icon__twitter {width: 16px; height: 16px; background: url('../img/icons/twitter.svg') no-repeat left top; background-size: cover;}
.icon__mail {width: 16px; height: 16px; background: url('../img/icons/mail.svg') no-repeat left top; background-size: cover;}
.icon__facebook {width: 16px; height: 16px; background: url('../img/icons/facebook.svg') no-repeat left top; background-size: cover;}
.icon__google {width: 16px; height: 16px; background: url('../img/icons/google.svg') no-repeat left top; background-size: cover;}
.icon__linkedin {width: 16px; height: 16px; background: url('../img/icons/linkedin.svg') no-repeat left top; background-size: cover;}

/* FOOTER */
  
.footer {background: #242830; padding: 40px 0;}
.footer-social {text-align: right; float: right;}
.footer-social li {display: inline-block; margin-left: 15px; text-align: left;}
.footer-social a {display: inline-block; background: #a1a9b0; border-radius: 50%; padding: 12px; vertical-align: middle; line-height: 16px; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.footer-social a:hover {background: #ccc;}
.footer-logo {float: left; border: 1px solid transparent; opacity: 0.6;}
.footer .cinco-dias {width: 172px; height: 26px; display: inline-block; vertical-align: middle; text-indent: -999em; overflow: hidden; background: url('../img/logo-cinco-dias.svg') no-repeat center center; background-size: 96% auto;}
.footer .cinco-dias-aniversario {width: 172px; height: 37px; display: inline-block; vertical-align: middle; text-indent: -999em; overflow: hidden; background: url('../img/logo-cinco-dias-aniversario.svg') no-repeat center center; background-size: 96% auto;}




.blink {
	animation: blink-animation 2s steps(2, start) infinite;
	-webkit-animation: blink-animation 2s steps(2, start) infinite;
}
@keyframes blink-animation {
	to {
		visibility: hidden;
	}
}
@-webkit-keyframes blink-animation {
	to {
		visibility: hidden;
	}
}



/* TABLET */


@media (max-width: 1050px) {
	.header {height: auto;}
	.header__interior {padding-left: 40px; padding-right: 40px;}
	.header-title {padding-top: 90px; padding-bottom: 40px;}
	.header-title img {max-width: 540px;}
	.header-title h2 {letter-spacing: 3px;}
	.header-menu li a:hover {padding-left: 10px; padding-right: 10px;}
	.winner figcaption {min-height: 100px;}
    
    .header-sponsors {padding: 0 40px;}
	.header-sponsors span {font-size: 15px; letter-spacing: 0;}
	.header-sponsors img {width: 90px;}
  
    .header-deadline p span {display: block;}
	
}


/* MOBILE */

@media(max-width:767px) {
	.header-wrapper{
		
		background-position: center;
		background-size: auto 95%;
	}
    .header {padding-top: 0; height: auto;}
    .header__interior {padding-left: 20px; padding-right: 20px;}
	.header .toggle-menu {opacity: 1; visibility: visible;}
	.header-title {padding-top: 60px; padding-bottom: 30px;}
	.header-title img {margin-bottom: 0; width: 100%;}
	.header-title h2 {font-size: 26px; line-height: 40px; letter-spacing: 10px; margin: 15px auto;}
	.header-menu {transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); opacity: 0; visibility: hidden; border-top: none; border-bottom: none; margin-bottom: 0; background: #f19371; position: fixed; top: 0; left: 0; width: 100%; z-index: 9;}
	.header.active-menu .header-menu {opacity: 1; visibility: visible;}
	.header-menu ul {padding: 13px 15px 0;}
	.header-menu li {float: none; width: auto; text-align: left; border-top: 1px solid #fff; /*padding-left: 15%;*/ height: auto;}
	.header-menu li:first-child {border-top: none;}
	.header-menu li a {text-align: left; color: white; background: transparent; margin: 0; padding: 10px;}
	.header-menu li:hover a {animation: none;}
	.claim .title-l {letter-spacing: 1px;}
	.columna {width: 100%;}
	.columna.izq,
	.columna.dcha {float: none;}
	.winner {display: block; width: auto; margin: 0 0 40px;}
	.winner figure {margin-bottom: 20px;}
	.winner figcaption {min-height: 50px;}
	.winner .media img {width: 100%;}
	.separator {width: 80%; margin-bottom: 40px;}
	.title-l,
	p.title-l {margin-bottom: 30px;}
	.footer-logo,
	.footer-social {float: none; display: block; text-align: center; margin: 0 auto 20px;}
	.footer-social {margin-bottom: 0;}
	.footer-social ul {padding-left: 0;}
	.footer-social li {margin: 0 7px;}
	
	.contacto {padding-left: 10px; padding-right: 10px;}
	.contacto a,.contacto p {font-size: 18px; margin-top: 30px;}
	.contacto a:before, .contacto p:before {top: -5px; width: 60px; height: 60px;}
	
	.fila-ganadores__interior {margin: 0 auto; padding-top: 30px;}
	.fila-ganadores .winner {-webkit-flex: 1 1 100%;-ms-flex: 1 1 100%;flex: 1 1 100%;padding: 0 15px;}
	.fila-ganadores .winner {position: relative;}
	.fila-ganadores .winner:after {position: absolute; content:''; width: 33px; height: 2px; background-color: #f19371; left: 15px; bottom: -2px;}
	.fila-ganadores .winner.top:after {display: none;}
	.fila-ganadores .winner figcaption {min-height: auto; margin-bottom: 15px;}
	.fila-ganadores .winner figure {margin-bottom: 0;}
  
    #premios {padding-top: 70px;}
  
    .header-deadline p {font-size: 14px;}
    .header-deadline p span {font-size: 14px; line-height: 20px;}
    .header-sponsors {padding-left: 25px; padding-right: 25px;}
  
}

@media(max-width:1000px) {
    
    .header-sponsors {padding: 12px 20px;}
	.header-sponsors .dcha {float: left; clear: left;}
    .header-sponsors .izq span,
	.header-sponsors .dcha span {line-height: 30px;}
  
}

@media (max-width: 460px) {
  
    .header-deadline p {font-size: 11px; line-height: 19px; padding: 10px 15px;}
    .header-deadline p span {font-size: 10px;}
  
    .header-sponsors .izq span,
    .header-sponsors .dcha span {font-size: 11px; line-height: 25px;}
    .header-sponsors img {width: 70px;}
	.header-sponsors .izq,
	.header-sponsors .dcha {grid-column-gap: 14px;}
	.header-sponsors .loreal {width: 47px;}
  
}