:root {
  --font-xxl:clamp(2.1rem, 6vw, 4rem);
  --font-xl:clamp(1.8rem, 4.5vw, 2.3rem);
  --font-l:clamp(1.3rem, 3vw, 1.7rem);
  --font-m:clamp(1rem, 2.2vw, 1.2rem);
  --font-s:clamp(0.8rem, 2vw, 1rem);
  --font-xs:clamp(0.75rem, 0.9vw, 0.9rem);
}
html{font-size: 16px}
*{-webkit-box-sizing: border-box;box-sizing: border-box;scroll-behavior: smooth;}
h1,h2,h3,p{margin:1rem 0}
body{position:relative;padding:0;font-family: "Montserrat", sans-serif;  font-optical-sizing: auto; font-weight: 400; font-style: normal;font-size: var(--font-m);color:var(--font-color);letter-spacing: -0.03rem}
.container{position:relative;z-index:5;min-height:100vh;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}
.content{width:100%;max-width: 1000px;margin: 0 auto}
.header {text-align: center}
.header h1{font-size: var(--font-xxl);letter-spacing: -0.10rem;font-weight: 900;margin-bottom:15px;padding: 0 20px 5px}
.header p{font-size: var(--font-l);font-weight: 800;padding:5px 0;margin-top:0}
.info .content{position: relative}
.info a,body.mensaje a{font-weight: 800;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.info a:hover,body.mensaje a:hover{color:#fff;background-color:var(--font-color-d2) }
.info .foto-principal{width:100%;background: url("../chillida-leku/img/chillida-esculturas.jpg") no-repeat center center;background-size:calc(max(100%, 1000px));background-attachment: fixed;-webkit-clip-path: url(#myClip);clip-path: url(#myClip);aspect-ratio: 988/747;}
.info .descripcion{width:100%;max-width:430px;position: absolute;top:55%;left:0}
.info .descripcion p{font-size: var(--font-m)}
.info .ayuda{position: absolute;right:-20px;top:45%;border-radius: 50%;width:185px;height:185px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding:10px 20px;text-align: center;z-index:10}
.info .ayuda p{font-size: clamp(1rem, 2.2vw, 1.1rem);line-height: 1.2rem;margin:0}
.info .ayuda p strong{font-size: 1.3rem}
.info .ayuda p span{font-size: var(--font-s)}
.info .recuerda{width:100%;display: -webkit-box;display: -ms-flexbox;display: flex;gap:20px;-ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start}
.info .recuerda .textos{width:100%;max-width:430px}
.info .recuerda h2{font-size: var(--font-xl);font-weight: 900;padding-bottom:5px }
.info .recuerda h2::before{position:relative;top:35px;margin-right:15px}
.info .recuerda strong:not(:last-child){font-weight: 800}
.info .recuerda p{text-indent:85px;margin-top:10px;font-size: var(--font-m)}
.info .recuerda img{width:100%;height:auto;max-width:526px}

.aforo-completo{width:100%;background-color: #ff0000; color: #fff;font-weight: 800;font-size: var(--font-m);padding: 10px 30px;text-align: center;margin:-15px 0 20px}
.aforo-completo p{margin:0}

.form-footer{margin-top:auto}
body.mensaje .form-footer{background-position:center -70px;padding-top:50px}
body.mensaje .gracias{text-align: center;padding:0 25px 50px}
body.mensaje .bases{text-align: left;padding:0 25px 50px;font-size: var(--font-s);line-height: 1.4rem}
body.mensaje .bases li{margin:1rem 0}
body.mensaje .bases li li{margin:2px 0}

.form-footer a{font-weight: 800;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out}
.form-footer a:hover{font-weight: 800 }

/*--FORMULARIO--*/
.form{margin-top:50px}
.form h2{font-size: clamp(1.8rem, 4.5vw, 2.5rem);margin-bottom:0;position: relative;text-align: center;font-weight: 900;padding-right:20px}
.form .aviso{padding:30px 20px 40px;text-align:center;min-height:300px}
.form .aviso p{margin-bottom:20px}
.form .aviso.sin-altura, .form #errores.aviso{min-height:auto;padding-bottom:0}
.form #errores.aviso{text-align: left}
.form .aviso.sin-altura p{margin-bottom:0}
.form #errores.aviso>div{padding: 20px;background-color: #f72828;color: #fff}

.form .campos{padding:30px 30px 40px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-flow: wrap;flex-flow: wrap;gap:3%;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.form .campos div{-webkit-box-flex: 1;-ms-flex: 1 1 30%;flex: 1 1 30%;margin:10px 0}
.form .campos div.horarios{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;-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;margin-bottom:15px}
.form .campos div.horarios .opciones{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap:15px;width: 100%}
.form .campos div.horarios .opciones label{font-weight: 400;cursor: pointer;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out}
.form .campos div.horarios .opciones label span{font-size: var(--font-xs)}
.form .campos div.horarios .opciones label.completo{color:#9C9C9C;cursor:not-allowed}
.form .campos div.horarios .opciones label.completo input{cursor:not-allowed}
.form .campos div.horarios .opciones label.completo span{background-color: #fdbcbc;color:#565555}
.form .campos div.horarios .opciones label.completo span:before {border-bottom: 10px solid #fdbcbc}
.form .campos div.horarios .opciones input{margin:0 5px 0 0;height:18px; width:18px;cursor: pointer}
.form .campos div label{font-weight: 700}
.form .campos div input{font-size: clamp(0.95rem, 2.3vw, 1.1rem);border-radius:10px;border:1px solid #2d2d2d;margin-top:5px;padding:3px 10px;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;width:100%}
.form .campos p{font-size: var(--font-xs);-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%}
.form .campos p.leyenda{font-size: var(--font-s);-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.form .campos .captcha{-webkit-box-flex: 0;-ms-flex: 0 1 305px;flex: 0 1 305px;margin-bottom:20px}
.form .campos .captcha label{font-weight: 400;font-size: var(--font-s)}
.form .campos input[type=submit]{font-size: var(--font-l);font-weight: 800;border:none;border-radius:15px;padding:5px 20px;cursor:pointer;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.form .campos input[type=submit]:hover{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1)}

/*--PIE INFO--*/
.footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap:15px}
.footer div{padding:10px 20px 10px 10px;margin-top:20px;width:33%}
.footer div:not(:last-child){border-right:1px solid #fff}
.footer h3{font-size: var(--font-l);font-weight: 800;line-height: 1.4rem;letter-spacing: -0.05rem;padding-left:60px;position: relative;margin-bottom:0}
.footer h3::before{position: absolute;left:0 ;top:-5px}
.footer p{font-size: var(--font-m);padding-left:60px;line-height: 1.2rem;margin-top:8px}

/*--PIE ENLACES--*/
ul.navfooter{display: -webkit-box;display: -ms-flexbox;display: flex;list-style-type: none;gap:10px;margin:20px auto 0;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;padding:15px}
ul.navfooter a{font-size: var(--font-xs);color:#fff;font-weight: 400;text-decoration: none}

/*--GANADORES--*/
.ganadores ul{display: flex;flex-wrap: wrap;margin:0;padding:0}
.ganadores ul ul{padding:10px;margin: 10px 15px}
.ganadores ul li:nth-child(2n+1) ul{border-right:1px solid #000}
.ganadores ul li{flex:1 1 50%;margin:3px 0}
.ganadores ul>li{list-style-type: none;text-align: center}
.ganadores ul li li{list-style-type: circle; font-size: var(--font-xs);padding:0 15px 0 0;text-align: left }

@media (max-width:1000px){
	.content{padding:0 30px}
	.form .campos p{-webkit-box-flex:1;-ms-flex:1 1 45%;flex:1 1 45%}
	.form-footer .content{padding:0}
	.info .descripcion{position: relative;top:auto;left:auto;max-width:100%;padding:3px 0 5px}
	.info .ayuda{right:auto;left:30%;bottom:30%;top:auto}
	.info .recuerda{max-width:100%;position: relative;top:auto;left:auto;margin-top:20px}
	.info .recuerda h2{margin:-40px 0 0}
}
@media (max-width:650px){
	.content{padding:0}
	.form .campos {padding:0 20px 50px }
	.form .campos div{-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%}
	.form .campos div.horarios{-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;gap:2px}
	.form .campos div.horarios .opciones{-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap}
	.form .campos div.horarios .opciones label{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;position: relative}
	.form .campos div input{padding:5px}
	.form .campos p{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}
	.form .campos .captcha{-webkit-box-flex: 1;-ms-flex: 1 1 100%;flex: 1 1 100%}
	.info .descripcion,.info .recuerda .textos{padding:0 20px}
	.info .ayuda{width:160px;height:160px;padding:10px;bottom:53%}
	.info .ayuda p{line-height: 1.1rem}
	.info .recuerda{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}
	.info .recuerda .textos{max-width:100%}
	.info .recuerda img{max-width:100%}
	.footer{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;background-color: #537b27;gap:0;padding:0 20px}
	.footer div,.footer div:not(:last-child){width:100%;border-right: none;margin-top:0}
	ul.navfooter{-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
	.ganadores {border-left:none!important;border-right:none!important}
	.ganadores ul li:nth-child(2n+1) ul{border-right:none}
	.ganadores ul li{flex:1 1 100%}
	.ganadores ul li li{flex:1 1 50%}
}
@media (max-width:450px){
	.form .campos {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column}
	.form .campos div{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;width:100%}
	.form .campos input[type=submit]{margin-bottom:20px}
	.form .campos div.horarios .opciones{-ms-flex-wrap:wrap;flex-wrap:wrap}
	.info .ayuda{-webkit-transform: scale(0.85);-ms-transform: scale(0.85);transform: scale(0.85);left:18%;bottom:46%}
	.ganadores ul li li{flex:1 1 100%}
}