/* VALOR DO GRAMA POR QUILATE — /valor-do-grama-do-ouro-16k/ e as outras três.
 *
 * ⚠ NÃO É CLONE: são páginas novas (16/09/2026). A base é a folha das páginas de unidade, com o
 * escopo trocado, para as quatro parecerem do mesmo site. O que é só delas está no fim, em
 * "PRÓPRIO DESTA PÁGINA". O formulário da pré-avaliação usa a folha dele (`preavaliacao.css`). */
#oe-quilate{
/* ——— Verde (marca) ——— */
--green-950:#042A20; --green-900:#063B2E; --green-800:#0B4A3A;
--green-700:#125E49; --green-600:#1B7259; --green-500:#2B8A6C;
/* ——— Dourado ——— */
--gold-100:#F7EFDB; --gold-200:#EEDFB6; --gold-300:#E5D096; --gold-400:#DBC078;
--gold-500:#CBAA63; --gold-600:#BE9B54; --gold-700:#9C7E42;
--gold-gradient:linear-gradient(135deg,#DBC078 0%,#BE9B54 100%);
/* ——— Creme / Ink (neutros) ——— */
--cream-050:#FCFAF6; --cream-100:#F8F4EC; --cream-200:#F0E9DA;
--ink-900:#111512; --ink-800:#1D231F; --ink-700:#333B36; --ink-600:#525C55;
--ink-500:#767F79; --ink-400:#9AA19C; --ink-300:#C2C7C3; --ink-200:#E1E4E1;
--ink-100:#EFF1EF; --white:#FFFFFF;
/* ——— Semânticas ——— */
--success-600:#2F7D5A; --success-100:#E5F1EA;
--warning-600:#B07F2B; --warning-100:#F7EEDC;
--danger-600:#A8402F;  --danger-100:#F6E4E0;
--info-600:#2E6B7A;    --info-100:#E3EEF0;
/* ——— Aliases semânticos ——— */
--bg-page:var(--cream-050); --bg-surface:var(--white); --bg-surface-sunken:var(--cream-100);
--bg-inverse:var(--green-900);
--text-primary:var(--ink-900); --text-secondary:var(--ink-600); --text-tertiary:var(--ink-500);
--text-on-dark:var(--cream-050); --text-on-dark-muted:rgba(252,250,246,.68); --text-gold:var(--gold-600);
--brand-primary:var(--green-900); --brand-accent:var(--gold-600);
--border-subtle:var(--ink-200); --border-default:var(--ink-300); --border-on-dark:rgba(251,248,242,.16);
--focus-ring:var(--gold-500);
/* ——— Tipografia (herda 100% do tema) ——— */
--font-sans:inherit;
--fs-display-xl:clamp(2.75rem,4.5vw,4.75rem);
--fs-display-lg:clamp(2.25rem,3.4vw,3.5rem);
--fs-display-md:clamp(1.75rem,2.4vw,2.5rem);
--fs-heading-lg:1.75rem; --fs-heading-md:1.375rem; --fs-heading-sm:1.125rem;
--fs-body-lg:1.125rem; --fs-body-md:1rem; --fs-body-sm:.875rem; --fs-caption:.75rem;
--lh-display:1.05; --lh-heading:1.2; --lh-body:1.6; --lh-caption:1.4;
--ls-display:-0.02em; --ls-heading:-0.01em; --ls-eyebrow:.14em;
--fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700; --fw-extrabold:800;
/* ——— Espaço / raio / elevação / movimento ——— */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;
--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;
--container-max:1200px;--gutter:24px;
--shadow-sm:0 1px 2px rgba(6,59,46,.06);
--shadow-md:0 4px 16px rgba(6,59,46,.08);
--shadow-lg:0 16px 40px rgba(6,59,46,.12);
--shadow-gold:0 8px 24px rgba(190,155,84,.28);
--ease-standard:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);
--dur-fast:150ms;--dur-med:260ms;--dur-slow:420ms;
}

/* ===== BASE ===== */
#oe-quilate{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;width:100%;max-width:100%;overflow-x:hidden;}
#oe-quilate *{box-sizing:border-box;}
#oe-quilate img,#oe-quilate svg{display:block;max-width:100%;}
/* ⚠ O ZERAMENTO NÃO ENTRA NO FORMULÁRIO. Um seletor com id vence as classes de `preavaliacao.css`,
   e o `margin:0` daqui apagava todo o espaçamento do cartão da pré-avaliação (achado na revisão,
   16/09/2026). `:not(.oep *)` deixa o componente com a folha dele. */
#oe-quilate a:not(.oep *){color:inherit;}
#oe-quilate :is(h1,h2,h3,h4,p,ul,ol,dl,dd,dt):not(.oep *){margin:0;padding:0;}
#oe-quilate ul,#oe-quilate ol{list-style:none;}

