/* ALEA Space — home v4 (PT copy rewrite). Loaded after landing-conversion-v3.css.
   Adds: pain points, 3 steps, calculator, human/support, audience chips, FAQ,
   WhatsApp button. Reuses the --alea-* tokens from landing-premium-v2.css. */

/* Hero */
.landing-hero h1 em { display:inline-block; color:#8f6747; font-style:italic; }
.home-hero-reassure {
    margin:18px 0 0 !important;
    color:var(--alea-muted) !important;
    font-size:13px !important;
    font-weight:500;
    letter-spacing:.01em;
}

/* Pain points */
.home-pain { background:var(--alea-bg); }
.home-pain-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:44px; }
.home-pain-grid article {
    padding:28px;
    border:1px solid var(--alea-line);
    border-radius:var(--alea-radius);
    background:var(--alea-surface);
}
.home-pain-grid strong { display:block; font-family:var(--landing-serif); font-size:28px; font-weight:400; line-height:1.08; letter-spacing:-.02em; }
.home-pain-grid p { margin:12px 0 0; color:var(--alea-muted); }
.home-pain-answer {
    max-width:760px;
    margin:36px 0 0;
    padding-left:18px;
    border-left:2px solid #c8a47f;
    font-size:18px;
    line-height:1.6;
}

/* 3 steps */
.home-steps { background:var(--alea-surface); border-top:1px solid var(--alea-line); }
.home-steps-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(20px,3vw,44px); margin:48px 0 0; padding:0; list-style:none; counter-reset:none; }
.home-steps-list li { position:relative; padding-top:26px; border-top:1px solid var(--alea-line-strong); }
.home-steps-list span {
    display:inline-flex; align-items:center; justify-content:center;
    width:44px; height:44px; border-radius:50%;
    background:#1b1b19; color:#fff;
    font-family:var(--landing-serif); font-size:22px;
}
.home-steps-list h3 { margin:22px 0 10px; font-family:var(--landing-serif); font-size:30px; font-weight:400; line-height:1.05; letter-spacing:-.025em; }
.home-steps-list p { margin:0; color:var(--alea-muted); }
.home-steps-cta { display:flex; flex-wrap:wrap; align-items:center; gap:14px 22px; margin-top:44px; }
.home-steps-cta span { color:var(--alea-muted); font-size:14px; }

