/**
 * Fundo da home e páginas alinhadas (ex.: detalhe da vaga): gradiente fixo leve —
 * paleta institucional (branco → verde muito claro), sem elementos animados no layer.
 */

body.page-home {
    overflow-x: clip;
    --home-sky-tx: 5.8s;
    /* Fallback para borda de scroll / overscroll */
    background: #eaf8f0;
}

/* Mesma página de base que a home (detalhe da vaga) */
body.page-vaga.page-home {
    overflow-x: clip;
    background: #eaf8f0;
}

/* Camada única de gradiente diagonal (premium, baixo custo de pintura) */
.home-bg-premium {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    min-height: 100vh;
    min-height: 100dvh;
    min-height: -webkit-fill-available;
    transition: background var(--home-sky-tx, 5.8s) ease;
    background: linear-gradient(135deg, #ffffff 0%, #f3fff6 35%, #dff7e7 100%);
}

/* Crepúsculo: mantém leveza com tom quente suave (compatível com data-home-sky do JS) */
body.page-home[data-home-sky="dusk"] .home-bg-premium {
    background: linear-gradient(
        138deg,
        #fffefb 0%,
        #f8faf6 28%,
        #f5ebe3 72%,
        #efe4d9 100%
    );
}

/* Noite: profundidade em verdes escuros (contraste para tipos/clarões já definidos no hero) */
body.page-home[data-home-sky="night"] .home-bg-premium {
    background: linear-gradient(
        135deg,
        #1a2822 0%,
        #1e332c 42%,
        #152820 100%
    );
}

.page-home > main.container {
    position: relative;
    z-index: 2;
    padding-top: clamp(1.5rem, 4.2vw, 3.25rem);
}

/* Hero: cores por fase (dia / entardecer / noite) */
.home-hero h1,
.home-hero p,
.home-hero .home-hero__title,
.home-hero .home-hero__sub,
.home-hero .home-hero__headline,
.home-hero .home-hero__sub-chunk {
    transition:
        color var(--home-sky-tx, 5.8s) ease,
        text-shadow var(--home-sky-tx, 5.8s) ease;
}

body.page-home .home-hero__accent {
    transition:
        filter var(--home-sky-tx, 5.8s) ease,
        background var(--home-sky-tx, 5.8s) ease;
}

body.page-home[data-home-sky="day"] .home-hero__accent {
    background: linear-gradient(
        102deg,
        #00b359 0%,
        var(--primary) 32%,
        #2be88f 52%,
        var(--primary-light) 75%,
        var(--secondary) 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

body.page-home[data-home-sky="dusk"] .home-hero__accent {
    background: linear-gradient(102deg, #9a3412 0%, #c2410c 28%, #ea580c 52%, #f97316 78%, #fb923c 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    filter: none;
}

body.page-home[data-home-sky="night"] .home-hero__accent {
    background: none;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: #ffffff;
    color: #ffffff;
    filter: none;
}

body.page-home[data-home-sky="dusk"] .home-hero h1,
body.page-home[data-home-sky="dusk"] .home-hero .home-hero__title {
    color: #2a1f19;
}

body.page-home[data-home-sky="dusk"] .home-hero p,
body.page-home[data-home-sky="dusk"] .home-hero .home-hero__sub {
    color: #5d4035;
}

body.page-home[data-home-sky="night"] .home-hero h1,
body.page-home[data-home-sky="night"] .home-hero .home-hero__title,
body.page-home[data-home-sky="night"] .home-hero .home-hero__headline {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
}

body.page-home[data-home-sky="night"] .home-hero p,
body.page-home[data-home-sky="night"] .home-hero .home-hero__sub,
body.page-home[data-home-sky="night"] .home-hero .home-hero__sub-chunk {
    color: #eef6f3;
    -webkit-text-fill-color: #eef6f3;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

.page-home #jobs-list .empty-state {
    transition:
        color var(--home-sky-tx, 5.8s) ease,
        text-shadow var(--home-sky-tx, 5.8s) ease,
        border-color var(--home-sky-tx, 5.8s) ease;
    grid-column: 1 / -1;
    justify-self: center;
    width: 100%;
    max-width: min(28rem, 100%);
    text-align: center;
    box-sizing: border-box;
}

body.page-home[data-home-sky="day"] #jobs-list .empty-state {
    color: #243830;
    border-color: rgba(61, 82, 72, 0.28);
}

body.page-home[data-home-sky="dusk"] #jobs-list .empty-state {
    color: #4a342c;
    border-color: rgba(120, 58, 38, 0.28);
}

body.page-home[data-home-sky="night"] #jobs-list .empty-state {
    color: #c8d8d2;
    text-shadow: 0 1px 12px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.22);
}

