/* =========================================================================
   Piel del banner de cookies

   tss-cookies ya hereda los tokens del tema, pero su forma es la neutra del
   plugin. Aquí se le da el lenguaje visual de la landing: tarjeta muy
   redondeada, filo dorado, titular en Playfair y botones píldora.

   Se carga DESPUÉS de tssc.css (depende de su handle en inc/enqueue.php), así
   que gana sin necesidad de !important. El plugin no se toca: si mañana esta
   web se rehace, el gestor de consentimiento sigue siendo el mismo de siempre.

   Lo que NO se cambia, porque es lo que exige la AEPD: «Aceptar todas» y
   «Rechazar todas» conservan el mismo tamaño, tipografía y peso visual.
   ========================================================================= */

.tssc {
	--tssc-bg: var(--tss-cream-light);
}

.tssc-banner,
.tssc-panel {
	position: relative;
	border: 1px solid rgba(198, 166, 125, 0.55);
	border-radius: 24px;
	box-shadow: 0 18px 50px rgba(20, 16, 14, 0.22);
	overflow: hidden;
}

/* El mismo filo dorado que cierra el pie de página. */
.tssc-banner::before,
.tssc-panel::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 3px;
	background: var(--tss-degradado, linear-gradient(96deg, #c6a67d, #fdfdf1));
}

.tssc-banner__titulo {
	font-family: var(--tss-font-display, Georgia, serif);
	font-size: 1.35rem;
	font-style: italic;
	font-weight: 600;
	letter-spacing: -0.01em;
}

.tssc-banner__texto {
	font-size: 0.9rem;
	line-height: 1.7;
}

.tssc-banner__texto a {
	text-underline-offset: 3px;
}

/* --- Botones ------------------------------------------------------------ */
.tssc .tssc-btn {
	padding: 0.95rem 1.6rem;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	box-shadow: none;
	transform: none;
	transition: background 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

.tssc .tssc-btn:hover {
	transform: none;
	box-shadow: 0 10px 24px rgba(122, 92, 62, 0.22);
}

/*
 * «Configurar» es un enlace, no un tercer botón: sin el fondo de botón que le
 * pone el tema. Que no compita visualmente con aceptar y rechazar es
 * justamente lo que pide la AEPD.
 */
.tssc .tssc-enlace {
	padding: 0.5rem 0.4rem;
	background: none;
	border: 0;
	box-shadow: none;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 4px;
	color: var(--tss-ink);
}

.tssc .tssc-enlace:hover {
	background: none;
	box-shadow: none;
	color: var(--tss-plum);
}

/* --- Panel de preferencias ---------------------------------------------- */
.tssc-cat {
	border-radius: 16px;
}

.tssc-cat__nombre {
	font-weight: 700;
	letter-spacing: 0.03em;
}

.tssc-cat__fijo {
	border-radius: 999px;
}

.tssc-cerrar {
	border-radius: 999px;
}

.tssc-panel__pie a {
	text-underline-offset: 3px;
}

/* --- Enlace del pie para volver a decidir -------------------------------- */
.tssc-preferencias:hover,
.tssc-preferencias:focus-visible {
	color: var(--tss-sand);
}