/* =====================================================================
   cookies.css — aspecto del aviso de cookies de Pranamaya
   =====================================================================
   «Aceptar todas», «Rechazar todas» y «Configurar» tienen EXACTAMENTE el
   mismo tamaño, el mismo color y el mismo peso visual, y están los tres en
   el primer nivel, como pide la guía de cookies de la Agencia Española de
   Protección de Datos. Ninguno destaca sobre los demás.

   El `flex:1 1 0` de .ac-b es lo que hace que los tres midan lo mismo aunque
   el texto de cada uno tenga una longitud distinta: si se pone `auto`, el
   botón de «Configurar» sale más estrecho que el de «Aceptar todas».
   ===================================================================== */
/* Adolf, 28/09/2026: «que ocupe todo el ancho de la pantalla». Es una
   franja pegada al borde de abajo, de lado a lado, sin margenes ni
   esquinas redondeadas en los lados. */
.aviso-cookies{position:fixed;left:0;right:0;bottom:0;z-index:2000;padding:0;display:flex;justify-content:center;pointer-events:none}
.aviso-cookies .ac-caja{pointer-events:auto;width:100%;background:#fff;color:var(--texto,#233240);border-radius:0;box-shadow:0 -6px 28px rgba(19,39,61,.22);padding:16px clamp(20px,4vw,56px) 18px;border:0;border-top:1px solid var(--linea,#E2D8C6)}
.aviso-cookies .ac-titulo{margin:0 0 6px;font-family:var(--mont,inherit);font-size:17px;font-weight:700;color:var(--azul-noche,#13273D)}
.aviso-cookies .ac-texto{margin:0;font-size:15px;line-height:1.5;color:var(--texto-suave,#5A6976)}
.aviso-cookies .ac-texto a{color:var(--azul,#2A67A6)}

.aviso-cookies .ac-botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.aviso-cookies .ac-b{flex:1 1 0;min-width:170px;padding:13px 20px;border:2px solid var(--azul,#2A67A6);border-radius:50px;background:#fff;color:var(--azul,#2A67A6);font-family:var(--mont,inherit);font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;line-height:1.2;cursor:pointer;transition:background .2s,color .2s}
.aviso-cookies .ac-b:hover,.aviso-cookies .ac-b:focus-visible{background:var(--azul,#2A67A6);color:#fff}

/* Adolf, 28/09/2026: «que sea mas ancha y menos alta». En pantalla ancha
   las categorias van en DOS COLUMNAS, que es lo que mas alto ahorra. */
.aviso-cookies .ac-opciones{margin-top:14px;border-top:1px solid var(--linea,#E2D8C6);padding-top:12px;display:grid;gap:10px 28px}
@media (min-width:860px){.aviso-cookies .ac-opciones{grid-template-columns:1fr 1fr}}
.aviso-cookies .ac-fila{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--texto-suave,#5A6976)}
.aviso-cookies .ac-fila input{margin-top:3px;width:19px;height:19px;flex:0 0 auto;accent-color:var(--azul,#2A67A6)}
.aviso-cookies .ac-fila strong{display:block;color:var(--azul-noche,#13273D)}

@media (max-width:620px){
  .aviso-cookies .ac-caja{padding:16px 16px 18px;max-height:86vh;overflow:auto}
  .aviso-cookies .ac-b{flex:1 1 100%;min-width:0}
}
@media print{.aviso-cookies{display:none}}

/* ---------- Contenidos de otros servicios, antes de aceptarlos ---------- */
.externo{position:relative;border-radius:var(--radio-peq,10px);overflow:hidden;background:var(--arena,#EFE8DC)}
.externo-aviso{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:220px;padding:28px 22px;text-align:center}
.externo-aviso img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55)}
.externo-aviso p{position:relative;margin:0;max-width:44ch;color:#fff;font-size:15px;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.externo-aviso .boton{position:relative}
/* Si no hay foto de fondo, el texto se lee en oscuro sobre el fondo arena */
.externo-aviso:not(:has(img)) p{color:var(--texto,#233240);text-shadow:none}