/* =========================================================
   Tema CREME & BRANCO — carregado depois de styles.css
   Fundos creme/branco, texto quase preto, acentos dourados.
   ========================================================= */

:root {
  --ink: #1F1B18;            /* texto principal */
  --muted: #6E655D;          /* texto secundário */
  --line: #EADFCF;
  --cream-bg: #F8F0E5;
  --cream-2: #FBF6EF;
  --cream-3: #F5EBDD;
  --gold: #DDA05A;           /* botões */
  --gold-2: #EBB574;
  --gold-text: #A8732F;      /* ícones e números grandes */
  --gold-deep: #8E6226;      /* textos pequenos em dourado */
  --gold-tint: #FBEFD9;
  --shadow: 0 30px 60px -30px rgba(70, 50, 25, .28);
  --shadow-soft: 0 18px 40px -26px rgba(70, 50, 25, .25);
}

body { color: var(--ink); background: #fff; }
:focus-visible { outline-color: var(--gold-deep); }
.skip { color: var(--ink); }

/* ---------- textos utilitários ---------- */
.eyebrow, .eyebrow--light { color: var(--gold-deep); }
.eyebrow::before { background: var(--gold); }
h2, .section--dark h2 { color: var(--ink); }
.section-head p:not(.eyebrow),
.section--dark .section-head p:not(.eyebrow) { color: var(--muted); }

/* destaque tipo marca-texto, no lugar da cor */
.hero .hl, .statement strong {
  color: var(--ink);
  background-image: linear-gradient(transparent 62%, rgba(221, 160, 90, .45) 62%, rgba(221, 160, 90, .45) 92%, transparent 92%);
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}

/* ---------- botões ---------- */
.btn { --fg: var(--ink); box-shadow: 0 12px 28px -14px rgba(190, 130, 60, .7); }
.btn__arrow { background: var(--ink); color: var(--gold); }
.btn--light { --bg: var(--ink); --fg: #fff; }
.btn--light:hover { --bg: #000; }
.btn--light .btn__arrow { background: var(--gold); color: var(--ink); }

/* ---------- header ---------- */
.header.is-scrolled {
  background: rgba(255, 253, 249, .9);
  box-shadow: 0 1px 0 var(--line);
}

/* ---------- hero ---------- */
.hero {
  color: var(--ink);
  background:
    radial-gradient(50% 60% at 80% 48%, rgba(221, 160, 90, .28), transparent 65%),
    radial-gradient(45% 60% at 0% 0%, rgba(255, 255, 255, .9), transparent 70%),
    var(--cream-bg);
}
.hero::after { opacity: .05; background-image: radial-gradient(rgba(90, 60, 30, .8) 1px, transparent 1px); }
.hero h1 { color: var(--ink); }
.hero__lead { color: var(--muted); }
.hero__strong { color: var(--ink); border-left-color: var(--gold); }
.kpi { background: #fff; border-color: var(--line); box-shadow: var(--shadow-soft); }
.kpi__icon { color: var(--gold-text); }
.kpi__label { color: var(--muted); }
.kpi__value { color: var(--ink); }
.kpi__value sup { color: var(--gold-text); }
.kpi--accent { background: linear-gradient(135deg, #FBEACD, #FFF8EC); border-color: #EBCB98; }
.kpi--accent .kpi__value { color: var(--ink); }
.hero__trust { color: var(--muted); }
.hero__trust .i { color: var(--gold-text); }

.photo img { border-color: rgba(31, 27, 24, .08); box-shadow: 0 40px 80px -34px rgba(70, 45, 20, .55); }
.float-badge { background: #fff; color: var(--ink); box-shadow: 0 18px 40px -18px rgba(70, 45, 20, .45); }
.float-badge .i { color: var(--gold-text); }

.brand-rule::before, .brand-rule::after { background: rgba(31, 27, 24, .1); }
.brand-rule img { opacity: .8; }

/* ---------- seções: alternância creme / branco ---------- */
#mercado { background: #fff; }
#tecnologia { background: var(--cream-2); color: var(--ink); }
#modelo { background: #fff; }
#imprensa { background: var(--cream-3); }

/* ---------- mercado ---------- */
.market__copy p:not(.eyebrow) { color: var(--muted); }
.stat { background: var(--cream-2); border-color: var(--line); box-shadow: none; }
.stat__icon { background: var(--gold-tint); color: var(--gold-text); }
.stat__value { color: var(--ink); }
.stat__value sup { color: var(--muted); }
.market__note { color: var(--ink); }
.band {
  background: linear-gradient(120deg, #F7E8CC, #EFD6AA);
  color: var(--ink); box-shadow: var(--shadow-soft);
}

/* ---------- tecnologia ---------- */
.tech { background: var(--cream-2); }
.feature { border-bottom-color: var(--line); }
.feature__icon { background: var(--gold-tint); border-color: #EFD9B4; color: var(--gold-text); }
.feature h3 { color: var(--ink); }
.feature p { color: var(--muted); }
.drinks li { background: #fff; border-color: var(--line); color: var(--ink); }
.drinks i { box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--line); }
.shot { border-color: var(--line); background: #EFE6DA; }

/* ---------- modelo ---------- */
.duty__badge, .duty--you .duty__list li > span { background: var(--gold-tint); color: var(--gold-text); }
.duty--you .duty__list li { background: var(--cream-2); border-color: var(--line); }
.duty--you::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8732F' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
  opacity: .08;
}
.duty--us { background: linear-gradient(140deg, #F8EBD4 0%, #F0D9B2 100%); color: var(--ink); box-shadow: var(--shadow-soft); }
.duty__badge--brand { background: rgba(255, 255, 255, .75); }
.duty--us .duty__list li { background: rgba(255, 255, 255, .65); border-color: rgba(168, 115, 47, .18); }
.duty--us .duty__list li > span { background: #fff; color: var(--gold-text); }
.statement p { color: var(--ink); }

/* ---------- convite + formulário ---------- */
.invite {
  background:
    radial-gradient(50% 60% at 10% 10%, rgba(255, 255, 255, .9), transparent 70%),
    radial-gradient(45% 55% at 90% 90%, rgba(221, 160, 90, .22), transparent 70%),
    linear-gradient(180deg, #F6E9D5, var(--cream-2));
  color: var(--ink);
}
.invite__mark { opacity: .07; }
.invite__copy p:not(.eyebrow) { color: var(--muted); }
.proof__item { background: #fff; border-color: var(--line); box-shadow: var(--shadow-soft); }
.proof__item strong { color: var(--ink); }
.proof__label { color: var(--muted); }
.proof__item--big { background: linear-gradient(120deg, #FBEACD, #FFF8EC); border-color: #EBCB98; }
.proof__item--big strong { color: var(--gold-text); }
.proof__item--big .proof__caption { color: var(--ink); }

.form-card { background: #fff; box-shadow: 0 40px 80px -36px rgba(70, 45, 20, .35); border-top-color: var(--gold); }
.field input, .field select { border-color: var(--line); }
.field input:focus, .field select:focus { border-color: var(--gold-text); box-shadow: 0 0 0 4px rgba(221, 160, 90, .22); }
.field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231F1B18' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.consent input { accent-color: var(--gold-text); }
.consent a { color: var(--ink); }
.form-success__icon { background: var(--gold-tint); color: var(--gold-text); }

/* ---------- rodapé e CTA fixo ---------- */
.footer { background: #F1E8DB; color: var(--muted); }
.footer a { color: var(--ink); }
.footer__logo { opacity: 1; }
.sticky-cta { background: rgba(255, 253, 249, .94); border-top-color: var(--line); }

/* sombras que a regra .btn acima não deve sobrescrever */
.btn--sm, .btn--light, .btn--light:hover { box-shadow: none; }

/* destaques: sem royalties / sem marketing */
.nofee li { background: #fff; border-color: #E5BC80; color: var(--ink); box-shadow: var(--shadow-soft); }
.nofee__icon, .proof__check { background: var(--gold); color: var(--ink); }
.fees { background: linear-gradient(120deg, #E2A85F, #EFC283); color: var(--ink); box-shadow: 0 30px 60px -32px rgba(190, 130, 60, .55); }
.fees__icon { background: var(--ink); color: var(--gold); }
.fees__item + .fees__item { border-left-color: rgba(31, 27, 24, .14); }
.fees__item p span { color: var(--ink); }
.proof__item--fee { background: #FFF8EC; border-color: #E9C48C; }
@media (max-width: 640px) {
  .fees__item + .fees__item { border-top-color: rgba(31, 27, 24, .14); }
}

/* destaque máximo (tema creme): dourado sólido + texto quase preto */
.ribbon { background: var(--gold); color: var(--ink); }
.nofee li { background: var(--gold); border: 0; color: var(--ink); box-shadow: 0 16px 34px -18px rgba(190, 130, 60, .75); }
.nofee__icon { background: var(--ink); color: var(--gold); }
.zerofee { background: linear-gradient(100deg, #D99A50, #E9B36F); color: var(--ink); }
.zerofee__icon { background: var(--ink); color: var(--gold); }
.zerofee__item + .zerofee__item { border-color: rgba(31, 27, 24, .16); }
.proof__item--fee { background: var(--gold); border-color: var(--gold); }
.proof__item--fee strong { color: var(--ink); }
.proof__item--fee .proof__check { background: var(--ink); color: var(--gold); }