/* ═══════════════════════════════════════════════
   barra-inscripcion.css — Barra fija de inscripción en celular (< 768 px).

   · La usan /inscribete y la home. js/cierre-pagina.mjs la activa (body.ins-con-barra) y la
     oculta (.oculta) mientras lo indicado en su data-ocultar-con está en pantalla.
   · Fondo oscuro del sitio + botón naranja; respeta el área segura (safe-area-inset-bottom)
     y deja espacio al final de la página para no tapar contenido.
═══════════════════════════════════════════════ */
.ins-barra { display: none; }
@media (max-width: 767px) {
  body.ins-con-barra { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  body.ins-con-barra .ins-barra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 800;
    padding: 0.75rem 1.25rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
    background: rgba(14,14,14,0.96);
    border-top: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 -8px 24px rgba(0,0,0,0.35);
    backdrop-filter: blur(8px);
    transition: transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);
  }
  body.ins-con-barra .ins-barra.oculta { transform: translateY(110%); opacity: 0; pointer-events: none; }
  body.acg-cookies-visible .ins-barra { display: none !important; }
}
.ins-barra-texto {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--texto-claro);
  line-height: 1.35;
}
.ins-barra-texto [data-cierre-texto] { color: var(--amarillo); font-weight: 700; }
.ins-barra-texto [data-cierre-texto][hidden] { display: none; }
[data-cierre-estado="hoy"] .ins-barra-fecha,
[data-cierre-estado="cerradas"] .ins-barra-fecha { display: none; }
.ins-barra-btn {
  flex-shrink: 0;
  width: auto;
  min-height: 44px;
  padding: 0.8rem 1.25rem;
  display: inline-flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  .ins-barra { transition: none !important; }
}