/**
 * El aviso de cookies.
 *
 * Abajo a la izquierda y estrecho, no una franja de lado a lado ni una capa que
 * tape la página: no es modal a propósito —se puede seguir leyendo con él
 * delante— porque bloquear la web para preguntar por una cookie que no es
 * necesaria es desproporcionado, y porque un muro empuja a aceptar sin leer, que
 * es exactamente lo que invalida el consentimiento.
 *
 * @package Voedia_Reader
 */

.voedia-cookies {
	position: fixed;
	z-index: 9998;   /* por debajo de un diálogo del visor, por encima del resto */
	left: clamp( 0.75rem, 3vw, 1.5rem );
	bottom: clamp( 0.75rem, 3vw, 1.5rem );
	width: min( 26rem, calc( 100vw - 1.5rem ) );
}

.voedia-cookies[hidden] { display: none; }

.voedia-cookies-caja {
	padding: 1.15rem 1.25rem 1.25rem;
	border-radius: 0.8rem;
	/* Tarjeta de la marca: blanca, borde de 1 px, sombra suave. Era un bloque
	   de azul marino, un color que no está en la paleta de Voedia. */
	background: var( --vm-blanco );
	border: 1px solid var( --vm-borde );
	box-shadow: var( --vm-sombra-alta );
	color: var( --vm-texto );
	font-family: var( --vm-sans );
}

.voedia-cookies-titulo {
	margin: 0 0 0.5rem;
	font-family: var( --vm-sans );
	font-weight: 700;
	font-size: 1.05rem;
	color: var( --vm-negro );
}

.voedia-cookies-texto {
	margin: 0 0 1.1rem;
	font-family: var( --vm-serif );
	font-size: 0.82rem;
	line-height: 1.7;
	color: var( --vm-texto );
}

.voedia-cookies-botones {
	display: flex;
	gap: 0.6rem;
}

/* LOS DOS BOTONES PESAN LO MISMO, Y ESO NO ES UN DESCUIDO DE DISEÑO.
 *
 * Poner «Rechazar» en gris pequeño o a dos clics es el patrón que las
 * autoridades de protección de datos europeas llevan años sancionando: si
 * rechazar cuesta más que aceptar, el consentimiento no se considera libre.
 * Mismo tamaño, mismo contraste, mismo sitio.
 *
 * ⚠️ POR ESO «ACEPTAR» NO ES EL BOTÓN ROSA DE LA MARCA, aunque la guía pida
 * rosa para la acción principal. Aquí no hay acción principal: hay dos
 * opciones que tienen que costar lo mismo. Los dos van en fantasma azul. */
.voedia-cookies-boton {
	flex: 1;
	min-height: 2.6rem;
	padding: 0 1rem;
	border: 1.5px solid var( --vm-azul );
	border-radius: var( --vm-r );
	background: transparent;
	color: var( --vm-azul-tinta );
	font-family: var( --vm-sans );
	font-size: 0.85rem;
	font-weight: 700;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}

.voedia-cookies-boton:hover {
	background: var( --vm-azul-tenue );
	border-color: var( --vm-azul-tinta );
}

.voedia-cookies-boton:focus-visible {
	outline: 3px solid var( --vm-azul );
	outline-offset: 3px;
}

/* --- Volver a decidir --------------------------------------------------- */

/* Discreto pero siempre presente: un consentimiento que no se puede retirar no
   es un consentimiento. */
.voedia-cookies-reabrir {
	position: fixed;
	z-index: 9997;
	left: clamp( 0.75rem, 3vw, 1.5rem );
	bottom: clamp( 0.75rem, 3vw, 1.5rem );
	min-height: 2.1rem;
	padding: 0 0.75rem;
	border: 1px solid var( --vm-borde );
	border-radius: 999px;
	background: rgba( 255, 255, 255, 0.92 );
	-webkit-backdrop-filter: blur( 6px );
	backdrop-filter: blur( 6px );
	color: var( --vm-texto );
	font-family: var( --vm-sans );
	font-size: 0.7rem;
	font-weight: 600;
	cursor: pointer;
	opacity: 0.65;
	transition: opacity 0.15s ease;
}

.voedia-cookies-reabrir[hidden] { display: none; }
.voedia-cookies-reabrir:hover { opacity: 1; }
.voedia-cookies-reabrir:focus-visible { opacity: 1; outline: 3px solid var( --vm-azul ); outline-offset: 3px; }

/* En el lector, el botón flotante estorba a los controles de la página. */
body:has( .voedia-visor ) .voedia-cookies-reabrir,
body:has( .voedia-repro ) .voedia-cookies-reabrir { display: none; }