/* =========================================================
   Tijolinho Projetos — Fundação CSS (tokens oficiais)
   Não alterar tokens arbitrariamente. Expansões em site.css.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,300..500;1,6..72,300..500&display=swap');

:root{
  --paper:#F4F1E9;
  --paper-2:#ECE7DB;
  --surface:#FBFAF5;
  --ink:#23271F;
  --ink-2:#59604E;
  --ink-3:#8B9079;
  --green:#3E4A34;
  --green-soft:#556247;
  --logo-green:#424F39;
  --sage:#8CDA55;
  --terra:#B15E37;
  --terra-soft:#C97A50;
  --brand-orange:#FF7347;
  --line:rgba(35,39,31,.16);
  --hair:rgba(35,39,31,.09);
  --on-green:#F4F1E9;
  --on-green-2:#BFC6B2;
  color-scheme: light;
}

/* Fallback sem CSS nesting (navegadores antigos) */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#171A13;--paper-2:#1E2118;--surface:#20241B;
    --ink:#EBE7DC;--ink-2:#ACB29E;--ink-3:#7E8470;
    --green:#3A4630;--green-soft:#49573A;--terra:#CF7C51;--terra-soft:#E0946A;
    --line:rgba(235,231,220,.15);--hair:rgba(235,231,220,.08);
    --on-green:#EBE7DC;--on-green-2:#BEC5AE;
    color-scheme: dark;
  }
}

:root:not([data-theme="light"]){
  @media (prefers-color-scheme:dark){
    --paper:#171A13;--paper-2:#1E2118;--surface:#20241B;
    --ink:#EBE7DC;--ink-2:#ACB29E;--ink-3:#7E8470;
    --green:#3A4630;--green-soft:#49573A;--terra:#CF7C51;--terra-soft:#E0946A;
    --line:rgba(235,231,220,.15);--hair:rgba(235,231,220,.08);
    --on-green:#EBE7DC;--on-green-2:#BEC5AE;
  }
}

:root[data-theme="dark"]{
  --paper:#171A13;--paper-2:#1E2118;--surface:#20241B;
  --ink:#EBE7DC;--ink-2:#ACB29E;--ink-3:#7E8470;
  --green:#3A4630;--green-soft:#49573A;--terra:#CF7C51;--terra-soft:#E0946A;
  --line:rgba(235,231,220,.15);--hair:rgba(235,231,220,.08);
  --on-green:#EBE7DC;--on-green-2:#BEC5AE;
  color-scheme: dark;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Archivo",system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{margin:0}
h1,h2,h3,h4,h5{margin:0;font-weight:400}

.serif{font-family:"Newsreader",Georgia,serif;font-weight:300;letter-spacing:-.4px;line-height:1.04}
.serif em{font-style:italic;color:var(--terra)}
.spec{font-family:"Archivo",sans-serif;text-transform:uppercase;letter-spacing:2.6px;font-size:11.5px;font-weight:600;color:var(--ink-3)}

.wrap{max-width:1240px;margin:0 auto;padding-inline:clamp(20px,5vw,64px)}
section{padding-block:clamp(64px,11vw,150px)}
.grid12{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,3vw,44px)}
@media(max-width:820px){.grid12{grid-template-columns:1fr;gap:32px}}

.btn{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-family:"Archivo";text-transform:uppercase;letter-spacing:1.6px;font-size:13px;font-weight:600;border:0;border-radius:2px;padding:18px 30px;background:var(--green);color:var(--on-green);transition:background .2s,transform .2s}
.btn:hover{background:var(--green-soft);transform:translateY(-1px)}
.btn .ar{color:var(--terra-soft)}

.lnk{display:inline-flex;align-items:center;gap:12px;font-family:"Archivo";text-transform:uppercase;letter-spacing:2px;font-size:12.5px;font-weight:600;color:var(--ink);padding:4px 0;border-bottom:1.5px solid var(--ink);transition:gap .25s,color .2s,border-color .2s}
.lnk .ar{color:var(--terra);transition:transform .25s}
.lnk:hover{gap:18px;color:var(--terra);border-color:var(--terra)}

.chip{font-family:"Archivo";font-size:13.5px;font-weight:500;color:var(--ink);background:transparent;border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;transition:.15s;line-height:1.2}
.chip:hover{border-color:var(--terra);color:var(--terra)}
.chip.on{background:var(--green);border-color:var(--green);color:var(--on-green)}

.card{background:var(--surface);border:1px solid var(--line);border-radius:3px;padding:clamp(24px,2.6vw,32px);box-shadow:0 14px 34px -26px rgba(35,39,31,.5)}

.field label{display:block;margin-bottom:8px}
.field input,.field select,.field textarea{width:100%;font-family:"Archivo";font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--line);padding:10px 0;transition:border-color .2s}
.field input::placeholder,.field textarea::placeholder{color:var(--ink-3)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--terra)}

.frame{position:relative;overflow:hidden;width:100%;border-radius:3px;border:1px solid var(--hair)}

.r.pending{opacity:0;transform:translateY(22px)}
.r.pending.in{opacity:1;transform:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.3,1)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}.r.pending{opacity:1;transform:none}}