/* Banner de cookies y huecos de anuncios · tokens v3.1 de la hoja común (con su valor por si la página no la carga) */
.aviso-cookies{
  position:fixed; left:8px; right:8px; bottom:8px; z-index:200; max-width:560px; margin-left:auto;
  background:var(--tarjeta,#FFFFFF); color:var(--tinta,#121A33); border:1px solid var(--linea,#E1E4EC); border-top:3px solid var(--indigo,#2B3A67);
  border-radius:14px; box-shadow:0 12px 36px rgba(18,26,51,.18); padding:10px 12px 12px;
  font-family:'Barlow',system-ui,sans-serif; font-size:13px; line-height:1.4;
  max-height:calc(100vh - 16px); overflow-y:auto;
}
.aviso-cookies p{margin:0 0 8px; color:var(--texto-2,#46506B)}
.aviso-cookies .aviso-titulo{font-weight:800; font-size:15px; color:var(--indigo,#2B3A67); margin-bottom:4px}
.aviso-cookies a{color:var(--indigo,#2B3A67); font-weight:600}
.aviso-detalle{border-top:1px solid var(--linea,#E1E4EC); padding-top:8px; margin-bottom:4px}
.aviso-opcion{display:flex; gap:10px; align-items:flex-start; font-size:13px; font-weight:600; margin:0 0 8px}
.aviso-opcion input{width:16px; height:16px; margin-top:2px; flex:none}
/* Los tres botones en una fila, con el mismo peso visual (Rechazar = Aceptar), como pide la AEPD */
.aviso-botones{display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin-top:6px}
.aviso-botones button{
  font-family:inherit; font-size:14px; font-weight:700; min-height:40px; padding:0 6px; cursor:pointer;
  border-radius:999px; border:1.5px solid var(--indigo,#2B3A67); background:var(--indigo,#2B3A67); color:var(--on-accent,#FFFFFF);
}
.aviso-botones button:hover{background:var(--indigo-hover,#22305A)}
.aviso-botones button:focus-visible{outline:none; box-shadow:0 0 0 2px var(--tarjeta,#FFFFFF),0 0 0 4px var(--indigo,#2B3A67)}
/* Móvil (23/10): barra fina de ~100 px, texto de 2-3 líneas y botones bajos; los tres con el mismo peso */
@media(max-width:599px){
  .aviso-cookies{left:6px; right:6px; bottom:6px; padding:8px 10px 10px; font-size:12.5px; line-height:1.35; border-top-width:2px; border-radius:12px}
  .aviso-cookies > p{margin-bottom:6px}
  .aviso-botones{margin-top:4px}
  .aviso-botones button{min-height:36px; font-size:13.5px}
}
@media(min-width:600px){
  .aviso-cookies{left:16px; right:16px; bottom:16px; padding:14px 16px 14px; font-size:14px}
  .aviso-botones button{font-size:15px; min-height:42px}
}
/* Mientras la franja está abierta: el contenido tiene hueco al final y el botón «Comentar» de pruebas sube por encima, sin taparse */
body.hay-aviso-cookies{padding-bottom:var(--aviso-alto,0px)}
body.hay-aviso-cookies .gwr-btn{bottom:calc(var(--aviso-alto,0px) + 20px) !important}
body.hay-aviso-cookies .gwr-fija{bottom:calc(var(--aviso-alto,0px) + 74px) !important}

/* Huecos de anuncios: invisibles hasta que hay anuncio que mostrar */
.hueco-anuncio{display:none}
.hueco-anuncio.activo{display:block; min-height:280px; margin:32px 0; text-align:center}
.hueco-etiqueta{display:block; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:var(--texto-3,#646C84); margin-bottom:6px}

/* Enlace del pie con aspecto de enlace */
button.enlace{background:none; border:0; padding:0; font:inherit; color:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer}
