:root {
  --font-color: #000;
  --font-color-d1: #023246;
  --font-color-d1l: #007BAF;
  --font-color-d2: #395B57;
  --font-color-d2l: #49B895;
}
body{ overflow-x: hidden}
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 h1{color: var(--font-color-d1)}
.header h1 span{color: var(--font-color-d1l)}
.header p{color: var(--font-color-d1);border-top: 1px solid var(--font-color-d1);border-bottom: 1px solid var(--font-color-d1)}
.circle {position: absolute;border-radius: 50%;background-color: #1b6fa8;transition: none;top:0;left:0;transition: transform 0.3s ease-out;   }

.info a,body.mensaje .bases a{color:var(--font-color-d1l)}
.info a:hover,body.mensaje .bases a:hover{color:#fff;background-color:var(--font-color-d1l) }
.info .foto-principal{width:100%;background: url("../img/aquarium-agua.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;margin-top:-15px}
.info .foto-principal-ios{width:100%;background: url("../img/aquarium-agua-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-d2l)}
.info .recuerda h2{color:var(--font-color-d2l);border-bottom: 1px solid var(--font-color-d2)}
.info .recuerda h2::before{content:url("../img/ic-exclamacion.png")}
.info .recuerda strong:not(:last-child){color:var(--font-color-d2l)}
.info .recuerda a{color:var(--font-color-d2l)}
.info .recuerda a:hover{color:#fff;background-color:var(--font-color-d2l) }

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

/*--FORMULARIO--*/
.form{background: #fff url("../img/pie-form.png") no-repeat center bottom;background-size: 100%; accent-color: #007aaf;margin-top:50px!important}
.form h2{color:var(--font-color-d1l);border-bottom: 1px solid var(--font-color-d1l);}
.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 #007aaf;border-right: 1px solid #007aaf}
.form .campos div input:focus{background-color: #deedf4}
.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: #49B895;color:#fff}
.form .campos input[type=submit]:hover{background-color: #208c88}

/*--PIE INFO--*/
.footer p{color:#fff}
body.mensaje .form-footer {background-position: center 0px;padding-top:110px}

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


.ganadores {border-left: 1px solid #007aaf; border-right: 1px solid #007aaf;padding:30px 20px 80px}



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

@media (max-width:1200px){
	.info .foto-principal{background-size:cover}
	.info .foto-principal-ios{background-size:100%}
}
@media (max-width:1000px){
	.info .recuerda img {max-width: 350px}
	.form .campos,.form .aviso{border:none;min-height:280px}
}
@media (max-width:650px){
	.info .recuerda img {max-width: 100%;margin-top:-30px}
	.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}
	.form .campos div.horarios .opciones label {  -webkit-box-flex: 0;  -ms-flex: 0 0 20%; flex: 0 0 20%;}
	.footer{background-color: #537b27}
	.footer div,.footer div:not(:last-child){border-bottom:1px solid #fff}
	.circle{display:none}
}