/**
 * Heroes v2 — mobile: padding compacto, textos centralizados
 */
@keyframes v2-hero-enter {
    from {
        opacity: 0;
        transform: translateY(14px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    :root {
        --v2-hero-pt: calc(var(--nav-height, 60px) + 0.5rem);
        --v2-hero-pb: 1.35rem;
    }

    /* Heroes internos compactos (120px) — alinhamento mobile */
    .page-hero-v2,
    section.page-hero.bg-surface-dark,
    .solucoes-hero,
    .precos-hero,
    .canais-hero,
    .solucoes-vertical-hero,
    .especial-hero {
        text-align: left;
    }

    .solucoes-vertical-hero {
        text-align: center;
    }

    .solucoes-vertical-hero--fullscreen {
        text-align: left;
    }

    .solucoes-vertical-hero--fullscreen .solucoes-vertical-hero__headline {
        font-size: clamp(1.875rem, 8vw, 2.5rem);
    }

    .page-hero-v2__bar {
        flex-wrap: nowrap;
    }

    .page-hero-v2__content.reveal-item,
    .page-hero-v2__visual.reveal-item,
    section.page-hero .reveal-item {
        animation: v2-hero-enter 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    /* Home — estilos em home-hero.css */
    .home-hero .reveal-item {
        animation: v2-hero-enter 0.55s cubic-bezier(0.16, 1, 0.3, 1) both;
    }

    /* Journey panels (home) */
    .journey-panel-hero {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .journey-panel-hero .container > .grid,
    .journey-panel-hero .text-center {
        text-align: center;
    }

    .journey-panel-hero h2 {
        font-size: clamp(1.375rem, 6vw, 1.75rem) !important;
    }

    .journey-panel-hero .flex.gap-4 {
        justify-content: center;
        flex-wrap: wrap;
    }

    .journey-panel-hero .flex.gap-4 a {
        width: 100%;
        max-width: 18rem;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .page-hero-v2__content.reveal-item,
    .page-hero-v2__visual.reveal-item,
    section.page-hero .reveal-item,
    .home-hero .reveal-item,
    .solucoes-hero .reveal-item,
    .precos-hero .reveal-item,
    .especial-hero .reveal-item,
    .copa-hero .reveal-item {
        animation: none;
    }
}