/* Banner de cookies — ResuelveYa, 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.

   Usa las mismas variables que ya existen en estilo.css (paginas normales,
   tema oscuro) y en legal.css (paginas /legal, tema claro): --blanco,
   --linea, --tinta, --tinta2, --azul, --claro. Por eso el banner sale oscuro
   en el resto de la web y claro en /cookies/, /privacidad/, etc. — se adapta
   solo a la pagina donde aparece, no lleva un tema propio pegado encima. */

#cc-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:200;
  background:var(--blanco);border-top:1px solid var(--linea);
  box-shadow:0 -10px 30px rgba(0,0,0,.28);
  font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
#cc-banner[hidden]{display:none}

.cc-banner-inner{
  max-width:1080px;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(--tinta2);font-size:14.5px;line-height:1.55}
.cc-banner-txt a{color:var(--azul);text-decoration:underline}

.cc-banner-btns{display:flex;gap:10px;flex:0 0 auto}
.cc-btn{
  padding:10px 18px;border-radius:9px;font:inherit;font-weight:600;font-size:14px;
  cursor:pointer;border:1px solid var(--linea);transition:background .15s,border-color .15s;
}
/* Mismo tamano visual para los dos botones: ninguno se resalta para forzar
   el "Aceptar" (sin dark patterns). */
.cc-btn-rechazar{background:var(--claro);color:var(--tinta2)}
.cc-btn-rechazar:hover{border-color:var(--azul)}
.cc-btn-aceptar{background:var(--azul);color:#fff;border-color:var(--azul)}
.cc-btn-aceptar:hover{filter:brightness(1.12)}
.cc-btn:focus-visible{outline:3px solid var(--azul);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}
}