/*!
 * Numy — barra fija inferior de registro (solo móvil): home y las tres páginas de
 * destino de los anuncios. La muestra/oculta /files/js/barra-cta.js.
 *
 * Sin JS queda siempre visible; con JS (clase .js en <html>, que pone un script en
 * el <head> de cada página) arranca oculta y aparece cuando no se ven los botones
 * del hero ni los del cierre.
 */

.barra-cta {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    padding: 0.625rem max(1rem, env(safe-area-inset-right)) calc(0.625rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid #f2f1f3;
    transition: transform 200ms ease, visibility 0s linear 0s;
}
.js .barra-cta:not(.is-visible) {
    transform: translateY(110%);
    visibility: hidden;
    transition: transform 200ms ease, visibility 0s linear 200ms;
}
@media (min-width: 768px) {
    .barra-cta { display: none; }
}

/* El pie lleva el espacio de la barra (en su propio color oscuro) para que la
   barra nunca tape los enlaces legales. */
@media (max-width: 767px) {
    .pie-con-barra { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
    .barra-cta,
    .js .barra-cta:not(.is-visible) { transition: none !important; }
}