/* Primary button on light sections (hero style is reused) */
.home-steps .landing-button-primary,
.home-human .landing-button-primary { background:#1b1b19; color:#fff; border-color:#1b1b19; }
.home-steps .landing-button-primary:hover,
.home-human .landing-button-primary:hover { background:#8f6747; border-color:#8f6747; color:#fff; }
/* the "quando alguém cancela" section is dark */
.landing-flow .landing-button-primary { background:#d5b594; color:#191816; border-color:#d5b594; }
.landing-flow .landing-button-primary:hover { background:#fff; border-color:#fff; color:#191816; }
.landing-flow-sticky .landing-button { margin-top:26px; }

/* Calculator (dark card, explicit colours so it never depends on older layers) */
.landing-savings-example.home-calc { display:grid; gap:18px; background:#191816; color:#fffdf9; border-color:#191816; }
.home-calc-field { display:grid; grid-template-columns:1fr auto; align-items:baseline; gap:8px 12px; }
.home-calc-field > span { color:rgba(255,253,249,.7); font-size:14px; }
.home-calc-field output { font-family:var(--landing-serif); font-size:34px; line-height:1; letter-spacing:-.02em; color:#fffdf9; }
.home-calc-field input[type=range] { grid-column:1 / -1; width:100%; margin:4px 0 6px; accent-color:#d5b594; height:28px; cursor:pointer; }
.home-calc .landing-savings-total,
.home-calc .landing-savings-recovery { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0; padding:14px 0 0; border-top:1px solid rgba(255,253,249,.16); }
.home-calc .landing-savings-total span,
.home-calc .landing-savings-recovery span { color:rgba(255,253,249,.7); }
.home-calc .landing-savings-total strong { color:#fffdf9; }
.home-calc .landing-savings-recovery strong { color:#d5b594; }
.home-calc > p { margin:4px 0 0; font-size:14px; color:rgba(255,253,249,.72) !important; }

/* Audience chips */
.home-audience-chips { display:flex; flex-wrap:wrap; gap:10px; margin:40px 0 0; padding:0; list-style:none; }
.home-audience-chips li {
    padding:10px 16px;
    border:1px solid var(--alea-line-strong);
    border-radius:999px;
    background:#fff;
    font-size:15px;
}

/* Human / support */
.home-human { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(36px,6vw,90px); align-items:start; background:var(--alea-surface); }
.home-human-copy h2 { margin:18px 0 22px; font-family:var(--landing-serif); font-size:clamp(40px,4.4vw,62px); font-weight:400; line-height:1.02; letter-spacing:-.035em; }
.home-human-copy p { max-width:560px; color:var(--alea-muted); font-size:17px; }
.home-human-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px; margin-top:28px; }
.home-human-actions .landing-text-link span { color:#8f6747; }
.home-human-services {
    padding:30px;
    border:1px solid var(--alea-line);
    border-radius:var(--alea-radius);
    background:var(--alea-bg);
}
.home-human-services h3 { margin:12px 0 18px; font-family:var(--landing-serif); font-size:30px; font-weight:400; letter-spacing:-.02em; }
.home-human-services ul { margin:0; padding:0; list-style:none; }
.home-human-services li { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:14px; padding:16px 0; border-top:1px solid var(--alea-line); }
.home-human-services li strong { display:block; font-size:15px; }
.home-human-services li span { display:block; color:var(--alea-muted); font-size:13px; line-height:1.45; }
.home-human-services li b { font-family:var(--landing-serif); font-size:24px; font-weight:400; text-align:right; white-space:nowrap; }
.home-human-services li b small { display:block; font-family:var(--landing-sans); font-size:11px; color:var(--alea-muted-2); }
.home-human-services li a {
    display:inline-flex; align-items:center; min-height:38px; padding:0 14px;
    border:1px solid var(--alea-line-strong); border-radius:999px;
    font-size:13px; font-weight:600; text-decoration:none;
}
.home-human-services li a:hover { background:#1b1b19; border-color:#1b1b19; color:#fff; }
.home-human-services > small { display:block; margin-top:12px; color:var(--alea-muted-2); font-size:12px; }

/* FAQ */
.home-faq { background:var(--alea-bg); }
.home-faq-list { max-width:860px; margin-top:40px; border-top:1px solid var(--alea-line-strong); }
.home-faq-list details { border-bottom:1px solid var(--alea-line-strong); }
.home-faq-list summary {
    position:relative;
    padding:22px 48px 22px 0;
    cursor:pointer;
    list-style:none;
    font-family:var(--landing-serif);
    font-size:24px;
    line-height:1.2;
    letter-spacing:-.015em;
}
.home-faq-list summary::-webkit-details-marker { display:none; }
.home-faq-list summary::after {
    content:"+";
    position:absolute; right:4px; top:50%;
    transform:translateY(-50%);
    font-family:var(--landing-sans); font-size:24px; font-weight:300; color:#8f6747;
    transition:transform .2s ease;
}
.home-faq-list details[open] summary::after { transform:translateY(-50%) rotate(45deg); }
.home-faq-list summary:focus-visible { outline:2px solid #8f6747; outline-offset:4px; border-radius:4px; }
.home-faq-list details p { max-width:720px; margin:0 0 22px; color:var(--alea-muted); }
.home-faq-more { margin-top:26px; color:var(--alea-muted); }
.home-faq-more a { color:var(--alea-ink); }

/* WhatsApp floating button */
.home-whatsapp {
    position:fixed; z-index:45; right:20px; bottom:20px;
    display:inline-flex; align-items:center; justify-content:center;
    width:56px; height:56px; border-radius:50%;
    background:#25d366; color:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.18);
    transition:transform .2s ease;
}
.home-whatsapp:hover, .home-whatsapp:focus-visible { transform:translateY(-2px) scale(1.04); }

/* Responsive */
@media (max-width:980px) {
    .home-pain-grid,
    .home-steps-list { grid-template-columns:1fr; }
    .home-human { grid-template-columns:1fr; }
}
@media (max-width:860px) {
    /* the sticky mobile CTA sits at the bottom: lift the WhatsApp button above it */
    .home-whatsapp { bottom:86px; right:16px; width:52px; height:52px; }
    .home-pain-grid strong { font-size:24px; }
    .home-steps-list h3 { font-size:26px; }
    .home-faq-list summary { font-size:20px; }
}
@media (max-width:520px) {
    .home-human-services { padding:22px; }
    .home-human-services li { grid-template-columns:1fr auto; }
    .home-human-services li a { grid-column:1 / -1; justify-content:center; }
    .home-calc-field output { font-size:26px; }
}

/* Local 5 stats: number above label (was rendering "5vagas" inline) */
.landing-local5-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.landing-local5-stats > div { display:flex; flex-direction:column; justify-content:center; gap:4px; min-height:0; padding:18px 20px; }
.landing-local5-stats strong { display:block; line-height:1; }
.landing-local5-stats span { display:block; }
@media (max-width:520px) { .landing-local5-stats { grid-template-columns:1fr 1fr; } .landing-local5-stats > div { padding:14px 16px; } }

/* Profession pages (/para/...) and linked audience chips */
.home-audience-chips a { color:inherit; text-decoration:none; }
.home-audience-chips li:has(a) { border-color:#c8a47f; background:#fbf7f2; }
.home-audience-chips li:has(a):hover { background:#1b1b19; border-color:#1b1b19; }
.home-audience-chips li:has(a):hover a { color:#fff; }
.prof-breadcrumb { margin:0 0 18px; color:var(--alea-muted); font-size:13px; }
.prof-breadcrumb a { color:inherit; }
.prof-plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-width:860px; margin-top:40px; }
.prof-plans article { display:flex; flex-direction:column; gap:10px; padding:28px; border:1px solid var(--alea-line); border-radius:var(--alea-radius); background:var(--alea-bg); }
.prof-plans article > span { font-family:var(--landing-serif); font-size:28px; }
.prof-plans strong { font-family:var(--landing-serif); font-size:40px; font-weight:400; letter-spacing:-.02em; }
.prof-plans strong small { margin-left:6px; font-family:var(--landing-sans); font-size:13px; color:var(--alea-muted); }
.prof-plans p { margin:0 0 8px; color:var(--alea-muted); }
.prof-plans .landing-button { align-self:flex-start; }
.prof-plans-more { margin-top:22px; color:var(--alea-muted); }
.prof-plans-more a { color:var(--alea-ink); }
@media (max-width:720px) { .prof-plans { grid-template-columns:1fr; } }
@media (max-width:860px) { .prof-breadcrumb { display:none; } }