body.page-home[data-home-sky="day"] .home-empresas-destaque__title,
body.page-home[data-home-sky="day"] .home-municipios-destaque__title,
body.page-home[data-home-sky="day"] .home-banco-talentos-section__title {
    color: #243830;
}

body.page-home[data-home-sky="day"] .home-municipios-destaque__subtitle,
body.page-home[data-home-sky="day"] .home-banco-talentos-section__subtitle {
    color: color-mix(in srgb, var(--muted) 90%, #051008 10%);
}

body.page-home[data-home-sky="day"] .home-empresas-destaque__link-all {
    color: #0d7a4a;
}

body.page-home[data-home-sky="day"] .home-empresas-destaque__link-all:hover,
body.page-home[data-home-sky="day"] .home-empresas-destaque__link-all:focus-visible {
    color: #064e2f;
    opacity: 1;
}

body.page-home[data-home-sky="dusk"] .home-empresas-destaque__title,
body.page-home[data-home-sky="dusk"] .home-municipios-destaque__title,
body.page-home[data-home-sky="dusk"] .home-banco-talentos-section__title {
    color: #2a1f19;
}

body.page-home[data-home-sky="dusk"] .home-municipios-destaque__subtitle,
body.page-home[data-home-sky="dusk"] .home-banco-talentos-section__subtitle {
    color: #5d4035;
}

body.page-home[data-home-sky="dusk"] .home-empresas-destaque__link-all {
    color: #6b4423;
}

body.page-home[data-home-sky="dusk"] .home-empresas-destaque__link-all:hover,
body.page-home[data-home-sky="dusk"] .home-empresas-destaque__link-all:focus-visible {
    color: #3d2414;
    opacity: 1;
}

body.page-home[data-home-sky="night"] .home-empresas-destaque__title,
body.page-home[data-home-sky="night"] .home-municipios-destaque__title,
body.page-home[data-home-sky="night"] .home-banco-talentos-section__title {
    color: #f1f5f9;
    text-shadow: 0 1px 14px rgba(0, 0, 0, 0.45);
}

body.page-home[data-home-sky="night"] .home-municipios-destaque__subtitle,
body.page-home[data-home-sky="night"] .home-banco-talentos-section__subtitle {
    color: #eef6f3;
    -webkit-text-fill-color: #eef6f3;
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

body.page-home[data-home-sky="night"] .home-empresas-destaque__link-all {
    color: #a7f3d0;
}

body.page-home[data-home-sky="night"] .home-empresas-destaque__link-all:hover,
body.page-home[data-home-sky="night"] .home-empresas-destaque__link-all:focus-visible {
    color: #d1fae5;
    opacity: 1;
}

body.page-home[data-home-sky="day"] .home-empresas-destaque__mask,
body.page-home[data-home-sky="day"] .home-municipios-destaque__mask {
    background: color-mix(in srgb, var(--card) 20%, rgba(255, 255, 255, 0.55));
    border-color: rgba(61, 82, 72, 0.18);
    box-shadow: 0 1px 10px rgba(15, 60, 45, 0.06);
}

body.page-home[data-home-sky="dusk"] .home-empresas-destaque__mask,
body.page-home[data-home-sky="dusk"] .home-municipios-destaque__mask {
    background: color-mix(in srgb, #fff7ed 25%, rgba(255, 230, 200, 0.35));
    border-color: rgba(120, 70, 40, 0.2);
    box-shadow: 0 1px 12px rgba(90, 50, 20, 0.08);
}

body.page-home[data-home-sky="night"] .home-empresas-destaque__mask,
body.page-home[data-home-sky="night"] .home-municipios-destaque__mask {
    background: color-mix(in srgb, #1e293b 35%, rgba(15, 23, 42, 0.25));
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.2);
}

@media (prefers-reduced-motion: reduce) {
    .home-hero h1,
    .home-hero p,
    .home-hero .home-hero__title,
    .home-hero .home-hero__sub,
    .home-hero .home-hero__headline,
    .home-hero .home-hero__accent,
    .home-hero .home-hero__sub-chunk,
    .page-home #jobs-list .empty-state {
        transition: none;
    }

    body.page-home[data-home-sky="night"] .home-hero__accent {
        filter: none;
    }

    .home-bg-premium {
        transition: none !important;
    }
}