/* ============================================================
   BLACK 2026 · EXPANDINDO O SEU MUNDO — sistema compartilhado
   Paleta amostrada de estudo+paleta.png. Contraste medido (WCAG) no comentário.
   ============================================================ */
:root{
  /* primitivos da marca */
  --abyss:#000B1C;      /* fundo do globo (amostrado de backgroud.png) */
  --ink:#101821;        /* paleta: expansão · confiança */
  --ink-2:#0A1626;
  --navy:#123E60;       /* paleta: credibilidade · profissional */
  --gold:#B17C38;       /* paleta: conquista · premium */
  --gold-hi:#D9AE6C;    /* ouro para texto sobre escuro — 9.6:1 sobre --abyss */
  --gold-deep:#8A5A1F;  /* ouro para texto pequeno sobre marfim — 5.65:1 */
  --cream:#F3E6D6;      /* paleta: clareza · equilíbrio */
  --ivory:#FCFAF5;      /* paleta: leveza · movimento */

  /* semânticos — escuro */
  --on-dark:#F3EBDD;        /* 16.7:1 sobre --abyss */
  --on-dark-soft:#A8B5C6;   /* 9.5:1 sobre --abyss · 7.5:1 sobre --ink-2 */
  --line-dark:rgba(217,174,108,.22);
  /* semânticos — claro */
  --on-light:#101821;       /* 17.1:1 sobre --ivory */
  --on-light-soft:#4A5873;  /* 6.9:1 sobre --ivory · 5.8:1 sobre --cream */
  --on-light-faint:#5D6A80; /* placeholder · 5.2:1 sobre --ivory */
  --line-light:rgba(16,24,33,.14);
  --danger:#A3342A;         /* 6.4:1 sobre --ivory */

  /* CTA: ouro metálico, texto tinta — 4.95:1 no tom mais escuro do gradiente */
  --cta-1:#C99A55; --cta-2:#B17C38; --cta-text:#101821;

  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;

  --maxw:1240px;
  --gutter:clamp(20px,5vw,72px);
  --sec:clamp(112px,12vw,176px);
  --r-sm:3px; --r-md:6px;

  --ease-out:cubic-bezier(0.23,1,0.32,1);
  --ease-inout:cubic-bezier(0.77,0,0.175,1);
  --dur-fast:180ms; --dur-base:260ms;

  /* beautiful-shadows lg, tingida com a tinta da marca */
  --shadow-lg:0 2.8px 2.2px rgba(0,6,16,.10),0 6.7px 5.3px rgba(0,6,16,.13),0 12.5px 10px rgba(0,6,16,.16),0 22.3px 17.9px rgba(0,6,16,.19),0 41.8px 33.4px rgba(0,6,16,.22),0 100px 80px rgba(0,6,16,.30);
  --shadow-sm:0 2px 3px -1px rgba(16,24,33,.10),0 1px 0 0 rgba(16,24,33,.02),0 0 0 1px rgba(16,24,33,.08);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:var(--gold) var(--abyss);color-scheme:dark}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--abyss);color:var(--on-dark);font-family:var(--sans);font-size:17px;line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
button,input,textarea{font:inherit;color:inherit}
a{color:inherit}
::selection{background:var(--gold);color:var(--ink)}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:2px}
.on-light :focus-visible{outline-color:var(--gold-deep)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--abyss)}
::-webkit-scrollbar-thumb{background:#3a3226;border-radius:10px;border:2px solid var(--abyss)}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:16px;top:-60px;z-index:100;background:var(--ivory);color:var(--ink);padding:10px 16px;border-radius:var(--r-sm);font-weight:600;font-size:14px;text-decoration:none;transition:top var(--dur-fast) var(--ease-out)}
.skip:focus{top:16px}

.wrap{width:100%;max-width:calc(var(--maxw) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}

/* tipografia */
.serif{font-family:var(--serif)}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-0.012em;text-wrap:balance}
em{font-style:italic}
.gold{color:var(--gold-hi)}
.on-light .gold{color:var(--gold-deep)}
p{text-wrap:pretty}
.tab{font-variant-numeric:tabular-nums lining-nums}
.spaced{font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase}

/* botão — ouro metálico, como o anel do logo */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:16px 30px;border:0;border-radius:var(--r-sm);
  background:linear-gradient(100deg,var(--cta-2) 0%,var(--cta-1) 46%,#E0BA7A 52%,var(--cta-1) 58%,var(--cta-2) 100%);background-size:240% 100%;background-position:100% 0;
  color:var(--cta-text);font-family:var(--sans);font-weight:700;font-size:14px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,240,210,.45),inset 0 -1px 0 rgba(70,40,0,.25),0 10px 24px -12px rgba(0,4,12,.65);
  transition:background-position 700ms var(--ease-out),transform 160ms var(--ease-out),box-shadow var(--dur-base) var(--ease-out);-webkit-tap-highlight-color:transparent}
.btn svg{width:20px;height:20px;flex:none;transition:transform var(--dur-base) var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background-position:0 0;box-shadow:inset 0 1px 0 rgba(255,240,210,.55),inset 0 -1px 0 rgba(70,40,0,.25),0 14px 30px -12px rgba(0,4,12,.75)}
  .btn:hover svg{transform:translateX(3px)}
}
.btn:active{transform:scale(.97)}
.btn[aria-busy="true"]{cursor:progress;pointer-events:none}
.btn[aria-busy="true"] .btn-label{opacity:.6}
.btn-ghost{background:transparent;color:var(--on-dark);box-shadow:inset 0 0 0 1px rgba(217,174,108,.55)}
@media (hover:hover) and (pointer:fine){.btn-ghost:hover{background:rgba(217,174,108,.10);box-shadow:inset 0 0 0 1px var(--gold-hi)}}

/* rodapé */
.rodape{background:var(--abyss);border-top:1px solid var(--line-dark);padding:56px 0 calc(56px + env(safe-area-inset-bottom))}
.rodape .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.rodape img{width:150px;height:auto;opacity:.92}
.rodape p{font-size:13px;line-height:1.7;color:var(--on-dark-soft);text-align:right}
@media (max-width:640px){.rodape .wrap{flex-direction:column;align-items:flex-start}.rodape p{text-align:left}}

/* estrela-bússola (da marca) */
.estrela{color:var(--gold-hi)}

@media (prefers-reduced-transparency:reduce){.bar-cta{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--abyss)!important}}