:root {
    --bg: #030812;
    --bg-2: #071323;
    --panel: rgba(10, 22, 38, .88);
    --panel-2: rgba(15, 32, 52, .82);
    --gold: #f2bd4a;
    --gold-2: #ffe39a;
    --text: #f7f4e9;
    --muted: #aab7c8;
    --cyan: #4dd5e8;
    --line: rgba(242, 189, 74, .23);
    --danger: #ff8787;
    --success: #7fe1a2;
}

* { box-sizing: border-box; }

html {
    background: var(--bg);
    color-scheme: dark;
}

body {
    margin: 0;
    min-height: 100vh;
    font-family: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: var(--text);
    background:
        radial-gradient(circle at 50% -15%, rgba(50, 116, 174, .23), transparent 38rem),
        radial-gradient(circle at 20% 25%, rgba(242, 189, 74, .07), transparent 22rem),
        linear-gradient(180deg, #02060c 0%, #06101d 55%, #02060c 100%);
}

a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }

.auth-page {
    background:
        radial-gradient(circle at 50% 0%, rgba(43, 114, 172, .23), transparent 38rem),
        linear-gradient(180deg, #02060c, #06101d 70%, #02050a);
}

.auth-shell {
    width: min(100%, 560px);
    min-height: 100dvh;
    margin: 0 auto;
    padding: max(18px, env(safe-area-inset-top)) 18px max(32px, env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.brand-link { display: block; margin-bottom: 14px; }
.auth-brand {
    display: block;
    width: 100%;
    max-height: 112px;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 8px 28px rgba(0,0,0,.4));
}

.auth-card, .settings-card, .today-card, .module-card, .foundation-note {
    border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(11, 25, 43, .94), rgba(6, 14, 25, .95));
    box-shadow: 0 24px 70px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.025);
    backdrop-filter: blur(18px);
}

.auth-card {
    border-radius: 24px;
    padding: 28px 22px;
}

.eyebrow, .section-kicker {
    color: var(--gold);
    letter-spacing: .18em;
    font-size: .72rem;
    font-weight: 800;
}

.auth-card h1, .page-title, .welcome-panel h1 {
    margin: 8px 0 8px;
    font-size: clamp(1.8rem, 7vw, 2.55rem);
    line-height: 1.02;
}

.muted { color: var(--muted); margin: 0 0 24px; line-height: 1.55; }

.form-stack { display: grid; gap: 16px; }
.form-stack label > span {
    display: block;
    margin-bottom: 7px;
    font-size: .86rem;
    font-weight: 700;
    color: #dce5ee;
}

.form-stack input,
.form-stack select {
    width: 100%;
    min-height: 50px;
    border-radius: 13px;
    border: 1px solid rgba(158, 183, 208, .22);
    background: rgba(1, 7, 14, .78);
    color: var(--text);
    padding: 0 14px;
    outline: none;
    transition: .18s ease;
}

.form-stack input:focus,
.form-stack select:focus {
    border-color: rgba(242,189,74,.7);
    box-shadow: 0 0 0 3px rgba(242,189,74,.1);
}

