/* LA COLA 494 · 2026-10-11 · EL AVISO BREVE A LOS VISITANTES (docs/BORRADORES_LEGALES.md F.6; Política de Tratamiento §3.1): en la primera
   visita a una página pública, una barra pequeña ARRIBA (no tapa el aviso de cookies, que va abajo) con el enlace al Aviso de Privacidad y
   «Entendido». Regla 1: a 375 px (el texto se parte y el botón baja). iOS/Safari: safe-area arriba. Contraste (regla 53), los mismos colores
   medidos del aviso de cookies (assets/css/pe-consent.css): el texto #f2f2f2 16,7:1, el enlace #f6d46b 13,0:1, el botón 12,9:1. */
.pe-aviso-visita {
    position: fixed;
    left: 8px;
    right: 8px;
    top: max(8px, env(safe-area-inset-top));
    z-index: 10001;
    max-width: 720px;
    margin: 0 auto;
    padding: 10px 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    background: rgba(10, 8, 6, 0.96);
    border: 1px solid rgba(246, 212, 107, 0.45);
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.55);
    color: #f2f2f2;
    font: 13px/1.45 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.pe-aviso-visita[hidden] {
    display: none;
}
.pe-aviso-visita p {
    flex: 1 1 220px;
    margin: 0;
    overflow-wrap: anywhere;
}
.pe-aviso-visita a {
    color: #f6d46b;
}
.pe-aviso-visita button {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: #f6d46b;
    color: #151214;
    font: 600 13px 'Montserrat', sans-serif;
    cursor: pointer;
}
.pe-aviso-visita button:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 2px;
}

/* 2026-10-27: en el teléfono, abajo (como el de cookies, que sale antes: assets/js/pe-aviso-visita.js espera a que se cierre), sin tapar el logo
   ni el menú de arriba; compacto. */
@media (max-width: 640px) {
    .pe-aviso-visita { top: auto; bottom: max(8px, env(safe-area-inset-bottom)); padding: 8px 10px; font-size: 12.5px; }
}