/* ===== BOTÕES ===== */
#oe-quilate .oe-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-md);
  line-height:1;text-decoration:none;padding:14px 26px;border-radius:var(--radius-sm);
  border:1.5px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),background var(--dur-fast),color var(--dur-fast);}
#oe-quilate .oe-btn:hover{transform:translateY(-1px);text-decoration:none;}
#oe-quilate .oe-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}
#oe-quilate .oe-btn--gold{background:var(--gold-gradient);color:var(--green-950);}
#oe-quilate .oe-btn--gold:hover{box-shadow:var(--shadow-gold);}
#oe-quilate .oe-btn--secondary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary);}
#oe-quilate .oe-btn--secondary:hover{background:var(--brand-primary);color:var(--text-on-dark);}
#oe-quilate .oe-btn--on-dark{background:transparent;border-color:var(--border-on-dark);color:var(--gold-300);}
#oe-quilate .oe-btn--on-dark:hover{border-color:var(--gold-300);background:rgba(219,192,120,.12);}
#oe-quilate .oe-btn--on-gold{background:var(--green-900);color:var(--gold-300);border:none;}
#oe-quilate .oe-btn--on-gold:hover{box-shadow:var(--shadow-md);}
#oe-quilate .oe-btn--on-gold-outline{background:transparent;border-color:var(--green-900);color:var(--green-950);}
#oe-quilate .oe-btn--on-gold-outline:hover{background:var(--green-900);color:var(--gold-300);}

/* ===== CARD ===== */
#oe-quilate .oe-card{background:var(--bg-surface);border:1px solid var(--border-subtle);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);}

/* ===== TAG / EYEBROW ===== */
#oe-quilate .oe-tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-caption);
  font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase;
  padding:4px 10px;border-radius:var(--radius-full);line-height:1.4;}
#oe-quilate .oe-tag--gold{background:var(--gold-100);color:var(--gold-700);}
#oe-quilate .oe-tag--neutral{background:var(--cream-200);color:var(--ink-600);}
#oe-quilate .oe-eyebrow{font-size:var(--fs-caption);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;
  font-weight:var(--fw-semibold);color:var(--gold-600);}

/* ===== LAYOUT ===== */
#oe-quilate .oe-wrap{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);width:100%;}
#oe-quilate .oe-section{padding:var(--space-20) 0;width:100%;}
#oe-quilate .oe-section--alt{background:var(--bg-surface-sunken);}
#oe-quilate .oe-section-head{max-width:720px;margin-bottom:var(--space-8);}
#oe-quilate .oe-section-head .oe-eyebrow{display:block;margin-bottom:var(--space-3);}
#oe-quilate .oe-section-head h2{font-size:var(--fs-display-md);font-weight:var(--fw-extrabold);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--brand-primary);margin-bottom:var(--space-3);}
#oe-quilate .oe-section-head p{font-size:var(--fs-body-lg);color:var(--text-secondary);line-height:var(--lh-body);}

/* ===== BREADCRUMB ===== */
#oe-quilate .oe-crumb{padding:var(--space-4) 0;font-size:var(--fs-body-sm);color:var(--text-tertiary);}
#oe-quilate .oe-crumb ol{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
#oe-quilate .oe-crumb a{color:var(--text-secondary);text-decoration:none;}
#oe-quilate .oe-crumb a:hover{color:var(--text-gold);}
#oe-quilate .oe-crumb li[aria-current]{color:var(--text-primary);font-weight:var(--fw-medium);}
#oe-quilate .oe-crumb .sep{color:var(--ink-300);}

/* ===== HERO ===== */
#oe-quilate .oe-hero{background:var(--brand-primary);color:var(--text-on-dark);padding:var(--space-16) 0 var(--space-20);}
#oe-quilate .oe-hero .oe-eyebrow{color:var(--gold-300);display:block;margin-bottom:var(--space-4);}
#oe-quilate .oe-hero h1{font-size:var(--fs-display-lg);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);line-height:var(--lh-display);color:var(--text-on-dark);margin-bottom:var(--space-6);max-width:900px;}
#oe-quilate .oe-hero__lead{font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--text-on-dark);max-width:820px;}
#oe-quilate .oe-hero__lead strong{color:var(--gold-300);font-weight:var(--fw-bold);}
#oe-quilate .oe-hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8);}

/* ===== FICHA DA UNIDADE (NAP) ===== */
#oe-quilate .oe-facts{max-width:820px;}
#oe-quilate .oe-facts dl{display:flex;flex-direction:column;}
#oe-quilate .oe-facts .oe-facts__row{padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);}
#oe-quilate .oe-facts .oe-facts__row:first-child{border-top:none;padding-top:0;}
#oe-quilate .oe-facts .oe-facts__row:last-child{padding-bottom:0;}
#oe-quilate .oe-facts dt{font-size:var(--fs-caption);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;
  font-weight:var(--fw-semibold);color:var(--gold-600);margin-bottom:var(--space-1);}
