/* Landing — reveal no scroll + hero no load */

.landing-page [data-reveal],
.landing-page [data-hero] {
    opacity: 0;
    transition:
        opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}

.landing-page [data-reveal="fade-up"],
.landing-page [data-hero="fade-up"] {
    transform: translateY(1.75rem);
}

.landing-page [data-reveal="fade-down"],
.landing-page [data-hero="fade-down"] {
    transform: translateY(-1.25rem);
}

.landing-page [data-reveal="fade-left"],
.landing-page [data-hero="fade-left"] {
    transform: translateX(-1.75rem);
}

.landing-page [data-reveal="fade-right"],
.landing-page [data-hero="fade-right"] {
    transform: translateX(1.75rem);
}

.landing-page [data-reveal="fade-scale"],
.landing-page [data-hero="fade-scale"] {
    transform: scale(0.92);
}

.landing-page [data-reveal].is-revealed,
.landing-page [data-hero].is-revealed {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

/* How we work */
.landing-page .how-we-work.hww-animate:not(.is-section-revealed) {
    opacity: 0;
    transform: translateY(3rem);
    visibility: hidden;
    background-color: transparent !important;
}

.landing-page .how-we-work.hww-animate.is-section-revealed {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    background-color: var(--primary-blue-600) !important;
    transition:
        opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.5s ease 0.1s,
        visibility 0s linear;
}

.landing-page .how-we-work.hww-animate:not(.is-section-revealed) .hww-bg-overlay,
.landing-page .how-we-work.hww-animate:not(.is-section-revealed) > .section-header,
.landing-page .how-we-work.hww-animate:not(.is-section-revealed) .hww-image,
.landing-page .how-we-work.hww-animate:not(.is-section-revealed) .step {
    opacity: 0;
}

.landing-page .how-we-work.hww-animate.is-section-revealed .hww-bg-overlay {
    animation: hww-bg-reveal 1s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.landing-page .how-we-work.hww-animate.is-section-revealed > .section-header {
    animation: hww-fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both;
}

.landing-page .how-we-work.hww-animate.is-section-revealed .hww-image {
    animation: hww-fade-right 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.32s both;
}

.landing-page .how-we-work.hww-animate.is-section-revealed .step:nth-child(1) {
    animation: hww-fade-up 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.42s both;
}

.landing-page .how-we-work.hww-animate.is-section-revealed .step:nth-child(2) {
    animation: hww-fade-up 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.52s both;
}

.landing-page .how-we-work.hww-animate.is-section-revealed .step:nth-child(3) {
    animation: hww-fade-up 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.62s both;
}

.landing-page .how-we-work.hww-animate.is-section-revealed .step:nth-child(4) {
    animation: hww-fade-up 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.72s both;
}

@keyframes hww-bg-reveal {
    from {
        opacity: 0;
        transform: scale(1.1);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes hww-fade-up {
    from {
        opacity: 0;
        transform: translateY(1.75rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes hww-fade-right {
    from {
        opacity: 0;
        transform: translateX(1.75rem);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Botões — hover sem scale */
.landing-page .btn-portal:not(.btn-portal-slide) .btn-arrow {
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.landing-page .btn-portal:not(.btn-portal-slide):hover .btn-arrow,
.landing-page .btn-portal:not(.btn-portal-slide):focus-visible .btn-arrow {
    transform: translateX(3px);
}

.landing-page .search-btn {
    transition: box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.landing-page .search-btn:hover,
.landing-page .search-btn:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(36, 129, 168, 0.28);
}

.landing-page .apply-link svg {
    transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.landing-page .apply-link:hover svg,
.landing-page .apply-link:focus-visible svg {
    transform: translateX(4px);
}

.landing-page .btn-outline {
    transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.landing-page .btn-outline:hover,
.landing-page .btn-outline:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(27, 38, 59, 0.08);
}

@media (prefers-reduced-motion: reduce) {
    .landing-page [data-reveal],
    .landing-page [data-hero] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .landing-page .how-we-work.hww-animate:not(.is-section-revealed) {
        opacity: 1;
        transform: none;
        visibility: visible;
    }

    .landing-page .how-we-work.hww-animate.is-section-revealed .hww-bg-overlay,
    .landing-page .how-we-work.hww-animate.is-section-revealed > .section-header,
    .landing-page .how-we-work.hww-animate.is-section-revealed .hww-image,
    .landing-page .how-we-work.hww-animate.is-section-revealed .step {
        animation: none;
        opacity: 1;
        transform: none;
    }
}