/* Portal Dom Antony · Calculadora do 72
   Identidade do @dom.antony: noite (preto esverdeado), verde do terno, dourado da gravata,
   creme do papel; Playfair para o editorial, Bebas para os números grandes, Inter no texto.
   O app da calculadora continua creme (mesma cara dos vídeos); o site em volta é noturno. */
:root{
  color-scheme: dark;
  --noir:#0A0C0B; --noir2:#111513; --noir3:#181D1A;
  --verde:#1F3B2D; --verde2:#2B4E3C;
  --ouro:#D9B45A; --ouro2:#F0D58C; --ouro3:#B88A2E;
  --creme:#F3EBDD; --creme2:#CDC4B4; --creme3:#9E9688;
  --vinho:#8E2A2A; --vinho2:#D9645A; --ok:#7BD39A;
  --linha:rgba(243,235,221,.12); --linha2:rgba(243,235,221,.22);
  --f-tit:'Playfair Display',Georgia,serif; --f-num:'Bebas Neue','Oswald',Impact,sans-serif;
  --f-txt:'Inter','Segoe UI',system-ui,sans-serif; --f-script:'Luxurious Script','Caveat',cursive; --f-mao:'Caveat',cursive;
  --r:18px;
  /* nomes antigos (páginas internas) apontando para a paleta nova */
  --papel:var(--noir); --papel2:var(--noir2); --tinta:var(--creme); --tx2:var(--creme2); --tx3:var(--creme3);
  --mostarda:var(--ouro); --mostarda2:var(--ouro2);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--noir);color:var(--creme);font:16px/1.6 var(--f-txt);-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select{font:inherit;color:inherit}
a{color:var(--ouro2)}
:focus-visible{outline:2px solid var(--ouro2);outline-offset:3px;border-radius:8px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
::selection{background:var(--ouro);color:var(--noir)}

/* marca: aro dourado como a foto do perfil */
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--creme)}
.marca .aro{width:30px;height:30px;border-radius:50%;background:var(--verde);box-shadow:inset 0 0 0 2px var(--ouro);display:grid;place-items:center;font:700 13px/1 var(--f-tit);color:var(--ouro2);font-style:italic}
.marca b{font:600 15px/1 var(--f-txt);letter-spacing:.2em;text-transform:uppercase}
.selo{font:600 12px/1 var(--f-txt);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro)}
.rot{font:600 12px/1.3 var(--f-txt);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro)}

/* botões: pílula dourada (principal) e vidro (secundário) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 26px;font:600 15px/1 var(--f-txt);letter-spacing:.01em;cursor:pointer;text-decoration:none;white-space:nowrap;color:var(--creme);background:rgba(243,235,221,.08);box-shadow:inset 0 0 0 1px var(--linha2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .2s,transform .2s,box-shadow .2s}
.btn:hover{background:rgba(243,235,221,.16)}
.btn:active{transform:translateY(1px)}
.btn.pri,.btn.ouro{color:#1A1406;background:linear-gradient(135deg,var(--ouro2),var(--ouro) 55%,var(--ouro3));box-shadow:0 12px 24px -14px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.45)}
.btn.pri:hover,.btn.ouro:hover{filter:brightness(1.06);box-shadow:0 16px 28px -14px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.55);transform:translateY(-1px)}
.btn.verde{background:var(--verde);box-shadow:inset 0 0 0 1px rgba(217,180,90,.45)}
.btn.grande{font-size:17px;padding:17px 32px}
.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:default}
.btn .seta{transition:transform .2s}
.btn:hover .seta{transform:translateX(3px)}

.cartao{background:linear-gradient(180deg,rgba(243,235,221,.05),rgba(243,235,221,.025));border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--linha)}

/* barra de cima (páginas internas) */
.nav{border-bottom:1px solid var(--linha);background:rgba(10,12,11,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.nav .wrap{display:flex;align-items:center;gap:12px;padding-block:14px}
.nav .esp{flex:1}
.nav .btn{padding:10px 18px;font-size:14px}

/* formulários */
.campo{display:grid;gap:7px}
.campo label{font:600 12px/1.2 var(--f-txt);letter-spacing:.16em;text-transform:uppercase;color:var(--creme2)}
.campo input{border:0;border-radius:12px;background:rgba(243,235,221,.06);box-shadow:inset 0 0 0 1px var(--linha2);padding:13px 14px;width:100%;font-size:17px;color:var(--creme)}
.campo input:focus{box-shadow:inset 0 0 0 2px var(--ouro);outline:none}
.campo .dica{font-size:13px;color:var(--creme2)}
.msg{font-weight:600;font-size:15px;min-height:1.3em;margin:0}
.msg.erro{color:#F08C80}
.msg.ok{color:var(--ok)}
.rodape{border-top:1px solid var(--linha);margin-top:64px;padding-block:26px 40px;color:var(--creme3);font-size:14px}
.rodape .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.rodape .esp{flex:1}
.rodape a{color:var(--creme2);text-decoration:none}
.rodape a:hover{color:var(--ouro2)}

/* revelação ao rolar (blur-up do MotionSites) */
.sobe{opacity:0;transform:translateY(40px);filter:blur(16px);transition:opacity 1s ease-out,transform 1s ease-out,filter 1s ease-out}
.sobe.visto{opacity:1;transform:none;filter:none}
@media (prefers-reduced-motion:reduce){.sobe{opacity:1;transform:none;filter:none;transition:none}}