/*
Name:     DONOSTIA MEETING MINDS¡
Author:         El Diario Vasco
Version:        1.0.0
*/


/*--GENERALES--*/
:root {
  font-size:16px;
  --fontXXL:clamp(3rem, 7vw, 4.8rem);
  --fontXL:clamp(2rem, 4vw, 3.5rem);
  --fontL:clamp(1.3rem, 2.3vw, 1.8rem);
  --fontM:clamp(1rem, 2vw, 1.2rem);
  --fontS:clamp(0.8rem, 1.8vw, 1.1rem);
  --fontXS:clamp(0.6rem, 0.7vw, 0.8rem);
  --fontColorPrimary: #1C1C1C;
  --fontColorInverse: #fff;
  --colorDarkBlue: #111417;
  --colorBlue: #5C8ECB;
  --colorPink: #EF85B4;
  --colorOrange: #F59A00;
  --colorYellow: #FDC500;
  --colorCyan: #1FC5FF;
  --colorGreen: #6FB3AD;
  --colorViolet: #4C4166;
  --widthContent: 1100px;	

}
@view-transition {
  navigation: auto;
  types: slide;
}

*{-webkit-box-sizing: border-box;box-sizing: border-box}
html {scroll-behavior: smooth;  scroll-padding-top: 120px;font-size: 16px;line-height: 1.2;height:100%}
body{font:var(--fontM) "PT Sans", sans-serif;color:var(--fontColorPrimary);font-weight:400;margin: 0;padding: 0;background: #fff;line-height:1.1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column nowrap;flex-flow: column nowrap; width:100%;height:100%}
p{line-height:1.3}
body>div,nav,footer{ width:100%}
h1,h2,h3,h4{letter-spacing: -0.05rem}
a{color:var(--fontColorPrimary);text-decoration: underline}
ul{list-style-type:none;margin:0;padding:0}
strong{font-weight: 600}
h2{font-weight: 600;font-size: var(--fontXL);line-height: 1}

/*--INTRO--*/

.intro{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;color:var(--fontColorInverse);position: relative;width:100%;height:auto;background-color: rgba(3,38,71,0.2)}
.intro::after{content: "";background:url("../img/fondos/det-zona-intro.svg") no-repeat right top;background-size: 100%; width: 100%;height:180px;}
body.texto .intro{margin-bottom:130px}
body.texto .intro::after{background:none;height:auto}
.intro>div{max-width:var(--widthContent);margin:0 auto;padding:15px}

.intro .cabecera{position: fixed;background-color: rgba(33,33,45,.50);color:var(--fontColorInverse);display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;padding:0;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap:2vw;z-index: 100;width:100%}
.intro .cabecera .logo{padding:15px 30px}
.intro .cabecera a{text-decoration: none;color:var(--fontColorInverse);-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out}
.intro .cabecera a:hover{color:var(--colorCyan)}
.intro .cabecera a.active{color:var(--colorCyan);font-weight: 600}
.intro .cabecera ul {display: -webkit-box;display: -ms-flexbox;display: flex;gap:15px;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.intro .cabecera .idioma{margin-left: auto;padding:15px 30px;}

/* ===== Toggle / Hamburguesa ===== */
.intro .cabecera #nav-toggle{position:fixed; opacity:0; pointer-events:none;z-index:250}
.intro .cabecera .hamburger,.intro .cabecera .close-btn{display:none;position:relative}

.intro .que{display: -webkit-box;display: -ms-flexbox;display: flex;gap:4vw;height:100vh;-webkit-box-align: center;-ms-flex-align: center;align-items: center;min-height:700px}
.intro .que .contenido{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column}
.intro .que h1{font-weight: 400;font-size: var(--fontXXL);line-height: 1;margin-bottom:10px}
.intro .que p{font-size: var(--fontM);font-weight: 200;margin:10px 0}
.intro .que p strong{color:var(--colorCyan)}
.intro .que p:last-child{display: inline-block; margin: 25px 0 0 auto;}
.intro .que p a{background-color: var(--colorCyan);-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding:10px 60px 12px 25px;font-size: 1.6rem;font-weight: 600;text-decoration: none;border-radius: 40px;color: var(--fontColorInverse);position: relative;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out}
.intro .que p a::after{content: url("../img/iconos/ic-enviar.svg");position: absolute;top:10px;right:20px}
.intro .que p a:hover{background-color: var(--colorBlue)}


.intro .preguntas{padding-bottom:40px;}
.intro .preguntas h2{font-weight: 600;font-size: var(--fontXL);line-height: 1;margin:0 0 2vw}
.intro .preguntas ul{font-weight: 200;margin:10px 0}
.intro .preguntas ul li{margin:15px 0;position:relative;padding-left:30px;font-size: calc(var(--fontM) - 0.1vw);line-height: 1.3}
.intro .preguntas ul li::before{content:url("../img/iconos/ic-listado.svg");position: absolute;left:0;top:3px }
.intro .preguntas ul li strong{font-size: calc(var(--fontM) + 0.1vw);font-weight: 600;margin-bottom:5px;display: block}

/*--CATEGORIAS--*/
.categorias{width:100%;margin:0 auto;padding:3vw 15px 5vw;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;background-color:#fff}
.categorias h2{margin:0 0 50px;color:var(--colorViolet);font-size: calc(var(--fontXL) + 0.5rem)}
.categorias ul{display: -webkit-box;display: -ms-flexbox;display: flex;gap:6vw;max-width:1400px;width:97%}
.categorias ul li{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;position: relative;padding-left:120px}
.categorias ul li h3{font-size: var(--fontL);color:var(--colorViolet);margin:0 0 5px}
.categorias ul li p{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;font-size: calc(var(--fontM) - 0.1vw);line-height: 1.2;margin:0}
.categorias ul li::before{content: "";width:180px;height:180px;border-radius: 50%;background-color: var(--colorViolet);opacity: 0.4;position: absolute;top:-20px;left:-30px}
.categorias ul li::after{content: url("../img/iconos/ic-A.svg");position: absolute;top:-5px;left:-40px}
.categorias ul li:last-child::after{content: url("../img/iconos/ic-B.svg");position: absolute;top:-5px;left:-20px}

/*-PREMIO--*/
.premio{background: var(--colorOrange) url("../img/fondos/met-boston.jpg") no-repeat left center;min-height:450px;position:relative;background-size: 70%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;color:var(--fontColorInverse)}
.premio::before{content:"";width:100%;min-height:150px;background:url("../img/fondos/det-zona-premio-sup.svg") no-repeat left top;background-size: 100%; position:absolute;top:-10px;left:0;z-index:15}
.premio::after{content:"";width:100%;min-height:450px;background:url("../img/fondos/det-zona-premio.png") no-repeat right bottom;background-size: 100%;position:absolute;bottom:0;left:0;z-index:10}
.premio .textos{position: relative;z-index:20;width:100%;max-width:700px;padding:2vw 5vw;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}
.premio .textos *{margin:0 0 10px}

/*--CALENDARIO--*/
.calendario{width:100%;margin:0 auto;padding:50px 15px 220px;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;background-color: var(--colorBlue);position:relative}
.calendario::after{content:"";width:100%;min-height:120px;background:url("../img/fondos/det-zona-calendario.svg") no-repeat -1px top;background-size: 105%; position:absolute;bottom:0;left:0;z-index:10}

.calendario h2{margin:0 0 50px;color:var(--fontColorInverse);font-size: calc(var(--fontXL) + 0.5rem)}
.calendario ul{display: -webkit-box;display: -ms-flexbox;display: flex;gap:4vw;max-width:1400px;width:95%;margin:0 auto}
.calendario ul li{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;position: relative;padding-left:70px}
.calendario ul li:not(:last-child){border-right:2px solid var(--fontColorInverse)}
.calendario ul li h3{font-size: var(--fontL);color:var(--fontColorInverse);margin:0 0 5px;position: relative;z-index:10}
.calendario ul li.active h3{font-size: calc(var(--fontL) + 0.2vw)}
.calendario ul li p{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;font-size: var(--fontM);line-height: 1.2;margin:0;position: relative;z-index:10;font-weight: 600;color:var(--colorYellow)}
.calendario ul li.active p{font-size: calc(var(--fontM) + 0.1vw)}
.calendario ul li.active::before{content: "";width:150px;height:150px;border-radius: 50%;background-color: #426EA4;opacity: 1;position: absolute;top:-20px;left:-50px;z-index: 0}
.calendario ul li::after{position: absolute;top:-5px;left:-25px}
.calendario ul li:nth-child(1)::after{content: url("../img/iconos/ic-1.svg");}
.calendario ul li:nth-child(2)::after{content: url("../img/iconos/ic-2.svg");}
.calendario ul li:nth-child(3)::after{content: url("../img/iconos/ic-3.svg");}
.calendario ul li:nth-child(4)::after{content: url("../img/iconos/ic-4.svg");}
.calendario ul li.active:nth-child(1)::after{content: url("../img/iconos/ic-1-dest.svg");}
.calendario ul li.active:nth-child(2)::after{content: url("../img/iconos/ic-2-dest.svg");}
.calendario ul li.active:nth-child(3)::after{content: url("../img/iconos/ic-3-dest.svg");}
.calendario ul li.active:nth-child(4)::after{content: url("../img/iconos/ic-4-dest.svg");}

/*--INSCRIPCION--*/
.inscripcion{width:100%;background: #fff url("../img/logos/dmm-inscripcion.svg") no-repeat 0 10px;background-size: 500px; 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}
.inscripcion h2{margin:0;color:var(--colorGreen);font-size: calc(var(--fontXL) + 0.5rem)}
.inscripcion form{width:100%;max-width:1200px;margin:2vw auto;padding:20px 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;gap:30px;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.inscripcion form > div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;gap:15px;width:100%}
.inscripcion form > div:nth-child(2){margin-bottom:2vw}
.inscripcion form > div>label,.inscripcion form > div>p{color:var(--colorGreen);font-size: var(--fontL);font-weight: 600;margin:0}
.inscripcion form input,.inscripcion form select{font-size: var(--fontM);padding:2px 10px 4px;border: 1px solid var(--colorGreen);border-radius: 3px;font-weight: 400}
.inscripcion form fieldset{border: 1px solid #C6DFDC;padding:30px;display: -webkit-box;display: -ms-flexbox;display: flex;background-color:rgba(255,255,255,0.2);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px); gap:2vw  }
.inscripcion form fieldset h3{font-size: var(--fontL);color:var(--colorGreen);margin:0 0 5px;position: relative;z-index:10}
.inscripcion form fieldset p{font-size: calc(var(--fontM) - 0.1vw);line-height: 1.2;margin:0;color:red}
.inscripcion form fieldset>div,.inscripcion form fieldset>h3{-webkit-box-flex:1;-ms-flex:1 0 220px;flex:1 0 220px;}
.inscripcion form fieldset div.campos{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap:1vw}
.inscripcion form fieldset div.campos div{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;gap:5px}
.inscripcion form fieldset div.campos div{-webkit-box-flex:1;-ms-flex:1 1 48%;flex:1 1 48%}
.inscripcion form fieldset div.campos div:nth-child(n+4){-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%}
.inscripcion form fieldset div.campos label{color:#36837D}
.inscripcion form fieldset div.campos input,.inscripcion form fieldset div.campos select{font-size: calc(var(--fontM) - 0.15vw);background-color: #fff}
.inscripcion form .botones-participante{display: -webkit-box;display: -ms-flexbox;display: flex;gap:20px;-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;}
.inscripcion form .add{background-color: var(--colorGreen);-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding:10px 60px 10px 25px;font-size:calc(var(--fontM) + 0.2rem);font-weight: 600;border: none;border-radius: 40px;color: var(--fontColorInverse);position: relative;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;display: block;max-width:330px;cursor:pointer}
.inscripcion form .add::after{content: url("../img/iconos/ic-+.svg");position: absolute;top:10px;right:20px}
.inscripcion form .add:hover{background-color: var(--colorBlue)}
.inscripcion form .delete{background-color: var(--colorGreen);-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding:10px 60px 10px 25px;font-size:calc(var(--fontM) + 0.2rem);font-weight: 600;border: none;border-radius: 40px;color: var(--fontColorInverse);position: relative;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;display: block;max-width:330px;cursor:pointer}
.inscripcion form .delete::after{content: url("../img/iconos/ic--.svg");position: absolute;top:10px;right:20px}
.inscripcion form .delete:hover{background-color: var(--colorBlue)}
.inscripcion form p.clausulado{font-size:var(--fontXS)}
.inscripcion form .footer{-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}

.inscripcion form .footer p,.inscripcion form > div.captcha>label{font-size:var(--fontS)}
.inscripcion form .footer button[type="submit"]{background: #36837D;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding:10px 80px 10px 25px;font-size: calc(var(--fontL) + 0.2rem);font-weight: 600;border: none;border-radius: 40px;color: var(--fontColorInverse);position: relative;-webkit-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;display: block;max-width:300px;cursor:pointer}
.inscripcion form .footer button[type="submit"]::after{content: url("../img/iconos/ic-enviar.svg");position: absolute;top:10px;right:20px}
.inscripcion form .footer button[type="submit"]:hover{background-color: var(--colorOrange)}
.g-recaptcha{margin-top:6px}

/*--BASES--*/
.bases{width:100%;max-width:1300px;margin:0 auto;padding:3vw 15px 5vw!important;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: start;-ms-flex-align: start;align-items: flex-start;background-color:#fff}
.bases h1{margin:0 0 30px;color:var(--colorViolet);font-size: calc(var(--fontXL) - 0.3rem)}
.bases h2{font-size: var(--fontL);color:var(--colorViolet);margin:25px 0 5px }
.bases h3{font-size:  calc(var(--fontL) - 0.2rem);color:var(--colorViolet);margin:15px 0 5px;display:inline }
.bases p{font-size: calc(var(--fontM) - 0.1vw);line-height: 1.2;margin:10px 0}
.bases ul,.bases ol{font-size: calc(var(--fontM) - 0.1vw);line-height: 1.2;margin:15px 10px;padding:0;list-style-position: inside }
.bases ul{list-style-type: disc}
.bases ul li{margin:10px 0}
.bases ul li p:last-child{margin-bottom:30px}
/*--ERRORES--*/
.errores{width:100%;max-width:1200px;margin:0 auto;background-color: red;color:var(--fontColorInverse);padding:20px 30px;font-size:var(--fontS)}
.errores ul{margin:5px 0}
.errores ul li{list-style-type: disc;list-style-position: inside;margin-top:10px}

/*--FOOTER--*/
footer{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;width:100%;background-color: #F0F6F6;padding:20px 4vw;gap:1vw;margin-top:auto}
footer *{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
footer .contacto{font-size: var(--fontM);border-bottom:1px solid var(--fontColorPrimary)}
footer .contacto p{-webkit-box-align: center;-ms-flex-align: center;align-items: center}
footer .contacto a{-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;padding:0 0 0 50px}
footer .contacto a::before{content: url("../img/iconos/ic-mail.svg");position: absolute;top:-5px;left:10px}
footer .patrocinios{font-size: var(--fontS);gap:3vw;padding:15px}
footer .patrocinios p{margin:0}
footer .patrocinios div{gap:2vw;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start}
footer ul{font-size: var(--fontXS);gap:10px;margin-top:20px}
footer ul a{color:#666}


 #canvas-bg { position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;z-index:-1; /*filter: url('#liquid-goo');*/}
.dots-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index:-1;background-image: -o-radial-gradient(circle, #5E5A5A 3px, transparent 3.5px);background-image: radial-gradient(circle, #5E5A5A 3px, transparent 3.5px);background-size: 30px 30px;mix-blend-mode: overlay; opacity: 0.8;}
 .noise {position: fixed;top: 0; left: 0;width: 100%;height: 100%;pointer-events: none; /* Para que no interfiera con clics */opacity: 0.1; -webkit-filter: contrast(150%) brightness(100%); filter: contrast(150%) brightness(100%);z-index:-1;background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");}


@media (max-width:1800px){
	.intro::after{background-size: 1800px;}
	.premio::after{background-size:1800px}
}
@media (max-width:1500px){
	.premio{background-size: 1200px;background-position: -200px center}
}
@media (max-width:1200px){
	body>div:not(.intro),nav,footer,.intro .que,.intro .preguntas{ padding-left:30px;padding-right:30px}
	.intro::after {height:120px}
	.intro .que{gap:6vw;}
	.intro .que  .logo img{width:280px;height:auto}
	.categorias ul li{padding-left:60px}
	.categorias ul li::before{width:100px;height:100px;top:-20px;left:-30px}
	.categorias ul li::after{-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);top:-40px;left:-70px}
	.categorias ul li:last-child::after{top:-40px;left:-50px}
	.calendario{padding:40px 15px 170px}
	.calendario::after {min-height: 70px}
	.calendario ul { gap: 2vw;padding-left:40px}
	.calendario ul li{padding-left:50px;padding-right:10px}
	.calendario ul li.active::before{width:90px;height:90px;top:0px;left:-25px}
	.calendario ul li::after{-webkit-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);top:-15px;left:-25px}
	.calendario ul li.active::after{top:-25px;left:-25px}
	.premio{background-size: 900px;background-position: -100px center;min-height:330px}
	.premio::after{background-size:1200px}
	.premio .textos {max-width: 410px;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;padding-top:40px}
	.inscripcion{background-size: 400px}
	.inscripcion form .add::after,.inscripcion form .delete::after {top: 7px;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9)}
	.inscripcion form .footer button[type="submit"]::after{top:7px;-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9)}
}
@media (max-width:850px){
	.intro .cabecera{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-wrap: wrap;flex-wrap: wrap;gap:0}
	.intro .cabecera .logo{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
	.intro .cabecera .logo img{height:45px;width:auto}
	.intro .cabecera .menu{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;x-index:220;padding-right:20px}
    .intro .cabecera .hamburger{border:0;background:transparent;color:#fff;cursor:pointer;line-height:0;padding:.5rem;border-radius:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; z-index:220;;cursor:pointer}
    .intro .cabecera .hamburger .bar{ display:block;width:26px;height:2px;position:relative;border-radius:1px;background:#fff;-webkit-transition: background 500ms;-o-transition: background 500ms;transition: background 500ms;  }
    .intro .cabecera .hamburger .bar::before,.intro .cabecera .hamburger .bar::after{
      content:"";position:absolute;left:0;width:26px;height:2px;border-radius:1px;background:#fff;-webkit-transition:-webkit-transform 500ms;transition:-webkit-transform 500ms;-o-transition:transform 500ms;transition:transform 500ms;transition:transform 500ms, -webkit-transform 500ms }
    .intro .cabecera .hamburger .bar::before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}
    .intro .cabecera .hamburger .bar::after {-webkit-transform:translateY( 8px);-ms-transform:translateY( 8px);transform:translateY( 8px)}

    /* Hamburguesa → Aspa animada */
    .intro .cabecera.site-nav #nav-toggle:checked + label.hamburger .bar{background: transparent;    }
    .intro .cabecera.site-nav #nav-toggle:checked + label.hamburger .bar::before{ -webkit-transform: translateY(0) rotate(45deg); -ms-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg)}
    .intro .cabecera.site-nav #nav-toggle:checked + label.hamburger .bar::after{ -webkit-transform: translateY(0) rotate(-45deg); -ms-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); }

    /* Aspa interna (oculta si hamburguesa activa) */
    .intro .cabecera .close-btn{ border:0;background:transparent;color:#fff;cursor:pointer;line-height:0;padding:.5rem;border-radius:.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; position:absolute; top:12px; right:12px;}
    .intro .cabecera.site-nav #nav-toggle:checked ~ .nav .close-btn{opacity:0; pointer-events:none; }
    .intro .cabecera .close-btn svg{width:26px;height:26px;stroke:#fff}

    .intro .cabecera .overlay{position:fixed; inset:0; background:rgba(0,0,0,0.5);opacity:0; pointer-events:none; z-index:200; }
    .intro .cabecera.site-nav #nav-toggle:checked ~ .overlay{opacity:1; pointer-events:auto}

	.intro .cabecera .nav{position: fixed;bottom:0;right:0;left:auto;top:0;padding:50px 20px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;width:auto;min-width:200px;background-color: var(--colorOrange); -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); z-index:210;gap:20px;-webkit-transition:-webkit-transform 500ms;transition:-webkit-transform 500ms;-o-transition:transform 500ms;transition:transform 500ms;transition:transform 500ms, -webkit-transform 500ms}
	.intro .cabecera.site-nav #nav-toggle:checked ~ .nav{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
	.intro .cabecera > ul a::before {content:""}
	.intro .cabecera ul a:hover { color:#fff;}
	
	.intro .cabecera .idioma{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;}
	
	.calendario{padding:30px 20px 120px!important}
	.calendario::after{background-size: 2000px;background-position: -200px top}
	.calendario h2{margin-bottom:20px}
	.calendario ul { max-width:500px;width:100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;gap:20px;margin-bottom:20px;padding-left:0}
	.calendario ul li{border-right:none!important;padding-left:70px;padding-right:0}
	.calendario ul li.active::before{width:70px;height:70px;top:-5px;left:5px}
	.calendario ul li::after{-webkit-transform: scale(0.5);-ms-transform: scale(0.5);transform: scale(0.5);top:-25px;left:0}
	.calendario ul li:last-child::after{left:-5px}
	.calendario ul li.active::after{-webkit-transform: scale(0.42);-ms-transform: scale(0.42);transform: scale(0.42);top:-40px;left:-8px}
	.premio{background-size: 700px;background-position: -100px center;min-height:270px}
	.premio::after{background-size:1000px}
	.premio .textos {max-width: 350px;padding-top:40px;padding-right:0;line-height:1.2}
	.premio .textos p {line-height:1.2}
	.inscripcion form .add::after,.inscripcion form .delete::after {top: 5px}
	.inscripcion form .footer button[type="submit"]::after{top:5px}
	footer .contacto p{-ms-flex-wrap: wrap;flex-wrap: wrap}
	footer .contacto p a{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin:10px 0}
	footer .patrocinios{-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;-ms-flex-wrap: wrap;flex-wrap: wrap}
	footer .patrocinios div{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;width:100%}
	footer .patrocinios div p{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}
}
@media (max-width:760px){
	.intro::after { background-position: -1000px top;height:120px}
	.intro .que{padding-bottom:50px;height:auto;padding-top:80px}
	.intro .que  .logo {display:none}
	.intro .que p:last-child {margin: 25px auto 0 auto;}
	.categorias h2{margin-bottom: 30px}
	.categorias ul{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;margin-left:20px;}
	.categorias ul li{padding-left:40px}
	.categorias ul li::before{width:60px;height:60px;top:-5px;left:-30px}
	.categorias ul li::after{-webkit-transform: scale(0.4);-ms-transform: scale(0.4);transform: scale(0.4);top:-40px;left:-80px}
	.categorias ul li:last-child::after{top:-45px;left:-70px}
	.premio{background-size: 700px;background-position: -200px center}
	.inscripcion form{padding:20px 0}
	.inscripcion form fieldset{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column}
	.inscripcion form fieldset > div.nombre, .inscripcion form fieldset > h3{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align: center}
	.inscripcion form .footer{-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;gap:20px}
	
}

@media (max-width:600px){
	.premio{--p: 30px;background-size: 700px;background-position: center -50px;padding: 350px 0 0!important;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end}
	.premio::after{background:none}
	.premio .textos {max-width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:30px 30px 10px;position: relative}
	.premio .textos *{z-index:10}
	.premio .textos::before{content: "";width:100%;background-color:var(--colorOrange);position:absolute;top:-30px;left:0;height:160%;z-index:0;-webkit-clip-path:  polygon(0 var(--p),0 calc(100% - var(--p)),100% 100%,100% 0);clip-path:  polygon(0 var(--p),0 calc(100% - var(--p)),100% 100%,100% 0);}
	.calendario{padding:80px 20px 100px 10px!important}
	.inscripcion form .botones-participante{-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}
}
@media (max-width:500px){
	.intro::after { height:80px}
	
}
@media (max-width:360px){
	.premio .textos::before{height:145%}
}