/* Banner de cookies — IA para esto, 4-sep-2026.
   Antes Analytics arrancaba con analytics_storage:denied PARA SIEMPRE y nada
   lo concedia nunca: sin consentimiento real, Google Analytics no ensena
   datos fiables en una web con este volumen. Este banner es lo que falta
   para que el visitante pueda CONCEDER el consentimiento de verdad.

   Reutiliza las variables de estilos.css (tema oscuro, acento morado/azul)
   para que encaje con el resto de la web, no un diseno generico pegado
   encima. */

#cc-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:400;
  background:var(--panel-fuerte);backdrop-filter:blur(14px);
  border-top:1px solid var(--borde-vivo);
  box-shadow:0 -10px 30px rgba(0,0,0,.5);
  font-family:var(--sans);
}
#cc-banner[hidden]{display:none}

.cc-banner-inner{
  max-width:var(--ancho);margin:0 auto;padding:16px 24px;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
}
.cc-banner-txt{flex:1 1 380px;margin:0;color:var(--tinta-media);font-size:14.5px;line-height:1.55}
.cc-banner-txt a{color:var(--acento-3);text-decoration:underline}

.cc-banner-btns{display:flex;gap:10px;flex:0 0 auto}
.cc-btn{
  padding:11px 18px;border-radius:var(--radio-s);font-family:inherit;
  font-weight:600;font-size:14px;cursor:pointer;border:1px solid transparent;
  transition:background .15s,border-color .15s,transform .12s,box-shadow .18s;
}
.cc-btn:active{transform:translateY(1px)}
/* Mismo tamano visual para los dos botones: ninguno se resalta para forzar
   el "Aceptar" (sin dark patterns), igual que .boton/.boton.secundario ya
   conviven en el resto de la web. */
.cc-btn-rechazar{background:var(--panel);color:var(--tinta);border-color:var(--borde-vivo)}
.cc-btn-rechazar:hover{background:var(--panel-fuerte)}
.cc-btn-aceptar{color:#fff;background:linear-gradient(120deg,var(--acento),var(--acento-2));
  box-shadow:0 8px 24px rgba(109,124,255,.32)}
.cc-btn-aceptar:hover{box-shadow:0 12px 32px rgba(109,124,255,.45)}
.cc-btn:focus-visible{outline:3px solid var(--acento-3);outline-offset:2px}

@media(max-width:640px){
  .cc-banner-inner{padding:14px 18px;flex-direction:column;align-items:stretch;gap:12px}
  .cc-banner-btns{justify-content:flex-end}
}