#oe-quilate .oe-facts dd{font-size:var(--fs-body-md);color:var(--text-secondary);line-height:var(--lh-body);}
#oe-quilate .oe-facts a{color:var(--text-gold);text-decoration:underline;text-underline-offset:2px;font-weight:var(--fw-medium);}
#oe-quilate .oe-facts a:hover{color:var(--gold-700);}

/* ===== PROSE ===== */
#oe-quilate .oe-prose{max-width:820px;font-size:var(--fs-body-lg);line-height:var(--lh-body);color:var(--text-secondary);}
#oe-quilate .oe-prose p{margin-bottom:var(--space-4);}
#oe-quilate .oe-prose p:last-child{margin-bottom:0;}
#oe-quilate .oe-prose strong{color:var(--text-primary);}
#oe-quilate .oe-prose a{color:var(--text-gold);text-decoration:underline;text-underline-offset:2px;font-weight:var(--fw-medium);}
#oe-quilate .oe-prose a:hover{color:var(--gold-700);}

/* ===== FAIXA DE CTA ===== */
#oe-quilate .oe-final-cta{background:var(--gold-gradient);padding:var(--space-16) 0;width:100%;}
#oe-quilate .oe-final-cta .oe-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;}
#oe-quilate .oe-final-cta h2{font-size:var(--fs-display-md);font-weight:var(--fw-extrabold);color:var(--green-950);letter-spacing:var(--ls-heading);margin-bottom:var(--space-2);max-width:520px;}
#oe-quilate .oe-final-cta p{margin:0;color:var(--green-900);font-size:var(--fs-body-md);max-width:480px;}
#oe-quilate .oe-final-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);}

/* ===== FAQ ===== */
#oe-quilate .oe-faq{max-width:820px;border-top:1px solid var(--border-subtle);}
#oe-quilate .oe-faq details{border-bottom:1px solid var(--border-subtle);}
#oe-quilate .oe-faq summary{list-style:none;cursor:pointer;padding:var(--space-5) 0;
  font-size:var(--fs-heading-sm);font-weight:var(--fw-semibold);color:var(--brand-primary);
  display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);}
#oe-quilate .oe-faq summary::-webkit-details-marker{display:none;}
#oe-quilate .oe-faq summary::marker{content:none;}
#oe-quilate .oe-faq summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}
#oe-quilate .oe-faq summary::after{content:"+";font-size:1.5rem;line-height:1;color:var(--gold-600);
  font-weight:var(--fw-regular);flex:none;}
#oe-quilate .oe-faq details[open] summary::after{content:"–";}
#oe-quilate .oe-faq details p{padding:0 0 var(--space-5);font-size:var(--fs-body-md);
  color:var(--text-secondary);line-height:var(--lh-body);max-width:72ch;}

/* ===== RESPONSIVO ===== */
@media (max-width:720px){
  #oe-quilate .oe-section{padding:var(--space-16) 0;}
}
@media (prefers-reduced-motion:reduce){
  #oe-quilate *{transition:none !important;}
}

/* ===== PRÓPRIO DESTA PÁGINA ===== */
/* A pré-avaliação sobe sobre o herói: é a primeira coisa a fazer, e fica à vista sem rolar. */
#oe-quilate .oe-simulador{position:relative;z-index:2;margin-top:calc(var(--space-12) * -1);padding-bottom:var(--space-16);}
#oe-quilate .oe-simulador .oep-card{margin:0 auto;}
#oe-quilate .oe-simulador a.oep-btn{text-decoration:none;}

/* Texto e ficha do teor lado a lado. Sem pé para ancorar nos dois lados, cada um tem a altura do
   próprio conteúdo (DESIGN.md §7-A): nada de esticar a ficha até a altura do texto. */
#oe-quilate .oe-teor{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-10);align-items:start;}

/* Três teores: uma fila de três, ou uma coluna. Nunca 2+1 (DESIGN.md §7-A). */
#oe-quilate .oe-outros__lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);}
#oe-quilate .oe-outros__lista a{display:flex;align-items:center;height:100%;padding:var(--space-4) var(--space-5);
  background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);
  color:var(--brand-primary);font-weight:var(--fw-semibold);text-decoration:none;
  transition:border-color var(--dur-fast) var(--ease-standard);}
#oe-quilate .oe-outros__lista a:hover{border-color:var(--gold-500);color:var(--gold-700);}
#oe-quilate .oe-outros__lista a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;}

@media (max-width:720px){
  #oe-quilate .oe-simulador{margin-top:calc(var(--space-10) * -1);padding-bottom:var(--space-12);}
  #oe-quilate .oe-teor{grid-template-columns:minmax(0,1fr);gap:var(--space-8);}
  #oe-quilate .oe-outros__lista{grid-template-columns:minmax(0,1fr);}
}