/* ============================================================
   Up To Marketing · banner de cookies
   Modelo copiado del de Conocer Marruecos (Consent Mode v2 con
   default denegado), reescrito en JS plano porque aqui no hay React.

   Dos cosas que NO son estetica y no se tocan:
   1. "Rechazar todo" tiene el MISMO peso visual que "Aceptar todo".
      La AEPD exige que rechazar cueste lo mismo que aceptar; un
      "rechazar" en gris pequeno es justo lo que multan.
   2. El panel arranca con la analitica DESACTIVADA. Nada de casillas
      premarcadas: el consentimiento tiene que ser un acto positivo.
   ============================================================ */

.utm-cookies{
	position:fixed; inset-inline:0; bottom:0; z-index:9999;
	padding:16px;
	display:flex; justify-content:center;
	font-family:var(--utm-cuerpo, inherit);
}
.utm-cookies[hidden]{ display:none !important; }

.utm-cookies-caja{
	width:100%; max-width:760px;
	background:var(--utm-superficie, #191231);
	border:2px solid var(--utm-borde-luz, #4A3A85);
	border-radius:var(--utm-radius, 12px);
	box-shadow:0 18px 40px rgba(0,0,0,.55);
	padding:24px 26px;
	color:var(--utm-texto, #C4BDDC);
	font-size:14.5px; line-height:1.6;
}
.utm-cookies h2{
	margin:0 0 8px; font-size:18px; line-height:1.3;
	color:var(--utm-tinta, #F2EFFB);
}
.utm-cookies p{ margin:0 0 16px; }
.utm-cookies a{ color:var(--utm-violeta, #8A5CFF); text-decoration:underline; }

.utm-cookies-botones{ display:flex; flex-wrap:wrap; gap:10px; }
.utm-cookies-botones button{
	flex:1 1 auto; min-width:150px;
	font:inherit; font-weight:600; cursor:pointer;
	padding:12px 18px; border-radius:8px;
	border:2px solid var(--utm-borde-luz, #4A3A85);
	background:transparent; color:var(--utm-tinta, #F2EFFB);
}
.utm-cookies-botones button:hover{ border-color:var(--utm-violeta, #8A5CFF); }
/* aceptar y rechazar, mismo tamano y mismo peso: solo cambia el color */
.utm-cookies-botones .utm-c-aceptar{
	background:var(--utm-lima, #CDF23C); border-color:var(--utm-lima, #CDF23C); color:#1C2400;
}
.utm-cookies-botones .utm-c-config{ flex:0 1 auto; min-width:120px; }

.utm-cookies-panel{ margin:18px 0 6px; border-top:1px solid var(--utm-borde, #2D2350); padding-top:16px; }
.utm-cookies-panel[hidden]{ display:none !important; }
.utm-cookies-cat{ display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--utm-borde, #2D2350); }
.utm-cookies-cat:last-of-type{ border-bottom:0; }
.utm-cookies-cat input{ margin-top:4px; width:18px; height:18px; accent-color:var(--utm-violeta, #8A5CFF); flex:0 0 auto; }
.utm-cookies-cat strong{ display:block; color:var(--utm-tinta, #F2EFFB); }
.utm-cookies-cat span{ font-size:13.5px; color:var(--utm-texto-suave, #A79FC7); }

.utm-cookies-enlace{
	background:none; border:0; padding:0; font:inherit; cursor:pointer;
	color:inherit; text-decoration:underline;
}

@media (max-width:600px){
	.utm-cookies{ padding:10px; }
	.utm-cookies-caja{ padding:20px; }
	.utm-cookies-botones button{ flex:1 1 100%; }
}