.form-stack small { display: block; color: #8292a6; margin-top: 6px; }

.password-wrap { position: relative; }
.password-wrap input { padding-right: 58px; }
.password-toggle {
    position: absolute;
    right: 7px;
    top: 7px;
    height: 36px;
    border: 0;
    border-radius: 9px;
    padding: 0 10px;
    background: rgba(242,189,74,.12);
    color: var(--gold-2);
    cursor: pointer;
}

.check-row {
    display: flex !important;
    align-items: center;
    gap: 9px;
    color: var(--muted);
    font-size: .85rem;
}
.check-row input { width: 17px; min-height: 17px; }

.btn-primary, .btn-secondary {
    min-height: 52px;
    border-radius: 14px;
    border: 1px solid #f5c557;
    cursor: pointer;
    font-weight: 900;
    letter-spacing: .08em;
}
.btn-primary {
    color: #1b1202;
    background: linear-gradient(180deg, #ffe196, #d99a25);
    box-shadow: 0 12px 28px rgba(219, 158, 38, .17), inset 0 1px #fff4c9;
}
.btn-secondary {
    color: #ffe9ad;
    background: rgba(242,189,74,.08);
}

.auth-switch {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255,255,255,.07);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    color: var(--muted);
    font-size: .9rem;
}
.auth-switch a { color: var(--gold-2); font-weight: 800; }
.auth-note { margin: 16px 0 0; color: #718196; font-size: .75rem; text-align: center; line-height: 1.45; }

.alert {
    border-radius: 12px;
    padding: 11px 13px;
    margin: 14px 0;
    font-size: .88rem;
}
.alert-error { background: rgba(128, 33, 33, .22); border: 1px solid rgba(255,135,135,.3); color: #ffd0d0; }
.alert-success { background: rgba(32,112,65,.2); border: 1px solid rgba(127,225,162,.28); color: #c7f8d7; }

/* App shell */
.app-frame { min-height: 100dvh; padding-bottom: 86px; }
.app-header {
    position: sticky;
    z-index: 30;
    top: 0;
    height: 92px;
    padding: max(8px, env(safe-area-inset-top)) 14px 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(2, 8, 16, .92);
    border-bottom: 1px solid rgba(242,189,74,.18);
    backdrop-filter: blur(18px);
}
.header-brand { flex: 1; min-width: 0; }
.header-brand img {
    display: block;
    width: min(100%, 540px);
    height: 70px;
    object-fit: contain;
    object-position: left center;
}
.avatar-button, .header-action {
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    min-width: 46px;
    height: 46px;
    padding: 0 13px;
    border-radius: 14px;
    border: 1px solid rgba(242,189,74,.32);
    background: rgba(242,189,74,.08);
    color: var(--gold-2);
    font-weight: 900;
}
.avatar-button { width: 46px; border-radius: 50%; }

.app-main {
    width: min(100%, 920px);
    margin: 0 auto;
    padding: 22px 16px 34px;
}

.welcome-panel { padding: 20px 4px 18px; }
.welcome-panel p {
    color: var(--muted);
    line-height: 1.6;
    max-width: 700px;
    margin: 0;
}

.today-card {
    border-radius: 22px;
    padding: 21px;
    display: grid;
    gap: 16px;
}
.today-card h2 { margin: 5px 0 7px; font-size: 1.3rem; }
.today-card p { margin: 0; color: var(--muted); line-height: 1.5; }
.status-pill {
    justify-self: start;
    padding: 7px 10px;
    border-radius: 999px;
    color: #ffe6a4;
    background: rgba(242,189,74,.09);
    border: 1px solid rgba(242,189,74,.22);
    font-size: .74rem;
    font-weight: 800;
}

.section-title { margin: 27px 0 12px; font-size: 1rem; }
.module-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 11px; }
.module-card {
    min-height: 154px;
    border-radius: 18px;
    padding: 17px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.active-card { border-color: rgba(242,189,74,.48); }
.module-icon { color: var(--gold); font-size: 1.5rem; line-height: 1; }
.module-card strong { margin-top: 4px; }
.module-card small { color: var(--muted); line-height: 1.35; }
.module-state {
    margin-top: auto;
    color: var(--success);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .08em;
}
.muted-state { color: #78899e; }

.foundation-note {
    margin-top: 18px;
    border-radius: 18px;
    padding: 18px;
    display: grid;
    gap: 4px;
}
.foundation-note strong { color: #f7e9bd; }
.foundation-note span { color: var(--muted); }

.bottom-nav {
    position: fixed;
    z-index: 40;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: min(100%, 920px);
    min-height: 68px;
    padding: 7px max(8px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    background: rgba(2,8,16,.96);
    border-top: 1px solid rgba(242,189,74,.16);
    backdrop-filter: blur(18px);
}
.bottom-nav a, .bottom-nav .nav-disabled {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #6f8297;
    font-size: 1.05rem;
}
.bottom-nav small { font-size: .62rem; }
.bottom-nav .is-active { color: var(--gold-2); }
.nav-disabled { opacity: .48; }

.profile-main { max-width: 720px; }
.page-title { margin-bottom: 18px; }
.settings-card {
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 14px;
}
.settings-card h2 { margin: 0 0 17px; font-size: 1.05rem; }
.logout-button {
    width: 100%;
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(255,135,135,.22);
    background: rgba(120,25,25,.14);
    color: #ffc7c7;
    cursor: pointer;
}

@media (min-width: 720px) {
    .app-header { height: 112px; padding-left: 24px; padding-right: 24px; }
    .header-brand img { height: 88px; }
    .app-main { padding: 32px 28px 50px; }
    .today-card { grid-template-columns: 1fr auto; align-items: center; padding: 27px; }
    .status-pill { justify-self: end; }
    .module-grid { grid-template-columns: repeat(4, 1fr); }
    .auth-brand { max-height: 132px; }
}

@media (max-width: 360px) {
    .module-grid { grid-template-columns: 1fr; }
    .app-header { height: 82px; }
    .header-brand img { height: 60px; }
}


/* Release integrada M01-M05 */
.button-link { display:grid; place-items:center; padding:0 16px; margin-top:14px; }
.compact-button { min-height:42px; padding:0 13px; margin-top:8px; }
.compact-card { margin:16px 0; }
.discovery-shell { width:min(100%,700px); }
.discovery-scale-note { color:var(--muted); border-left:3px solid var(--gold); padding:10px 12px; background:rgba(242,189,74,.06); }
.result-priorities { display:grid; gap:9px; margin:20px 0; }
.priority-row { border:1px solid var(--line); border-radius:14px; padding:13px; display:flex; justify-content:space-between; gap:12px; background:rgba(6,14,25,.7); }
.priority-row strong { color:var(--gold-2); font-size:.8rem; }
.form-stack textarea { width:100%; border-radius:13px; border:1px solid rgba(158,183,208,.22); background:rgba(1,7,14,.78); color:var(--text); padding:14px; resize:vertical; }
.form-stack textarea:focus { border-color:rgba(242,189,74,.7); outline:none; box-shadow:0 0 0 3px rgba(242,189,74,.1); }
.journey-stage { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.journey-stage h2 { margin:4px 0; }
.flag-row { display:grid; grid-template-columns:1fr; gap:12px; }
.inline-flag-form { display:grid; gap:8px; }
.inline-flag-form input { width:100%; min-height:42px; border-radius:10px; border:1px solid rgba(158,183,208,.22); background:rgba(1,7,14,.78); color:var(--text); padding:0 12px; }
@media (min-width:720px) { .flag-row { grid-template-columns:1fr minmax(280px,420px); align-items:center; } .inline-flag-form { grid-template-columns:1fr auto; } }
/* ASCENDA M01 — CIGANA ESMERALDA V1 */
.esmeralda-page{background:radial-gradient(circle at 50% 0%,rgba(117,71,122,.18),transparent 42%),#090b11}
.esmeralda-shell{max-width:980px}
.esmeralda-card{background:linear-gradient(180deg,rgba(26,24,34,.98),rgba(15,17,24,.98));border:1px solid rgba(218,184,108,.25);box-shadow:0 24px 80px rgba(0,0,0,.35)}
.esmeralda-orb{width:62px;height:62px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid rgba(218,184,108,.4);border-radius:50%;font-size:27px;color:#dab86c;box-shadow:0 0 35px rgba(218,184,108,.12)}
.esmeralda-step{display:flex;align-items:center;gap:10px;margin:28px 0 8px;color:#dab86c;font-size:12px;font-weight:800;letter-spacing:.12em}
.esmeralda-step strong{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(218,184,108,.45)}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.esmeralda-highlight,.esmeralda-panel,.esmeralda-seven,.esmeralda-locked{margin:16px 0;padding:18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.esmeralda-highlight{border-color:rgba(218,184,108,.28)}
.esmeralda-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.esmeralda-panel h3{margin:10px 0}.esmeralda-panel h3 small{font-weight:500;color:#9da5b4}
.number-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
.number-grid div{padding:12px;border-radius:14px;background:rgba(218,184,108,.07);text-align:center}
.number-grid strong{font-size:26px;display:block;color:#dab86c}.number-grid span{font-size:11px;color:#aab1bf}
.astro-table{display:grid;gap:7px;margin-top:10px}.astro-table div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding:7px 0}
.esmeralda-day{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.esmeralda-day span{color:#b8bfcc;text-align:right}
.locked-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.locked-item{display:flex;gap:8px;align-items:center;padding:10px;border-radius:12px;background:rgba(0,0,0,.18)}
.esmeralda-locked{border-color:rgba(218,184,108,.26);background:linear-gradient(135deg,rgba(218,184,108,.08),rgba(117,71,122,.08))}
@media(max-width:720px){.form-grid-2,.esmeralda-grid,.locked-grid{grid-template-columns:1fr}.esmeralda-day{display:block}.esmeralda-day span{display:block;text-align:left;margin-top:4px}}

/* ESMERALDA HEADER R2 */
.esmeralda-lead {
    margin: 18px 0 10px;
    font-size: 1.13rem;
    line-height: 1.55;
}

.esmeralda-call {
    margin: 20px 0 14px;
    line-height: 1.6;
}

.esmeralda-free-call {
    margin: 20px 0 28px;
    padding: 14px 18px;
    text-align: center;
    border: 1px solid rgba(218,184,108,.42);
    border-radius: 14px;
    background: rgba(218,184,108,.08);
    color: #dab86c;
    font-size: 1rem;
    letter-spacing: .035em;
}

.esmeralda-card > h1 {
    line-height: 1.12;
    margin-bottom: 18px;
}

/* ESMERALDA TITLE R3 */
.esmeralda-card > .eyebrow {
    text-align: center;
}

.esmeralda-card > h1 {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;

    text-align: center;

    font-size: clamp(2rem, 5.2vw, 3.15rem);
    line-height: 1.06;
    letter-spacing: -0.025em;
    text-wrap: balance;
}

.esmeralda-lead,
.esmeralda-call {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.esmeralda-card > p.muted {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media (max-width: 600px) {
    .esmeralda-card > h1 {
        font-size: clamp(1.85rem, 7.4vw, 2.45rem);
        line-height: 1.07;
        letter-spacing: -0.02em;
    }
}



/* ESMERALDA FOLD FIX R1 */
.esmeralda-foldfix-title{
  display:block;
  max-width:12ch;
  margin:6px auto 12px auto;
  text-align:center;
  font-size:clamp(2.0rem, 3.5vw, 3.45rem);
  line-height:0.96;
  letter-spacing:-0.02em;
  text-wrap:balance;
}

.esmeralda-foldfix-lead{
  display:block;
  max-width:32ch;
  margin:0 auto 10px auto;
  text-align:center;
  font-size:clamp(1.02rem, 1.5vw, 1.28rem);
  line-height:1.28;
  font-weight:700;
  color:#ffffff;
}

.esmeralda-foldfix-copy{
  display:block;
  max-width:42ch;
  margin:0 auto 10px auto;
  text-align:center;
  font-size:clamp(0.96rem, 1.25vw, 1.10rem);
  line-height:1.42;
}

.esmeralda-foldfix-hook{
  display:block;
  max-width:34ch;
  margin:0 auto 10px auto;
  text-align:center;
  font-size:clamp(1.00rem, 1.35vw, 1.18rem);
  line-height:1.32;
  font-weight:700;
  color:#ffffff;
}

.esmeralda-foldfix-cta-line{
  display:block;
  max-width:34ch;
  margin:0 auto 8px auto;
  text-align:center;
  font-size:clamp(1.02rem, 1.4vw, 1.24rem);
  line-height:1.22;
  font-weight:800;
  color:#fff3bf;
}

@media (min-width: 769px){
  .esmeralda-card,
  .esmeralda-panel,
  .esmeralda-hero,
  .esmeralda-shell .card,
  .esmeralda-shell .panel{
    padding-top:18px !important;
    padding-bottom:16px !important;
  }

  .esmeralda-card img,
  .esmeralda-panel img,
  .esmeralda-hero img{
    margin-bottom:12px !important;
  }

  .esmeralda-card p,
  .esmeralda-panel p,
  .esmeralda-hero p{
    margin-top:0 !important;
    margin-bottom:10px !important;
  }

  .esmeralda-card h1,
  .esmeralda-panel h1,
  .esmeralda-hero h1{
    margin-top:4px !important;
    margin-bottom:10px !important;
    text-align:center !important;
  }

  .esmeralda-card label,
  .esmeralda-panel label,
  .esmeralda-hero label{
    margin-top:8px !important;
    margin-bottom:4px !important;
  }

  .esmeralda-card input,
  .esmeralda-card select,
  .esmeralda-card textarea,
  .esmeralda-panel input,
  .esmeralda-panel select,
  .esmeralda-panel textarea,
  .esmeralda-hero input,
  .esmeralda-hero select,
  .esmeralda-hero textarea{
    min-height:44px !important;
    margin-bottom:8px !important;
  }
}

@media (max-width: 768px){
  .esmeralda-foldfix-title{
    max-width:11ch;
    font-size:clamp(1.72rem, 8vw, 2.55rem);
    line-height:0.97;
    margin-bottom:10px;
  }

  .esmeralda-foldfix-lead{
    max-width:24ch;
    font-size:1rem;
    line-height:1.24;
    margin-bottom:8px;
  }

  .esmeralda-foldfix-copy{
    max-width:28ch;
    font-size:0.95rem;
    line-height:1.34;
    margin-bottom:8px;
  }

  .esmeralda-foldfix-hook{
    max-width:24ch;
    font-size:1rem;
    line-height:1.25;
    margin-bottom:8px;
  }

  .esmeralda-foldfix-cta-line{
    max-width:23ch;
    font-size:1.02rem;
    line-height:1.16;
    margin-bottom:6px;
  }
}



/* =========================================================
   ESMERALDA VISUAL R4
   REFERENCIA APROVADA PC + MOBILE
   ========================================================= */

/*
 * Corrige os max-width em CH adicionados anteriormente,
 * que estavam causando quebras excessivas.
 */

.esmeralda-foldfix-title,
.esmeralda-foldfix-lead,
.esmeralda-foldfix-copy,
.esmeralda-foldfix-hook,
.esmeralda-foldfix-cta-line {
    max-width: none !important;
    width: 100% !important;
}


/* ---------- CARD / HERO ---------- */

.esmeralda-card {
    background:
        linear-gradient(
            180deg,
            #171817 0%,
            #121313 100%
        ) !important;

    border-color: rgba(190,145,50,.45) !important;

    padding:
        18px 24px
        22px !important;

    text-align: center !important;
}


/* ---------- CIGANA ESMERALDA ---------- */

.esmeralda-card > .eyebrow {
    display: block !important;

    margin:
        0 auto
        7px !important;

    text-align: center !important;

    color: #46d22f !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 18px !important;

    font-weight: 900 !important;

    letter-spacing: .055em !important;

    line-height: 1.05 !important;

    text-transform: uppercase !important;
}


/* ---------- TITULO PRINCIPAL ---------- */

.esmeralda-card > h1 {
    display: block !important;

    width: 100% !important;
    max-width: 760px !important;

    margin:
        7px auto
        10px !important;

    padding: 0 !important;

    color: #ffffff !important;

    text-align: center !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: clamp(
        30px,
        3.35vw,
        45px
    ) !important;

    font-weight: 900 !important;

    line-height: 1.05 !important;

    letter-spacing: .005em !important;

    text-transform: uppercase !important;

    text-wrap: balance;
}

.esmeralda-foldfix-title {
    display: inline !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    font: inherit !important;

    line-height: inherit !important;

    letter-spacing: inherit !important;

    color: inherit !important;
}


/* ---------- PRIMEIRA CHAMADA ---------- */

.esmeralda-lead {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        0 auto
        10px !important;

    color: #ffffff !important;

    text-align: center !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.30 !important;
}

.esmeralda-foldfix-lead {
    display: inline !important;

    width: auto !important;

    margin: 0 !important;

    font: inherit !important;

    line-height: inherit !important;

    color: inherit !important;
}


/* ---------- TEXTOS INTERMEDIARIOS ---------- */

.esmeralda-card > p.muted {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        7px auto
        9px !important;

    padding: 0 !important;

    color: #b9bec6 !important;

    text-align: center !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13.5px !important;

    font-weight: 400 !important;

    line-height: 1.42 !important;
}

.esmeralda-card > p.muted strong {
    color: #c4c9d0 !important;
    font-weight: 700 !important;
}

.esmeralda-foldfix-copy {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    font: inherit !important;
    color: inherit !important;
}


/* ---------- SEU MAPA JA EXISTE ---------- */

.esmeralda-call {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        11px auto
        8px !important;

    padding: 0 !important;

    text-align: center !important;

    line-height: 1.15 !important;
}

.esmeralda-map-title {
    display: block !important;

    color: #ffe600 !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 24px !important;

    font-weight: 900 !important;

    line-height: 1.05 !important;

    letter-spacing: .015em !important;

    text-transform: uppercase !important;
}

.esmeralda-map-subtitle {
    display: block !important;

    margin-top: 3px !important;

    color: #ffe600 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    line-height: 1.15 !important;
}


/* ---------- CTA FINAL ---------- */

.esmeralda-free-call {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        9px auto
        12px !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    text-align: center !important;
}

.esmeralda-final-cta {
    display: block !important;

    color: #ffffff !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 27px !important;

    font-weight: 900 !important;

    line-height: 1.02 !important;

    letter-spacing: .02em !important;

    text-transform: uppercase !important;
}

.esmeralda-final-free {
    display: block !important;

    margin-top: 3px !important;

    color: #ffffff !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 25px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: .035em !important;
}


/* ---------- FORMULARIO MAIS PROXIMO ---------- */

.esmeralda-card form {
    margin-top: 8px !important;
}

.esmeralda-card .esmeralda-step {
    margin-top: 9px !important;
    margin-bottom: 7px !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 769px) {

    .esmeralda-card {
        padding:
            18px 28px
            22px !important;
    }

    .esmeralda-card > h1 {
        max-width: 820px !important;

        font-size: clamp(
            32px,
            3vw,
            44px
        ) !important;
    }

    .esmeralda-lead {
        font-size: 15px !important;
    }

    .esmeralda-card > p.muted {
        font-size: 13px !important;
    }

    .esmeralda-map-title {
        font-size: 25px !important;
    }

    .esmeralda-map-subtitle {
        font-size: 16px !important;
    }

    .esmeralda-final-cta {
        font-size: 28px !important;
    }

    .esmeralda-final-free {
        font-size: 25px !important;
    }
}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 768px) {

    .esmeralda-card {
        margin-top: 8px !important;

        padding:
            13px 11px
            16px !important;

        border-radius: 16px !important;
    }

    .esmeralda-card > .eyebrow {
        margin-bottom: 6px !important;

        color: #46d22f !important;

        font-size: 17px !important;

        line-height: 1 !important;
    }

    .esmeralda-card > h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            5px auto
            8px !important;

        font-size: clamp(
            24px,
            7.4vw,
            31px
        ) !important;

        line-height: 1.06 !important;

        letter-spacing: 0 !important;
    }

    .esmeralda-lead {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 8px !important;

        padding:
            0 2px !important;

        font-size: 13px !important;

        line-height: 1.25 !important;
    }

    .esmeralda-card > p.muted {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            6px auto
            7px !important;

        padding:
            0 3px !important;

        font-size: 11.5px !important;

        line-height: 1.35 !important;
    }

    .esmeralda-call {
        max-width: 100% !important;

        margin:
            9px auto
            6px !important;
    }

    .esmeralda-map-title {
        font-size: 20px !important;

        line-height: 1 !important;
    }

    .esmeralda-map-subtitle {
        margin-top: 2px !important;

        font-size: 13px !important;

        line-height: 1.12 !important;
    }

    .esmeralda-free-call {
        max-width: 100% !important;

        margin:
            8px auto
            8px !important;
    }

    .esmeralda-final-cta {
        font-size: 21px !important;

        line-height: 1.02 !important;
    }

    .esmeralda-final-free {
        margin-top: 2px !important;

        font-size: 21px !important;
    }

    .esmeralda-card form {
        margin-top: 5px !important;
    }
}


/* =========================================================
   CELULAR ESTREITO
   ========================================================= */

@media (max-width: 430px) {

    .esmeralda-card > h1 {
        font-size: 25px !important;
    }

    .esmeralda-card > .eyebrow {
        font-size: 16px !important;
    }

    .esmeralda-lead {
        font-size: 12.5px !important;
    }

    .esmeralda-card > p.muted {
        font-size: 11px !important;
    }

    .esmeralda-map-title {
        font-size: 19px !important;
    }

    .esmeralda-map-subtitle {
        font-size: 12.5px !important;
    }

    .esmeralda-final-cta {
        font-size: 20px !important;
    }

    .esmeralda-final-free {
        font-size: 20px !important;
    }
}



/* =========================================================
   ESMERALDA VISUAL R4
   REFERENCIA APROVADA PC + MOBILE
   ========================================================= */

/*
 * Corrige os max-width em CH adicionados anteriormente,
 * que estavam causando quebras excessivas.
 */

.esmeralda-foldfix-title,
.esmeralda-foldfix-lead,
.esmeralda-foldfix-copy,
.esmeralda-foldfix-hook,
.esmeralda-foldfix-cta-line {
    max-width: none !important;
    width: 100% !important;
}


/* ---------- CARD / HERO ---------- */

.esmeralda-card {
    background:
        linear-gradient(
            180deg,
            #171817 0%,
            #121313 100%
        ) !important;

    border-color: rgba(190,145,50,.45) !important;

    padding:
        18px 24px
        22px !important;

    text-align: center !important;
}


/* ---------- CIGANA ESMERALDA ---------- */

.esmeralda-card > .eyebrow {
    display: block !important;

    margin:
        0 auto
        7px !important;

    text-align: center !important;

    color: #46d22f !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 18px !important;

    font-weight: 900 !important;

    letter-spacing: .055em !important;

    line-height: 1.05 !important;

    text-transform: uppercase !important;
}


/* ---------- TITULO PRINCIPAL ---------- */

.esmeralda-card > h1 {
    display: block !important;

    width: 100% !important;
    max-width: 760px !important;

    margin:
        7px auto
        10px !important;

    padding: 0 !important;

    color: #ffffff !important;

    text-align: center !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: clamp(
        30px,
        3.35vw,
        45px
    ) !important;

    font-weight: 900 !important;

    line-height: 1.05 !important;

    letter-spacing: .005em !important;

    text-transform: uppercase !important;

    text-wrap: balance;
}

.esmeralda-foldfix-title {
    display: inline !important;

    width: auto !important;

    margin: 0 !important;

    padding: 0 !important;

    font: inherit !important;

    line-height: inherit !important;

    letter-spacing: inherit !important;

    color: inherit !important;
}


/* ---------- PRIMEIRA CHAMADA ---------- */

.esmeralda-lead {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        0 auto
        10px !important;

    color: #ffffff !important;

    text-align: center !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    line-height: 1.30 !important;
}

.esmeralda-foldfix-lead {
    display: inline !important;

    width: auto !important;

    margin: 0 !important;

    font: inherit !important;

    line-height: inherit !important;

    color: inherit !important;
}


/* ---------- TEXTOS INTERMEDIARIOS ---------- */

.esmeralda-card > p.muted {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        7px auto
        9px !important;

    padding: 0 !important;

    color: #b9bec6 !important;

    text-align: center !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13.5px !important;

    font-weight: 400 !important;

    line-height: 1.42 !important;
}

.esmeralda-card > p.muted strong {
    color: #c4c9d0 !important;
    font-weight: 700 !important;
}

.esmeralda-foldfix-copy {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    font: inherit !important;
    color: inherit !important;
}


/* ---------- SEU MAPA JA EXISTE ---------- */

.esmeralda-call {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        11px auto
        8px !important;

    padding: 0 !important;

    text-align: center !important;

    line-height: 1.15 !important;
}

.esmeralda-map-title {
    display: block !important;

    color: #ffe600 !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 24px !important;

    font-weight: 900 !important;

    line-height: 1.05 !important;

    letter-spacing: .015em !important;

    text-transform: uppercase !important;
}

.esmeralda-map-subtitle {
    display: block !important;

    margin-top: 3px !important;

    color: #ffe600 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    line-height: 1.15 !important;
}


/* ---------- CTA FINAL ---------- */

.esmeralda-free-call {
    width: 100% !important;
    max-width: 700px !important;

    margin:
        9px auto
        12px !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    text-align: center !important;
}

.esmeralda-final-cta {
    display: block !important;

    color: #ffffff !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 27px !important;

    font-weight: 900 !important;

    line-height: 1.02 !important;

    letter-spacing: .02em !important;

    text-transform: uppercase !important;
}

.esmeralda-final-free {
    display: block !important;

    margin-top: 3px !important;

    color: #ffffff !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 25px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: .035em !important;
}


/* ---------- FORMULARIO MAIS PROXIMO ---------- */

.esmeralda-card form {
    margin-top: 8px !important;
}

.esmeralda-card .esmeralda-step {
    margin-top: 9px !important;
    margin-bottom: 7px !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 769px) {

    .esmeralda-card {
        padding:
            18px 28px
            22px !important;
    }

    .esmeralda-card > h1 {
        max-width: 820px !important;

        font-size: clamp(
            32px,
            3vw,
            44px
        ) !important;
    }

    .esmeralda-lead {
        font-size: 15px !important;
    }

    .esmeralda-card > p.muted {
        font-size: 13px !important;
    }

    .esmeralda-map-title {
        font-size: 25px !important;
    }

    .esmeralda-map-subtitle {
        font-size: 16px !important;
    }

    .esmeralda-final-cta {
        font-size: 28px !important;
    }

    .esmeralda-final-free {
        font-size: 25px !important;
    }
}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 768px) {

    .esmeralda-card {
        margin-top: 8px !important;

        padding:
            13px 11px
            16px !important;

        border-radius: 16px !important;
    }

    .esmeralda-card > .eyebrow {
        margin-bottom: 6px !important;

        color: #46d22f !important;

        font-size: 17px !important;

        line-height: 1 !important;
    }

    .esmeralda-card > h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            5px auto
            8px !important;

        font-size: clamp(
            24px,
            7.4vw,
            31px
        ) !important;

        line-height: 1.06 !important;

        letter-spacing: 0 !important;
    }

    .esmeralda-lead {
        width: 100% !important;
        max-width: 100% !important;

        margin-bottom: 8px !important;

        padding:
            0 2px !important;

        font-size: 13px !important;

        line-height: 1.25 !important;
    }

    .esmeralda-card > p.muted {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            6px auto
            7px !important;

        padding:
            0 3px !important;

        font-size: 11.5px !important;

        line-height: 1.35 !important;
    }

    .esmeralda-call {
        max-width: 100% !important;

        margin:
            9px auto
            6px !important;
    }

    .esmeralda-map-title {
        font-size: 20px !important;

        line-height: 1 !important;
    }

    .esmeralda-map-subtitle {
        margin-top: 2px !important;

        font-size: 13px !important;

        line-height: 1.12 !important;
    }

    .esmeralda-free-call {
        max-width: 100% !important;

        margin:
            8px auto
            8px !important;
    }

    .esmeralda-final-cta {
        font-size: 21px !important;

        line-height: 1.02 !important;
    }

    .esmeralda-final-free {
        margin-top: 2px !important;

        font-size: 21px !important;
    }

    .esmeralda-card form {
        margin-top: 5px !important;
    }
}


/* =========================================================
   CELULAR ESTREITO
   ========================================================= */

@media (max-width: 430px) {

    .esmeralda-card > h1 {
        font-size: 25px !important;
    }

    .esmeralda-card > .eyebrow {
        font-size: 16px !important;
    }

    .esmeralda-lead {
        font-size: 12.5px !important;
    }

    .esmeralda-card > p.muted {
        font-size: 11px !important;
    }

    .esmeralda-map-title {
        font-size: 19px !important;
    }

    .esmeralda-map-subtitle {
        font-size: 12.5px !important;
    }

    .esmeralda-final-cta {
        font-size: 20px !important;
    }

    .esmeralda-final-free {
        font-size: 20px !important;
    }
}



/* ============================================================
   CIGANA ESMERALDA - VISUAL R5
   REFERENCIA: TELA "COMO DEVE FICAR"
   ============================================================ */


/* CARD COMPLETO */

.esmeralda-r5-card {
    background: #171513 !important;

    border: 1px solid
        rgba(202, 155, 48, .42) !important;

    border-radius: 18px !important;

    padding:
        12px 16px
        18px !important;

    color: #fff !important;
}


/* HERO */

.esmeralda-hero-r5 {
    width: 100% !important;

    max-width: 820px !important;

    margin:
        0 auto
        7px !important;

    padding:
        0 !important;

    text-align: center !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;
}


/* ESTRELA */

.esmeralda-r5-symbol {
    margin:
        0 auto
        2px !important;

    color: #ffffff !important;

    font-size: 14px !important;

    line-height: 1 !important;
}


/* NOME VERDE */

.esmeralda-r5-name {
    margin:
        0 auto
        7px !important;

    color: #58dc35 !important;

    text-align: center !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 22px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: .035em !important;

    text-transform: uppercase !important;
}


/* TITULO */

.esmeralda-r5-title {
    width: 100% !important;

    margin:
        0 auto
        8px !important;

    padding: 0 !important;

    color: #ffffff !important;

    text-align: center !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-weight: 900 !important;

    letter-spacing: .035em !important;

    text-transform: uppercase !important;

    text-wrap: balance !important;
}

.esmeralda-r5-title span {
    display: block !important;
}


/* DESKTOP TITULO */

.esmeralda-r5-title-desktop {
    display: block !important;

    font-size: clamp(
        27px,
        3.1vw,
        42px
    ) !important;

    line-height: 1.04 !important;
}

.esmeralda-r5-title-mobile {
    display: none !important;
}


/* PROXIMOS 7 DIAS */

.esmeralda-r5-seven {
    max-width: 650px !important;

    margin:
        0 auto
        7px !important;

    color: #ffffff !important;

    text-align: center !important;

    font-size: 14px !important;

    font-weight: 800 !important;

    line-height: 1.22 !important;
}

.r5-mobile-br {
    display: none;
}


/* TEXTOS PEQUENOS */

.esmeralda-r5-small-block {
    max-width: 650px !important;

    margin:
        6px auto
        7px !important;

    padding:
        5px 10px !important;

    background:
        rgba(64, 60, 68, .38) !important;

    color: #aeb4bd !important;

    text-align: center !important;

    font-size: 11.5px !important;

    font-weight: 400 !important;

    line-height: 1.35 !important;
}

.esmeralda-r5-method {
    color: #b8bec7 !important;
}


/* MAPA */

.esmeralda-r5-map {
    margin:
        8px auto
        7px !important;

    padding: 0 !important;

    text-align: center !important;
}

.esmeralda-r5-map-title {
    color: #ffeb00 !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 25px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: .035em !important;

    text-transform: uppercase !important;
}

.esmeralda-r5-map-subtitle {
    margin-top: 3px !important;

    color: #ffeb00 !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    line-height: 1.10 !important;
}


/* CTA FINAL */

.esmeralda-r5-final {
    margin:
        7px auto
        5px !important;

    text-align: center !important;
}

.esmeralda-r5-final-title {
    color: #ffffff !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 28px !important;

    font-weight: 900 !important;

    line-height: .98 !important;

    letter-spacing: .035em !important;

    text-transform: uppercase !important;
}

.esmeralda-r5-free {
    margin-top: 4px !important;

    color: #ffffff !important;

    font-family:
        "Arial Black",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 27px !important;

    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: .055em !important;

    text-transform: uppercase !important;
}


/* FORMULARIO COMEÇA LOGO APÓS CTA */

.esmeralda-r5-card > form {
    margin-top: 5px !important;
}


/* ============================================================
   CELULAR
   ============================================================ */

@media (max-width: 768px) {

    .esmeralda-r5-card {
        margin-top: 8px !important;

        padding:
            10px 9px
            14px !important;

        border-radius: 14px !important;

        background: #171513 !important;
    }


    .esmeralda-r5-symbol {
        margin-bottom: 1px !important;

        font-size: 12px !important;
    }


    .esmeralda-r5-name {
        margin-bottom: 7px !important;

        color: #58dc35 !important;

        font-size: 18px !important;

        line-height: 1 !important;

        letter-spacing: .035em !important;
    }


    /*
     * No celular usamos quebras EXATAS
     * conforme referência enviada.
     */

    .esmeralda-r5-title-desktop {
        display: none !important;
    }

    .esmeralda-r5-title-mobile {
        display: block !important;

        margin-bottom: 7px !important;

        font-size: 21px !important;

        line-height: 1.04 !important;

        letter-spacing: .035em !important;
    }


    .esmeralda-r5-seven {
        max-width: 100% !important;

        margin-bottom: 6px !important;

        padding:
            0 5px !important;

        font-size: 11.5px !important;

        font-weight: 800 !important;

        line-height: 1.18 !important;
    }

    .r5-mobile-br {
        display: block !important;
    }


    .esmeralda-r5-small-block {
        max-width: 100% !important;

        margin:
            5px auto
            6px !important;

        padding:
            5px 7px !important;

        font-size: 8.7px !important;

        line-height: 1.30 !important;
    }


    .esmeralda-r5-map {
        margin:
            7px auto
            6px !important;
    }

    .esmeralda-r5-map-title {
        font-size: 19px !important;

        line-height: 1 !important;

        letter-spacing: .035em !important;
    }

    .esmeralda-r5-map-subtitle {
        margin-top: 2px !important;

        padding:
            0 4px !important;

        font-size: 12.5px !important;

        line-height: 1.10 !important;
    }


    .esmeralda-r5-final {
        margin:
            6px auto
            3px !important;
    }

    .esmeralda-r5-final-title {
        font-size: 21px !important;

        line-height: .98 !important;

        letter-spacing: .035em !important;
    }

    .esmeralda-r5-free {
        margin-top: 3px !important;

        font-size: 21px !important;

        line-height: 1 !important;
    }

}


/* ============================================================
   CELULAR MAIS ESTREITO
   ============================================================ */

@media (max-width: 390px) {

    .esmeralda-r5-name {
        font-size: 17px !important;
    }

    .esmeralda-r5-title-mobile {
        font-size: 20px !important;
    }

    .esmeralda-r5-seven {
        font-size: 11px !important;
    }

    .esmeralda-r5-small-block {
        font-size: 8.4px !important;
    }

    .esmeralda-r5-map-title {
        font-size: 18px !important;
    }

    .esmeralda-r5-map-subtitle {
        font-size: 12px !important;
    }

    .esmeralda-r5-final-title {
        font-size: 20px !important;
    }

    .esmeralda-r5-free {
        font-size: 20px !important;
    }
}



/* ==========================================================
   ASCENDA_SHELL_VISUAL_UNIFICADO_R1
   ========================================================== */

.asc-unified-header{
    display:grid !important;
    grid-template-columns:48px minmax(0,1fr) 48px;
    align-items:center;
    min-height:70px;
    gap:8px;
}

.asc-header-side{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.asc-centered-brand{
    justify-self:center;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
}

.asc-centered-brand img{
    display:block;
    width:min(62vw,260px);
    max-height:56px;
    object-fit:contain;
}

.asc-theme-switch{
    width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #cda52f;
    background:#0c1825;
    color:#f4c954;
    cursor:pointer;
    font-size:17px;
    font-weight:800;
}

.asc-unified-bottom{
    z-index:80;
}

.asc-unified-bottom a{
    text-decoration:none;
}

body.ascenda-body{
    padding-bottom:
        calc(
            72px +
            env(safe-area-inset-bottom,0px)
        );
}


/* ---------- DARK ---------- */

html[data-ascenda-theme="dark"]{
    color-scheme:dark;
}

html[data-ascenda-theme="dark"] body.ascenda-body{
    background:#050b16;
    color:#edf3f8;
}

html[data-ascenda-theme="dark"] .asc-core-nav a{
    background:#0d1a29;
    color:#eaf0f5;
    border-color:#324151;
}

html[data-ascenda-theme="dark"] .asc-core-nav a.active{
    background:#e7b331;
    border-color:#e7b331;
    color:#17120a;
}


/* ---------- LIGHT ---------- */

html[data-ascenda-theme="light"]{
    color-scheme:light;
}

html[data-ascenda-theme="light"] body.ascenda-body{
    background:#f4f6f8 !important;
    color:#17202a !important;
}

html[data-ascenda-theme="light"] .app-frame,
html[data-ascenda-theme="light"] .app-main,
html[data-ascenda-theme="light"] .guru-page,
html[data-ascenda-theme="light"] .guru-detail{
    color:#17202a !important;
}

html[data-ascenda-theme="light"] .app-header,
html[data-ascenda-theme="light"] .bottom-nav{
    background:#ffffff !important;
    border-color:#d5dee6 !important;
}

html[data-ascenda-theme="light"] .asc-theme-switch{
    background:#ffffff;
    color:#17202a;
    border-color:#c7a13b;
}

html[data-ascenda-theme="light"] .welcome-panel,
html[data-ascenda-theme="light"] .today-card,
html[data-ascenda-theme="light"] .settings-card,
html[data-ascenda-theme="light"] .module-card,
html[data-ascenda-theme="light"] .foundation-note,
html[data-ascenda-theme="light"] .asc-profile-avatar,
html[data-ascenda-theme="light"] .asc-profile-section,
html[data-ascenda-theme="light"] .asc-mission-card,
html[data-ascenda-theme="light"] .panel,
html[data-ascenda-theme="light"] .card,
html[data-ascenda-theme="light"] .profile-card{
    background:#ffffff !important;
    color:#17202a !important;
    border-color:#cbd5df !important;
}

html[data-ascenda-theme="light"] h1,
html[data-ascenda-theme="light"] h2,
html[data-ascenda-theme="light"] h3,
html[data-ascenda-theme="light"] strong,
html[data-ascenda-theme="light"] label{
    color:#17202a;
}

html[data-ascenda-theme="light"] .muted,
html[data-ascenda-theme="light"] small,
html[data-ascenda-theme="light"] .guru-note{
    color:#526575 !important;
}

html[data-ascenda-theme="light"] input,
html[data-ascenda-theme="light"] select,
html[data-ascenda-theme="light"] textarea{
    background:#ffffff !important;
    color:#17202a !important;
    border-color:#9fb0bf !important;
}

html[data-ascenda-theme="light"] .asc-core-nav a{
    background:#ffffff;
    color:#17202a;
    border-color:#ccd5df;
}

html[data-ascenda-theme="light"] .asc-core-nav a.active{
    background:#e7b331;
    border-color:#e7b331;
    color:#17120a;
}


/* Gurus: mantém identidade visual interna,
   mas integra superfície externa ao tema. */

html[data-ascenda-theme="light"] .guru-intro,
html[data-ascenda-theme="light"] .guru-rule{
    color:#526575;
}


/* ---------- MOBILE ---------- */

@media(max-width:560px){

    .asc-unified-header{
        grid-template-columns:44px minmax(0,1fr) 44px;
        min-height:64px;
    }

    .asc-centered-brand img{
        width:min(66vw,230px);
        max-height:50px;
    }

    .asc-theme-switch{
        width:36px;
        height:36px;
    }

}