/*
 * HS Consultas · barra del aviso de cookies (maqueta aprobada el 18-oct-2026; requisitos de Legal del 18-oct).
 *
 * Marcado que espera (lo arma Desarrollo; los nombres de las clases no se cambian):
 *   <div class="hs-cookies" role="region" aria-label="Aviso de cookies" hidden>
 *     <p class="hs-cookies-texto">… <a href="/cookies/">Más información</a></p>
 *     <div class="hs-cookies-botones">
 *       <button type="button" class="hs-cookies-rechazar">Rechazar</button>
 *       <button type="button" class="hs-cookies-aceptar">Aceptar</button>
 *     </div>
 *     <button type="button" class="hs-cookies-cerrar" aria-label="Cerrar el aviso (cuenta como rechazar)"></button>
 *   </div>
 *
 * Barra verde abajo, texto crema de 14 px, enlace en dorado claro (5.4:1 sobre verde). "Aceptar" (crema) y
 * "Rechazar" (borde crema) con el MISMO tamaño, peso y altura (44 px): Legal pide que ninguno se destaque.
 * No tapa la página: es una franja abajo, sin fondo oscuro detrás. Toma los colores del CSS adicional (--hs-*).
 */

.hs-cookies {
	--k-verde: var(--hs-verde, #123f33);
	--k-verde-osc: var(--hs-verde-osc, #0d2f26);
	--k-crema: var(--hs-crema, #f7f5ee);
	--k-crema-suave: rgba(247, 245, 238, .9);
	--k-dorado-claro: var(--hs-dorado-claro, #c9ac74);
	--k-curva: var(--hs-ease, cubic-bezier(.22, .61, .36, 1));
	--k-margen: var(--global-content-edge-padding, clamp(16px, 5vw, 64px));

	position: fixed;
	z-index: 99990; /* sobre el encabezado fijo de Kadence y el botón "volver arriba" */
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px 32px;
	/* El contenido se alinea con el ancho de la página (1240 px) y deja lugar a la X */
	padding: 18px max(calc(var(--k-margen) + 44px), calc((100% - var(--global-content-width, 1240px)) / 2 + 44px)) calc(18px + env(safe-area-inset-bottom)) max(var(--k-margen), calc((100% - var(--global-content-width, 1240px)) / 2));
	background: var(--k-verde);
	color: var(--k-crema);
	border-top: 1px solid rgba(247, 245, 238, .18);
	box-shadow: 0 -12px 32px -16px rgba(0, 0, 0, .35);
	font: 400 14px/1.5 var(--global-body-font-family, "Inter", system-ui, -apple-system, "Segoe UI", sans-serif);
	text-align: left;
	word-break: normal;
	overflow-wrap: break-word;
}
.hs-cookies[hidden] { display: none !important; }
.hs-cookies *, .hs-cookies *::before, .hs-cookies *::after { box-sizing: border-box; }

@media (prefers-reduced-motion: no-preference) {
	.hs-cookies { animation: hs-cookies-entrar .35s var(--k-curva) both; }
}
@keyframes hs-cookies-entrar { from { transform: translateY(100%); } to { transform: none; } }

/* Texto y enlace a la página "Cookies" */
.hs-cookies .hs-cookies-texto { margin: 0; max-width: 72ch; color: var(--k-crema-suave); font-size: 14px; line-height: 1.5; }
.hs-cookies .hs-cookies-texto a {
	color: var(--k-dorado-claro); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; font-weight: 500;
}
.hs-cookies .hs-cookies-texto a:hover { text-decoration-thickness: 2px; }

/* Botones: mismo tamaño, mismo peso, misma altura */
.hs-cookies .hs-cookies-botones { display: flex; gap: 12px; flex-wrap: nowrap; }
.hs-cookies .hs-cookies-aceptar,
.hs-cookies .hs-cookies-rechazar {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 132px; min-height: 44px; margin: 0; padding: 10px 22px;
	border: 1.5px solid var(--k-crema); border-radius: 2px;
	font: 600 15px/1 var(--global-body-font-family, "Inter", system-ui, sans-serif); letter-spacing: .02em; text-transform: none;
	cursor: pointer; box-shadow: none;
	transition: background-color .25s var(--k-curva), color .25s var(--k-curva);
}
.hs-cookies .hs-cookies-aceptar { background: var(--k-crema); color: var(--k-verde); }
.hs-cookies .hs-cookies-aceptar:hover { background: var(--k-dorado-claro); border-color: var(--k-dorado-claro); color: var(--k-verde-osc); }
.hs-cookies .hs-cookies-rechazar { background: transparent; color: var(--k-crema); }
.hs-cookies .hs-cookies-rechazar:hover { background: rgba(247, 245, 238, .12); }

/* Cerrar (cuenta como rechazar): una X de 44 px arriba a la derecha */
.hs-cookies .hs-cookies-cerrar {
	position: absolute; top: 6px; right: max(6px, calc((100% - var(--global-content-width, 1240px)) / 2 - 6px));
	width: 44px; height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%;
	background: transparent; color: var(--k-crema); cursor: pointer; box-shadow: none; font-size: 0;
}
.hs-cookies .hs-cookies-cerrar::before,
.hs-cookies .hs-cookies-cerrar::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 1.5px; background: currentColor;
}
.hs-cookies .hs-cookies-cerrar::before { transform: translate(-50%, -50%) rotate(45deg); }
.hs-cookies .hs-cookies-cerrar::after { transform: translate(-50%, -50%) rotate(-45deg); }
.hs-cookies .hs-cookies-cerrar:hover { background: rgba(247, 245, 238, .12); }

/* Foco de teclado visible sobre el verde */
.hs-cookies :focus-visible { outline: 2px solid var(--k-crema) !important; outline-offset: 3px !important; }
.hs-cookies .hs-cookies-aceptar:focus-visible { outline-color: var(--k-dorado-claro) !important; }

/* Celular: texto arriba y los dos botones del mismo ancho, uno al lado del otro */
@media (max-width: 767px) {
	.hs-cookies {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		padding: 16px calc(var(--k-margen) + 36px) calc(16px + env(safe-area-inset-bottom)) var(--k-margen);
	}
	.hs-cookies .hs-cookies-texto { font-size: 14px; }
	.hs-cookies .hs-cookies-botones { margin-right: -36px; } /* los botones usan todo el ancho, debajo de la X */
	.hs-cookies .hs-cookies-aceptar,
	.hs-cookies .hs-cookies-rechazar { flex: 1 1 0; min-width: 0; }
	.hs-cookies .hs-cookies-cerrar { top: 4px; right: 4px; }
}

@media (prefers-reduced-motion: reduce) {
	.hs-cookies, .hs-cookies * { animation: none !important; transition: none !important; }
}