/* T258 — Aviso de cookies y panel «Configurar». Lo pinta includes/aviso_cookies.php. */
.aviso-cookies{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:calc(100% - 32px);max-width:720px;
    background:#fff;color:#2b2d42;border-radius:12px;box-shadow:0 6px 28px rgba(0,0,0,.16);padding:18px 20px;z-index:1070;
    font-family:inherit;font-size:14px;line-height:1.5;box-sizing:border-box}
.aviso-cookies[hidden],.cookies-panel-fondo[hidden]{display:none!important}
.aviso-cookies-texto{margin:0 0 6px}
.aviso-cookies-enlace{margin:0 0 14px}
.aviso-cookies-enlace a{color:#3D4451;text-decoration:underline}
.aviso-cookies-botones{display:flex;gap:10px}
.aviso-cookies-btn{flex:1 1 0;min-height:44px;padding:8px 14px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer;
    border:2px solid #3D4451;line-height:1.2}
.aviso-cookies-btn-lleno{background:#3D4451;color:#fff}
.aviso-cookies-btn-lleno:hover{background:#2d333d;border-color:#2d333d}
.aviso-cookies-btn-contorno{background:#fff;color:#3D4451}
.aviso-cookies-btn-contorno:hover{background:#f1f2f4}
.aviso-cookies-btn:focus-visible,.cookies-panel-cerrar:focus-visible,.cookies-interruptor input:focus-visible+.cookies-interruptor-pista{outline:3px solid #FF577A;outline-offset:2px}
.aviso-cookies-btn:disabled{opacity:.6;cursor:default}

/* Mientras se ve el aviso, la página deja sitio abajo para poder leerla entera. */
body:has(#avisoCookies:not([hidden])){padding-bottom:var(--aviso-cookies-alto,190px)}
/* /publica-tu-espacio — el botón fijo «Publicar mi espacio gratis» se esconde mientras haya aviso. */
body:has(#avisoCookies:not([hidden])) .landing-anfitriones .fijo{display:none}

.cookies-panel-fondo{position:fixed;inset:0;background:rgba(20,22,30,.5);z-index:1080;display:flex;align-items:center;
    justify-content:center;padding:16px;box-sizing:border-box;overflow-y:auto}
.cookies-panel{background:#fff;color:#2b2d42;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.25);width:100%;max-width:560px;
    padding:20px;box-sizing:border-box;font-size:14px;line-height:1.5;margin:auto}
.cookies-panel-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.cookies-panel-titulo{font-size:18px;font-weight:700;margin:0}
.cookies-panel-cerrar{width:44px;height:44px;border:0;background:transparent;font-size:28px;line-height:1;color:#3D4451;cursor:pointer;
    border-radius:8px;flex:0 0 auto}
.cookies-panel-cerrar:hover{background:#f1f2f4}
.cookies-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e6e7ea}
.cookies-fila-texto{min-width:0}
.cookies-fila-texto strong{display:block}
.cookies-fila-texto span{display:block;color:#5b6070}
.cookies-panel-guardar{width:100%;margin-top:16px}

/* Interruptor: 44 × 44 px de zona pulsable */
.cookies-interruptor{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;
    flex:0 0 auto;cursor:pointer;margin:0}
.cookies-interruptor input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.cookies-interruptor-pista{position:relative;width:44px;height:24px;border-radius:12px;background:#c4c7ce;transition:background .15s}
.cookies-interruptor-pista::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;
    transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.cookies-interruptor input:checked+.cookies-interruptor-pista{background:#3D4451}
.cookies-interruptor input:checked+.cookies-interruptor-pista::after{transform:translateX(20px)}

/* Por debajo de 992 px: a todo el ancho, botones uno debajo de otro, texto a 15 px. */
@media (max-width:991.98px){
    .aviso-cookies{left:0;right:0;bottom:0;transform:none;width:100%;max-width:none;border-radius:12px 12px 0 0;font-size:15px;
        padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
    .aviso-cookies-botones{flex-direction:column}
    .aviso-cookies-btn{flex:0 0 auto;width:100%;min-height:44px}
    .cookies-panel{font-size:15px}
    body:has(#avisoCookies:not([hidden])){padding-bottom:var(--aviso-cookies-alto,300px)}
}