@charset "utf-8";
/*
WEB: Gela
AUTOR: El Diario Vasco 
VERSION: 1.0
*/
/*--FONTS--*/



@font-face {
  font-family: 'Assistant';
  src: url("/fonts/assistant.regular.ttf");
}

/*--GENERALES--*/
*{-webkit-box-sizing: border-box;box-sizing: border-box}
body{font-family:  'Assistant', sans-serif;font-size: 18px; color: rgb(78, 78, 78);}
p{line-height: 1.3em;}
h1,h2,h3,h4{font-family: 'Assistant', sans-serif; font-weight: 300}
h2{font-size: 2.2em;letter-spacing: -0.05em;margin-bottom:10px;font-weight: 300;text-transform: uppercase}
ul{margin:0;font-family: 'Assistant', sans-serif;}
a{text-decoration:none;}
strong{font-weight: 700}
.tx_azul{color:#00fefb}
.content{width:100%;max-width:1200px;margin:0 auto}
.vjs-voc-embed-codes-social-share-superwrap {display: none;}

/*--HEADER--*/
.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;min-height:210px;background-color: #e7b659}
.header .logo {background: url("/2021/verano/img/design/cab-fondo.png") repeat-x left -35px;min-height:180px;z-index:100}
.header .logo .content {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.header .logo .text {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; font-size: 35px;}
.header .logo .content a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.header .nav .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position:relative}
.header .nav .content>a{display:none}
.header .content ul {text-transform: uppercase;margin:0;padding:5px 0 10px;list-style-type: none;font-size:1.15em}
.header .nav .content ul {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}
.header .nav .content ul.idioma {position:absolute;right:0;bottom:-10px;width:80px;background-color: #2b407c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding-top:100px;z-index:10}
.header .nav .content ul li {background-color: #fda634;padding: 5px 12px;margin: 0 12px;border-radius: 4px;}
.header .nav .content ul.menu li a{color:#fff}
.header .nav .content ul.menu li a:hover{color:#000}

/*--QUÉ--*/
.que_es{background-color: #e7b659;color:#fff;padding-bottom: 2em;}
.que_es .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding-top:40px}
.que_es .content h2{font-size:4em;text-align: right;margin:0;padding:0 20px 0 0;-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;color:#d0433d; border-right: 4px solid #d0433d}
.que_es .content .texto{margin:0;-webkit-box-flex:1;-ms-flex:1 1 75%;flex:1 1 75%;padding-left:20px}
.que_es .content .texto h1{display:inline; font-size:1em;margin:0}
.que_es .content .texto ul{margin-top:10px}
.que_es .content .pasos{margin-top:50px;background-color: #232c3d; -webkit-box-flex:1; -ms-flex:1 1 100%; flex:1 1 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;border-left:1px solid #fff}
.que_es .content .pasos .paso{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;border-right:1px solid #fff;padding:10px 15px 20px;-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%}
.que_es .content .pasos .paso h3{color:#e79830;font-size:2.5em;text-align:left;margin:0 0 10px}
.que_es .content .pasos .paso p,.que_es .content .pasos .paso ul{margin:0}
.que_es .content .texto p{width: 65%;margin: 0 auto 1em auto; color:black;}

/*--CENTROS--*/
.destinos{background: url("/2021/verano/img/design/destinos-fondo.jpg") no-repeat left top;background-attachment: fixed;background-size: cover;padding-bottom:100px}
.destinos .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row;-ms-flex-pack: distribute;justify-content: space-around;-ms-flex-wrap: wrap;flex-wrap: wrap}
.destinos .content h2{-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%;text-align: center;color:#000000;font-size:4em;margin:15px 0; background: rgba(255,255,255,0.65);}
.destinos .content .centro{text-align:center;padding:4px 4px 17px 4px;position:relative;background-color: #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0px 5px 10px 5px;overflow:hidden}
.destinos .content .centro img{width:100%;height:auto}
.destinos .content .centro .tipo{font-size:0.90em;font-weight: 600; position:absolute;top:25px;right:-30px;text-transform: uppercase; color:#fff;width:140px;margin:0;padding:5px 0px;text-align: center;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.destinos .content .centro .tipo span{display:none}
.destinos .content .centro h3{text-transform: uppercase;color:#424343;font-weight: 700;margin:0; padding-top:10px;font-size:0.9em;letter-spacing:-0.01em}
.destinos .content .centro h3 a{color:#424343}
.destinos .content .centro p{color:#424343;font-size:0.9em;margin:0}
.destinos .content .centro>a{text-align: center;text-transform: uppercase;color:#fff;border-radius: 8px;font-weight: 700}
.destinos .content .centro.publico .tipo,.destinos .content .centro.basica>a:last-child{background-color: #35bdbd; width: 90%; margin: 10px auto 0 auto; padding: 8px; font-size: 80%;}
.destinos .content .centro.publico .tipo,.destinos .content .centro.plus>a:last-child{background-color: #e7b659; width: 90%; margin: 10px auto 0 auto; padding: 8px; font-size: 80%;}
.destinos .content .centro.privado .tipo,.destinos .content .centro.premium>a:last-child{background-color: #fda634; color:#000; width: 90%; margin: 10px auto 0 auto; padding: 8px; font-size: 80%;}
.destinos .content .centro:empty {background: rgba(255,255,255,0.65) url( "/2021/verano/img/logos/quedate-negro-opacity.png") no-repeat center center;padding:0}
.destinos .content .centro.publico.basica {flex:1 1 190px}
.destinos .content .centro.privado.plus {flex:1 1 250px}
.destinos .content .centro.publico.premium {flex:1 1 310px}
.destinos .content .centro {
  flex-grow: 0 !important;
}

/*--BOT CUESTIONARIO--*/
.bot_cuestionario{width:90%;max-width:620px;margin:80px auto 150px auto;border-radius: 15px; padding:15px;background-color: #35bdbd;position:relative}
#ficha .bot_cuestionario{margin:80px auto 90px}
.bot_cuestionario h2{color:#fff;font-size:1.75em;font-weight:700;margin:0}
.bot_cuestionario h2 a{color:#fff}
.bot_cuestionario .destacado{position:absolute;top:-60px;right:-10px;width: 230px;border-radius: 50%;background-color:#864262;padding:10px;height:230px;z-index:20 }
.bot_cuestionario.ganadores .destacado{top:-50px }
.bot_cuestionario .destacado .content{width:auto; border-radius:50%; border:1px solid #35bdbd;color:#fff;font-size:1.05em;letter-spacing:-0.03em;line-height:1em;padding:10px 7px;height:100%;text-align: center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.bot_cuestionario .destacado .content img{ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;margin-top:8px}
.bot_cuestionario .destacado .content strong{text-transform: uppercase;color:#35bdbd;margin-top:3px}
.bot_cuestionario p{margin: 0;font-size: 0.85em;color: #fff}
.bot_cuestionario .premio{position:absolute;top:118px}
.iframe{max-width: 600px;margin:0 auto;}

/*--FICHA--*/
.ficha {margin-bottom:3em;}
.ficha .content{padding-top:50px}
.ficha .content h1,.ficha .content h3{font-size:1em;font-weight: 700;color:#fff;display:inline;padding:2px 5px 2px 3px}
.ficha .content h1{border-right:1px solid #fff}
.ficha .content h1 a{color:#fff}
.ficha .content .intro h2{font-size:2.2em;color:#202020;margin-top:0}
.ficha .content .intro .logo{width:100%;max-width:302px;height:auto;float:left;margin-right:40px;margin-bottom:20px}
.ficha .content .intro .logo img{width:100%;height:auto}
.ficha.privado .content .intro p a{color:#7d9448}
.ficha.publico .content .intro p a{color:#0179b7}
.ficha .content .datos{color:#fff;padding:15px 15px 25px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start; margin:40px 0;clear:both}
.ficha.privado .content .datos{background: #fff url("/2021/verano/img/design/caminar-fondo.jpg") no-repeat left center; background-size: cover}
.ficha.publico .content .datos{background: #fff url("/2021/verano/img/design/caminar-fondo.jpg") no-repeat left center; background-size: cover}
.ficha .content .datos a{color:#fff}
.ficha .content .datos h3{font-size:2.5em;font-weight: 300;margin:0;letter-spacing:-0.05em;line-height:1em;background: none}
.ficha .content .datos p{font-size:1.2em;font-weight: 700;background-color: #20346a;border-radius: 12px;padding:0 10px;margin:0;line-height:2.2em;position:relative;padding-left:40px}
.ficha .content .datos p::before{content:url("/2021/verano/img/design/ic-documento.png");position:absolute;top:4px;left:10px }
.ficha .content .datos ul{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;margin:20px 0 0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type: none;border-top:1px solid #fff}
.ficha .content .datos ul li{font-size:1.1em;font-weight:600;padding-right:10px;position:relative;padding-top:10px}
.ficha .content .datos ul li.web,.ficha .content .datos ul li.email,.ficha .content .datos ul li.telefono{padding-left:50px;padding-top:20px}
.ficha .content .datos ul li::before{position:absolute;top:9px;left:0}
.ficha .content .datos ul li.web::before{content:url("/2021/verano/img/design/ic-web.png")}
.ficha .content .datos ul li.email::before{content:url("/2021/verano/img/design/ic-mail.png")}
.ficha .content .datos ul li.telefono::before{content:url("/2021/verano/img/design/ic-telefono.png")}
.ficha .content .datos ul li.redes{margin-left:auto}
.ficha .content>.video{width:100%}
.ficha .content>.video iframe{width:100%;border:1px solid #ccc}
.ficha .content .fotos {margin:40px 0;}
.ficha .content .fotos h3{font-size:2.5em;font-weight: 300;margin:0;letter-spacing:-0.05em;background: none;color:#000}
.ficha .content .video h3{font-size:2.5em;font-weight: 300;margin:0;letter-spacing:-0.05em;background: none;color:#000}

/*--PIE--*/
.footer{width:100%;background-color: #e7b659}
.footer .content{max-width:1200px;width:100%;padding:20px; display:-webkit-box;display:-ms-flexbox;display:flex;font-size:0.8em;color:#000;text-transform: uppercase;margin:0 auto}
.footer .content img{margin-left:10px}
.footer .voc-footer-links {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0 auto}
.footer .voc-footer-links li {list-style: none; margin: 0.5em}
.footer .voc-footer-links li a {color: #000}
.footer .voc-footer-links li a:visited {color: #000}
.footer .voc-footer-links li a:hover {color: #fff}

/*--BASES--*/

#bases h1{font-size:3em;color:#202020;margin-top:20px}
#bases li{margin-bottom:10px}

/*--CUESTIONARIO--*/

#cuestionario h1{font-size:3em;color:#202020;margin-top:20px;margin-bottom:0}


/*--GALERIA--*/

.galeria> ul {margin-bottom: 0;padding: 0;text-align: center;}
.galeria> ul > li { display: inline-flex; width: 296px;}
.galeria> ul > li a {border: 3px solid #FFF;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;}
.galeria> ul > li a > img {-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height: 100%;width: 100%;}
.galeria> ul > li a:hover > img {-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
.galeria> ul > li a:hover .galeria-poster > img {opacity: 1;}
.galeria> ul > li a .galeria-poster {background-color: rgba(0, 0, 0, 0.1);bottom: 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transition: background-color 0.15s ease 0s;-o-transition: background-color 0.15s ease 0s;transition: background-color 0.15s ease 0s;}
.galeria> ul > li a .galeria-poster > img {left: 50%;margin-left: -10px;margin-top: -10px;opacity: 0;position: absolute;top: 50%;-webkit-transition: opacity 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s;transition: opacity 0.3s ease 0s;}
.galeria> ul > li a:hover .galeria-poster {background-color: rgba(0, 0, 0, 0.5);}


@media (max-width: 1200px){
	.content{padding:0 8px}	
	.que_es .content h2{font-size:3.5em}
	
}

@media (max-width: 900px){	
	.que_es .content{padding-left:0;padding-right:0}	
	.que_es .content .texto{padding-right:25px}
	.que_es .content .pasos {border-left:0}
	.que_es .content .pasos .paso:last-child{border-right:0}
	.que_es .content .pasos .paso ul{margin:0;padding:0;list-style-position: inside}
	.destinos .content .centro{-webkit-box-flex: 1;-ms-flex: 1 1 30%;flex: 1 1 30%}
	.ficha .content{padding-left:0;padding-right:0}
	.ficha .content .intro{padding-left:15px;padding-right:15px}
	.ficha .content .datos{margin-bottom:1px}
	.ficha .content .datos ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.ficha .content .datos ul li.web,.ficha .content .datos ul li.email,.ficha .content .datos ul li.telefono{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;margin-bottom:10px}
	.ficha .content .datos ul li.redes{margin-left:0}
	.ficha .content>.video iframe{border:none}
	
}
@media (max-width: 700px){	
	.ficha .content .intro .logo{max-width:100%;float:none;margin-right:0;margin-bottom:20px;border:1px solid #9d9d9c;padding: 0}
	.ficha .content .datos{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
	.ficha .content .datos h3{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
	.ficha .content .datos ul{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}
	.ficha .content .datos p{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;margin:20px auto 0;font-size:1.1em;letter-spacing: -0.03em}
	
}
@media (max-width: 650px){
	.header .logo img.imgtx{width:98%;height:auto}
	.header .nav{padding-top:0px}
	.header .nav .content {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;height:50px}
	.header .nav .content{position:relative;padding-top:10px}
	.header .nav .content img{margin-bottom:10px}
	.header .nav .content>a{display:inline;position:absolute;bottom:0;left:10px}
	.header .nav .content ul.menu{position:absolute;left:0px;background-color:#f4a238;width:100%;font-size:1em;padding:0;top:50px }
	.header .nav .content ul.menu{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
	.header .nav .content ul.menu li {padding: 10px 5px;border-bottom:1px solid #fff}
	.header .nav .content ul.menu li a{color: #ffffff;font-weight: normal;letter-spacing: normal;}
	.header .nav .content ul.menu.mostrar{display:inherit}
	.header .nav .content ul.idioma {padding-top:80px;bottom:0}
	.que_es .content{padding-top:20px}
	.que_es .content h2{font-size:3em;text-align: center;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;color:#d0433d; border-bottom: 1px solid #d0433d;border-right:0;margin:0 20px 20px;padding-bottom:10px}
	.que_es .content .texto{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;border-left: none;padding:0 20px}
	.que_es .content .pasos {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;margin-top:20px;padding-bottom:10px}
	.que_es .content .pasos .paso{border-right:0;border-bottom:1px solid #fff;padding:5px 0;margin:0 20px}
	.que_es .content .pasos .paso:last-child{border-bottom:none}
	.que_es .content .pasos .paso h3{font-size:1.8em;margin-bottom:3px}
  .que_es .content .texto p{width:100%;margin: 0 auto 1em auto;}
	.destinos .content h2{font-size:3em}
  .destinos .content .centro.publico.basica {flex:1 1 110px}
  .destinos .content .centro.privado.plus {flex:1 1 160px}
  .destinos .content .centro.publico.premium {flex:1 1 220px}  
	.bot_cuestionario{width:100%;margin:0 ;border-radius: 0;padding:15px 0;}
		.bot_cuestionario h2{font-size:2em;line-height:1em;padding:0 0 0 130px}
	.bot_cuestionario .destacado{position:static;width: 100%;border-radius: 0;height:auto;padding:0 0 0 130px}
	.bot_cuestionario .destacado .content{width:auto; border-radius:0; border:none;color:#fff;font-size:1em;letter-spacing:-0.03em;line-height:1em;padding:0;display:inline}
	.bot_cuestionario.ganadores .destacado .content br{display:none }
	.bot_cuestionario p{margin:10px 0 0;padding:10px;border-top:1px solid #fff}
	.bot_cuestionario .destacado .content img{display:block;margin:5px auto 0}
	.bot_cuestionario .premio{display: block;position: relative;top:0;}
}
@media (max-width: 550px){
  .logo .content img {width: 100%; height: auto;}
  .header .logo {background-position-y: -100px;}
	.destinos{padding-bottom:0px}
	.que_es .content h2,.destinos .content h2{font-size:2.5em}
	.destinos .content .centro{text-align: left;margin: 5px 0 !important;}
	.destinos .content .centro h3{border-top:none;padding-top:0;padding-right:50px}
	#bases h1,#cuestionario h1{font-size:2em}
	.bot_cuestionario h2{padding:0 0 0 10px;font-size:1.7em}
	.bot_cuestionario .destacado{padding:10px}
}