/* ============================================================
 * Evento Neutro · LP CSS
 * Pequenos overrides que o Tailwind via CDN não cobre.
 * ============================================================ */

:root {
    font-family: 'Jost', 'Noto Sans', 'Josefin Sans', sans-serif;
}

html { scroll-behavior: smooth; }
body { margin: 0; }

img { max-width: 100%; height: auto; }

/* Performance — content-visibility nas seções fora da dobra */
section { content-visibility: auto; contain-intrinsic-size: 800px; }
/* Hero precisa renderizar imediato pra LCP/SEO */
section:first-of-type { content-visibility: visible; }
/* "Do Selo ao Certificado" tem a Terra posicionada com -top-48 que extrapola
   as bordas da seção; content-visibility:auto implica contain:paint e
   cortaria a imagem ao meio. */
section#como-funciona { content-visibility: visible; }

/* ============================================================
 * NAVBAR — estado "scrolled"
 * ============================================================ */
.enlp-navbar.is-scrolled {
    position: absolute;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.enlp-navbar.is-scrolled .enlp-navbar-inner {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    width: 92%;
}

/* ============================================================
 * MENU MOBILE
 * ============================================================ */
#enlp-mobile-menu.is-open {
    max-height: 400px;
    opacity: 1;
}

/* ============================================================
 * LOGOS — carrossel infinito CSS-only
 * ============================================================ */
.enlp-logos-viewport { width: 100%; }
.enlp-logos-track {
    animation: enlp-logos-scroll 30s linear infinite;
}
.enlp-logos-viewport:hover .enlp-logos-track {
    animation-play-state: paused;
}
@keyframes enlp-logos-scroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-50%); }
}

/* ============================================================
 * FAQ accordion
 * ============================================================ */
.enlp-faq-content {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.3s ease, opacity 0.3s ease;
}
.enlp-faq-content.is-open {
    grid-template-rows: 1fr;
    opacity: 1;
}

/* ============================================================
 * SWIPER — paginação no padrão verde da marca
 * ============================================================ */
.swiper-pagination {
    position: relative !important;
    margin-top: 30px;
}
.swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: #547329 !important;
    opacity: 0.4 !important;
    transition: all 0.3s ease;
}
.swiper-pagination-bullet-active {
    border-radius: 50%;
    opacity: 1 !important;
    background: #547329 !important;
}

/* ============================================================
 * TOAST (substitui react-hot-toast)
 * ============================================================ */
.enlp-toast {
    pointer-events: auto;
    padding: 12px 18px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-family: 'Jost', sans-serif;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.25);
    min-width: 240px;
    text-align: center;
    animation: enlp-toast-in 0.25s ease both;
}
.enlp-toast--success { background: #2F6B0A; }
.enlp-toast--error   { background: #c0392b; }
@keyframes enlp-toast-in {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

/* ============================================================
 * SCROLL TO TOP — visível
 * ============================================================ */
#enlp-scroll-top.is-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}