/* ================================================
   BANNER DE COOKIES (inc/consentimiento.php)
   Usa .card-standar y .btn-cta; aquí solo la posición y lo compacto.
   ================================================ */
.gr-cookies {
	position: fixed;
	left: var(--esp-4);
	bottom: var(--esp-4);
	z-index: 9995;   /* sobre el botón flotante de WhatsApp */
	width: calc(100% - var(--esp-8));
	max-width: 520px;
	padding: var(--esp-5);
	box-shadow: var(--sombra-2);
}

/* .card-standar y .btn-cta fijan su display: el atributo hidden debe ganar */
.gr-cookies[hidden],
.gr-cookies [hidden] { display: none !important; }

.gr-cookies__texto,
.gr-cookies__opcion span {
	font-size: var(--fs-sm);
}

.gr-cookies__opciones {
	display: flex;
	flex-direction: column;
	gap: var(--esp-2);
}

.gr-cookies__opcion {
	display: flex;
	gap: var(--esp-2);
	align-items: flex-start;
}

.gr-cookies__botones {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--esp-2);
}

.gr-cookies__texto a { color: inherit; }

/* "Configurar" y el enlace del footer: texto subrayado, sin caja */
.gr-cookies__enlace {
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	font-size: var(--fs-sm);
	color: inherit;
	text-decoration: underline;
	cursor: pointer;
}

@media (max-width: 768px) {
	.gr-cookies {
		left: var(--esp-2);
		bottom: var(--esp-2);
		width: calc(100% - var(--esp-4));
		padding: var(--esp-4);
		gap: var(--esp-2);
	}
}