/* SEO · 2026-09-24 · el aviso de cookies (solo aparece si hay GA_MEASUREMENT_ID en el .env). Regla 1: a 375 px.
   LA COLA 464 · 2026-10-09 (docs/BORRADORES_LEGALES.md F.6): «Rechazar», «Aceptar» y «Configurar» con el MISMO tamaño, color y
   posición (antes, «Aceptar» en dorado y «Rechazar» transparente: empujaba a aceptar); el panel «Configurar». Contraste (regla 53,
   tools/mantenimiento/contraste.php sobre el fondo del aviso, rgba(10,8,6,.96), en el peor caso: encima de una página blanca): el texto #f2f2f2
   16,7:1; los enlaces #f6d46b 13,0:1; los botones, #151214 sobre #f6d46b 12,9:1; el borde del panel 5,3:1; el foco 18,7:1. */
.pe-consent {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: max(12px, env(safe-area-inset-bottom));
    z-index: 10000;
    max-width: 720px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 auto;
    padding: 16px;
    background: rgba(10, 8, 6, 0.96);
    border: 1px solid rgba(246, 212, 107, 0.45);
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6);
    color: #f2f2f2;
    font: 14px/1.5 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.pe-consent[hidden],
.pe-consent__config[hidden] {
    display: none;
}
.pe-consent p {
    margin: 0 0 12px;
    overflow-wrap: anywhere;
}
.pe-consent a {
    color: #f6d46b;
}
.pe-consent__botones {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
/* los tres botones, iguales (F.6: «Esconder Rechazar o hacerlo más pequeño» no se puede) */
.pe-consent__btn {
    flex: 1 1 140px;
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: #f6d46b;
    color: #151214;
    font: 600 14px 'Montserrat', sans-serif;
    cursor: pointer;
}
.pe-consent__btn:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}
.pe-consent__config {
    margin: 0 0 12px;
    padding: 12px;
    border: 1px solid rgba(246, 212, 107, 0.6);
    border-radius: 10px;
}
.pe-consent__config-titulo {
    font-weight: 600;
}
.pe-consent__opcion {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    cursor: pointer;
}
.pe-consent__opcion input {
    width: 20px;
    height: 20px;
    flex: none;
    margin: 0;
    accent-color: #f6d46b;
}
.pe-consent__config .pe-consent__btn {
    width: 100%;
    margin-top: 8px;
}

/* 2026-10-27 (medido: 289 px de 664 en el iPhone): en el teléfono, como mucho media pantalla; el resto rueda dentro (los tres botones, a la vista
   al final del texto como siempre). */
@media (max-width: 640px) {
    .pe-consent { max-height: 55vh; max-height: 55dvh; padding: 12px; left: 8px; right: 8px; }
}