/* ============================================================
   Think Etnus — Reset, fontes self-hosted e elementos base
   ============================================================ */

/* ---------- Fontes (woff2, subset latin) ---------- */
@font-face{font-family:"Epilogue";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/epilogue-600.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/newsreader-500.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/newsreader-600.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/newsreader-800.woff2") format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:600;font-display:swap;src:url("../fonts/newsreader-600-italic.woff2") format("woff2")}
@font-face{font-family:"Work Sans";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/work-sans-500.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/manrope-400.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/manrope-700.woff2") format("woff2")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:800;font-display:swap;src:url("../fonts/manrope-800.woff2") format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ibm-plex-mono-400.woff2") format("woff2")}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--f-body);
  font-size:var(--fs-body);
  line-height:1.6;
  background:var(--black);
  color:var(--cream);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
img,picture,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
h1,h2,h3,h4,h5{line-height:1.04;font-weight:600;text-wrap:balance}
p{text-wrap:pretty}
:focus-visible{outline:2px solid var(--green);outline-offset:3px}

/* ---------- Containers ---------- */
.container{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:var(--pad-x)}
.container.-wide{max-width:var(--maxw)}
.container.-narrow{max-width:var(--narrow)}

/* ---------- Eyebrow (rótulo mono) ---------- */
.eyebrow{
  font-family:var(--f-mono);font-weight:400;
  font-size:var(--fs-eyebrow);letter-spacing:.2em;
  color:var(--green);text-transform:uppercase;
}

/* ---------- Botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:var(--f-body);font-weight:700;font-size:1rem;line-height:1;
  padding:13px 26px;border-radius:var(--radius);border:1px solid transparent;
  cursor:pointer;transition:transform .15s ease,background .2s ease,color .2s ease,filter .2s ease;
}
.btn.-primary{background:var(--green);color:#000}
.btn.-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn.-ghost{background:transparent;color:var(--cream);border-color:var(--cream)}
.btn.-ghost:hover{background:var(--cream);color:#000}
.btn svg{width:1.15em;height:1.15em;flex:none}

/* ---------- Utilitários ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}