:root{
	--color1: #ffffff; /*blanco*/
	--color2: #000000; /*negro*/
	--color3: #5B5B5B; /*gris oscuro*/
	--color4: #808080; /*gris claro*/
	--color5: #E5E5E5; /*gris muy claro*/
}

.color1 {color:var(--color1);}
.color2 {color:var(--color2);}
.color3 {color:var(--color3);}

@font-face {
    font-family: 'Arbizu';
    src: url('fonts/Arbizu-Regular.woff2') format('woff2'),
         url('fonts/Arbizu-Regular.woff') format('woff'),
         url('fonts/Arbizu-Regular.ttf') format('truetype'),
         url('fonts/Arbizu-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.arbizu {font-family: 'Arbizu';}

p a {font-weight:inherit;}
a:hover {text-decoration:none;}

/*MENSAJE DE COOKIES*/
.msgcookie{display:block;position:fixed;bottom:10px; right:10px; min-height:30px;max-width:400px;background:rgba(0,0,0,0.8);color:#fff;font-size:12px;font-family:sans-serif;z-index:1000;}
	.msgcookie p{max-width:960px;margin:0 auto;color:white;padding: 10px;line-height:1.3em; text-align:center;}
		.msgcookie p a:link,.msgcookie p a:active,.msgcookie p a:visited{color:white;; font-weight:bold;}
			.msgcookie p a:hover {color:white;text-decoration:underline;}
		.msgcookie a.boton {margin:0 15px;text-decoration:none!important;font-weight:bold;background:var(--color-primario);color:white!important; display:inline-block; padding:10px 15px;font-size:12px;line-height:1em;}
			.msgcookie a.boton:hover {background:var(--color-secundario);color:white!important;text-decoration:underline;}

#modal-cookies .panel {}
	#modal-cookies .panel .panel-heading {background:black;padding:0;}
		#modal-cookies .panel .panel-heading a:before {font-family: 'FontAwesome';content: "\f107";float: right;transition: all 0.5s;}
		#modal-cookies .panel .panel-heading.active a:before {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
		#modal-cookies .panel-default > .panel-heading h3.panel-title {font-size:16px; font-weight:400;color:white;position:relative;margin:0;border-bottom:1px solid white;}
			#modal-cookies .panel-default > .panel-heading h3.panel-title a {color:white;display:block;padding:10px 15px 10px 5px;}
				#modal-cookies .panel-default > .panel-heading h3.panel-title a:hover {color:white;}
			#modal-cookies .panel-default > .panel-heading h3.panel-title a, .panel-default > .panel-heading h3.panel-title a:focus, .panel-default > .panel-heading h3.panel-title a:hover {text-decoration:none;outline:none;}
		#modal-cookies .panel label {display:inline;color:white;}
		#modal-cookies .panel input[type=checkbox] {position:absolute; right:40px; top:12px;}
		#modal-cookies .panel .siempre {position:absolute; right:60px; top:11px; text-align:right; font-size:13px;font-weight:300;}
		#modal-cookies .panel-default > .panel-heading + .panel-collapse > .panel-body {font-size:14px;border-top:10px solid var(--color-primario);}
		#modal-cookies .panel-default > .panel-heading h2.panel-title, #modal-cookies .panel-default > .panel-heading h3.panel-title {text-transform:none;}
	#modal-cookies .modal-header  {display:block;}
	#modal-cookies h4 {margin-top:0;}
	#modal-cookies .modal-header {border:none;}
	#modal-cookies .panel-body {padding:15px;}
	#modal-cookies  [data-toggle="collapse"]:after {right:15px;}
	#modal-cookies td a {color:inherit;}

table.cookies {margin-bottom: 20px;}
	table.cookies tr {vertical-align:top;}
	table.cookies tr > td:first-child {font-style:italic; font-weight: 400;}
	table.cookies th {color: #364B9C; border-bottom: 1px solid #364B9C;}

.capa1_privacidad {padding:15px 16px 10px; margin:15px 0;}
	.capa1_privacidad strong {color:white;}
	.capa1_privacidad p {color:white;margin-bottom:10px;}
	.capa1_privacidad p, .capa1_privacidad li {color:white;font-size:12px!important;}
	.contenido .capa1_privacidad p, .contenido .capa1_privacidad li {color:#25282A;font-size:12px!important}
	 .capa1_privacidad li {margin-bottom:0!important;line-height:1.3em;}
	.capa1_privacidad ul {padding-left:10px;}
	.capa1_privacidad a {color:var(--color1);}


.espere {color:#364B9C;display:none;margin-bottom:30px;justify-content:start;align-items:center;}
	.espere span {margin-right:10px;}

.video-responsive {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;border:none;margin-bottom:15px;} /*16x9*/
	.video-responsive.tresxcuatro {padding-bottom: 75%;} /*3x4*/
	.video-responsive.inv {padding-bottom: 177.77%;;} /*9x16*/
	.video-responsive iframe, .video-responsive object, .video-responsive embed, .video-responsive video, .video-responsive img {background:#ccc;border:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%!important;}
		.video-responsive .video_nocookies {background:#333333; color:white;border:none;position: absolute;top: 0; bottom:0;left: 0; right:0;width: 100%;height: 100%;font-size:13px; display:flex; align-items:center; justify-content:center; padding:15px;}
			.video-responsive .video_nocookies div {line-height:1.2em;text-align:center;}
			.video-responsive .video_nocookies a {color:#FF949D;}
.alert * {color:inherit;}

/* ZETAK */

html,body {width: 100%; height: 100%; margin: 0; overflow: hidden;}
body {background:var(--color2);color:var(--color1); position: relative;}
.fondo {
    position: fixed;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background: url('../images/fondo.jpg') center center / cover no-repeat;
    z-index: -1;
    will-change: transform;
}

.flex {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.container {max-width:520px;}

.form-control {border-radius:0;background:var(--color5);border-color:var(--color2);padding:25px 10px;font-size:16px;color:var(--color2);text-align:center;}
	.form-control:focus {border-color:white;}
label {color:white;font-weight:400;font-size:20px;}
	label a {color:var(--color1);}
		label a:hover {color:var(--color1);text-decoration:underline;}
#form_suscripcion {background:rgba(255,255,255,0.7);border:1px solid white;padding:30px;}
	#form_suscripcion p {margin:0; font-size:16px;text-align:center;color:var(--color2);}
	#form_suscripcion h1 {margin:1em 0; font-size:40px;text-align:center;color:var(--color2);}
	#form_suscripcion input[type=submit] {border:1px solid var(--color2);width:100%;background:var(--color3);padding:10px 30px;border-radius:0;color:white;font-size:20px;font-weight:600;border:none;transition:.3s ease;}
		#form_suscripcion input[type=submit]:hover {background:var(--color2);}
.alert {border-radius:0;border-color:var(--color1);color:var(--color2);background:transparent;font-size:20px;font-family: 'Arbizu';}
	.alert a {color:var(--color2);text-decoration:underline;}
		.alert a:hover {color:var(--color2);text-decoration:none;}
.legales p, .legales li {color:white;}
	.legales p a, .legales li a {color:white;text-decoration:underline;}
		.legales p a:hover, .legales li a:hover {color:white;text-decoration:none;}
.idiomas {padding:0;text-align:center;}
	.idiomas li {display:inline-block;margin:3px;}
		.idiomas li a {border:1px solid white;font-weight:700;padding:7px 14px;color:white;background:rgba(0,0,0,0.2);}
			.idiomas li a:hover, .idiomas li a.active {color:var(--color2);background:rgba(255,255,255,0.7);}
.sare {display:block;margin:60px auto;}
.alert {text-transform:uppercase; font-size:16px;text-align:center;color:var(--color2);}
hr {border:1px solid var(--color3);}

@media (max-width: 768px) { /* XS */
	.form-control, label, .alert {font-size:16px;}
	#form_suscripcion input[type=submit] {width:100%;max-width:100%;min-width:0;}
	.respuesta-eu {padding-bottom:30px;}
	#form_suscripcion h1 {font-size:30px;}
	.sare {margin:30px auto;}
}

@media (min-width: 767px) and (max-width: 992px) { /* SM */
	
}

@media (min-width:992px) and (max-width: 1200px) { /* MD */
	
}