:root {
  --font-color: #000;
  --font-color-d1: #537B27;
  --font-color-d1l: #A5FF12;
  --font-color-d2: #FF9052;
}
nav.idioma{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end}
nav.idioma ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type: none;background-color: #000; color:#fff;padding:8px 15px;margin:0;gap:20px;font-size: var(--text-l);font-weight: 800}
nav.idioma ul a{color:#fff;text-decoration: none}
nav.idioma ul a.active{color:var(--font-color-d1l);text-decoration: none}
.header p{color: var(--font-color-d2);border-top: 1px solid var(--font-color-d2);border-bottom: 1px solid var(--font-color-d2)}

.info a{color:var(--font-color-d2)}
.info a:hover{color:#fff;background-color:var(--font-color-d2) }
.info .foto-principal{width:100%;background: url("../img/chillida-esculturas.jpg") no-repeat center center;background-size:max(110%, 1000px);background-attachment: fixed;-webkit-clip-path: url(#myClip);clip-path: url(#myClip);aspect-ratio: 988/747;}
.info .foto-principal-ios{width:100%;background: url("../img/chillida-esculturas-clipped.png") no-repeat center center;background-size:calc(max(100%, 1000px));aspect-ratio: 988/747;}
.info .ayuda{background-color: #000;color:#fff}
.info .ayuda p strong{color:var(--font-color-d2)}
.info .recuerda h2{color:var(--font-color-d1);border-bottom: 1px solid var(--font-color-d1)}
.info .recuerda h2::before{content:url("../img/ic-exclamacion.png")}
.info .recuerda strong:not(:last-child){color:var(--font-color-d1)}

.form-footer{background: url("../img/pie-fondo.png") no-repeat center bottom;background-size: 100%;}
.form-footer a{color:var(--font-color-d2)}
.form-footer a:hover{color:#fff;background-color:var(--font-color-d2) }

/*--FORMULARIO--*/
.form{background: #fff url("../img/pie-form.png") no-repeat center bottom;background-size: 100%; accent-color: #537b27}
.form h2{color:var(--font-color-d1);border-bottom: 1px solid var(--font-color-d1);}
.form h2::before{content: url("../img/dv-90-anios.png");position: absolute;left:20px;bottom:-10px}
.eu .form h2::before{content: url("../img/dv-90-urte.png");position: absolute;left:20px;bottom:-10px}
.form .campos,.form .aviso{border-left: 1px solid #537b27;border-right: 1px solid #537b27}
.form .campos div input:focus{background-color: #daedc6}
.form .campos div.horarios .opciones label span{background-color: var(--font-color-d1l);color:#000;padding:2px 5px;display:block;margin-top:8px;position:relative}
.form .campos div.horarios .opciones label span:before {content: "";position: absolute; width: 0;      height: 0;
      border-left: 5px solid transparent; border-right: 5px solid transparent;  border-bottom: 10px solid var(--font-color-d1l); top: -7px;left: 3px;}
.form .campos input[type=submit]{background-color: #482319;color:#fff}
.form .campos input[type=submit]:hover{background-color: #ff3c00}

/*--PIE INFO--*/
.footer h3{color:var(--font-color-d1l)}
.footer .encuentro h3::before{content: url("../img/ic-pto-encuentro.png")}
.footer .autobus h3::before{content: url("../img/ic-autobus.png")}
.footer .horario h3::before{content: url("../img/ic-horario.png")}
.footer p{color:#fff}


/*--EFECTO CURSOR--*/
svg#linea { position: fixed; top: 0; left: 0; height: 100%; width: 100%;z-indez:-1;}
line { stroke: #000000; stroke-width: 2;}





@media (max-width:1700px){
	.form-footer{background-size: 1700px}
}

@media (max-width:1200px){
	.info .foto-principal{background-size:cover}
	.info .foto-principal-ios{background-size:100%}
}
@media (max-width:1000px){
	
	.form .campos,.form .aviso{border:none;min-height:200px}
}
@media (max-width:650px){
	.form {background-size: 700px}
	.form h2{border-bottom: none;text-align: left;padding:0 20px;margin-bottom:10px}
	.form h2::before, .eu .form h2::before{content: ""}
	.form h2::after{content: url("../img/dv-90-anios-movil.png");position: absolute;top:-15px;right:20px}
	.eu .form h2::after{content: url("../img/dv-90-urte-movil.png");position: absolute;top:-15px;right:20px}
	.footer{background-color: #537b27}
	.footer div,.footer div:not(:last-child){border-bottom:1px solid #fff}
}