/* =========================================================================
   site.css — estilos compartilhados do site Helô Rodrigues / Além do Burnout
   Usado pelas páginas geradas por layout (Textos). As páginas antigas
   (Home, Quem sou, Rastreio) mantêm o CSS embutido próprio.
   A paleta e a tipografia seguem o Manual Técnico da marca.
   ========================================================================= */

:root{
  --raisin:#272020;
  --ironclad:#605C57;
  --fine-wine:#6F3845;
  --greige:#B5AAA2;
  --white:#DEDEDE;
  --paper:#EDE8E2;
  --card:#F6F2ED;
  --measure:640px;
  --page-max:1440px;
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Montserrat', sans-serif;
  background:var(--white); color:var(--raisin);
  line-height:1.7; -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
::selection{background:var(--fine-wine); color:var(--white);}
a:focus-visible{outline:2px solid var(--fine-wine); outline-offset:4px; border-radius:2px;}

/* ---------- nav: três blocos equilibrados ---------- */
nav{
  background:var(--raisin); color:var(--white);
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px;
  padding:20px clamp(20px, 4vw, 48px);
}
.nav-left{display:flex; flex-direction:column; gap:4px;}
.wordmark{font-weight:600; font-size:14px; letter-spacing:0.18em; text-transform:uppercase;}
.subnav{display:flex; gap:14px; font-size:10.5px; letter-spacing:0.1em; text-transform:uppercase; opacity:0.65;}
.subnav a:hover{opacity:1;}
.subnav a[aria-current="page"]{opacity:1; border-bottom:1px solid currentColor; padding-bottom:2px;}
.nav-center{text-align:center; font-size:12px; font-weight:500; letter-spacing:0.2em; text-transform:uppercase; opacity:0.9; transition:opacity .25s;}
.nav-center:hover{opacity:1;}
.nav-right{justify-self:end;}
.nav-right .cta{font-size:12px; letter-spacing:0.12em; text-transform:uppercase; font-weight:600; padding:9px 18px; border:1px solid var(--white); border-radius:100px;}
@media (max-width:720px){ nav{grid-template-columns:1fr auto;} .nav-center{display:none;} }

/* ---------- moldura de página ---------- */
.frame{
  max-width:var(--page-max); margin:0 auto;
  padding-left:clamp(24px, 6vw, 64px);
  padding-right:clamp(24px, 6vw, 64px);
}
.intro{padding-top:clamp(56px, 7vw, 90px); padding-bottom:clamp(20px, 2.5vw, 28px);}
.eyebrow{font-weight:500; font-size:12px; letter-spacing:0.2em; text-transform:uppercase; color:var(--fine-wine);}
h1{
  font-family:'Playfair Display', serif; font-weight:700;
  font-size:clamp(2rem, 3.6vw, 3rem); line-height:1.16;
  max-width:20ch; margin:14px 0 0; color:var(--raisin);
}

/* ---------- índice de Textos ---------- */
.textos-list{
  max-width:var(--measure);
  padding:clamp(28px, 4vw, 44px) 0 clamp(48px, 6vw, 76px);
  list-style:none;
}
.textos-list li{
  padding:clamp(22px, 3vw, 30px) 0;
  border-top:1px solid rgba(39,32,32,0.14);
}
.textos-list li:last-child{border-bottom:1px solid rgba(39,32,32,0.14);}
.texto-meta{
  display:flex; gap:12px; align-items:baseline;
  font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ironclad);
  margin-bottom:8px;
}
.texto-pilar{color:var(--fine-wine); font-weight:600;}
.textos-list h2{
  font-family:'Playfair Display', serif; font-weight:600;
  font-size:clamp(1.25rem, 2vw, 1.6rem); line-height:1.25; color:var(--raisin);
}
.textos-list a:hover h2{color:var(--fine-wine);}
.texto-resumo{
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:clamp(16px, 1.5vw, 19px); color:var(--ironclad); margin-top:6px;
}
.textos-empty{
  max-width:var(--measure); color:var(--ironclad);
  padding:clamp(28px, 4vw, 44px) 0 clamp(48px, 6vw, 76px);
}

/* ---------- corpo de um texto ---------- */
.prose{
  max-width:var(--measure);
  padding:clamp(28px, 4vw, 40px) 0 clamp(48px, 6vw, 76px);
}
.prose p{font-size:clamp(16px, 1.3vw, 18px); margin-bottom:1.3em;}
.prose h2{
  font-family:'Playfair Display', serif; font-weight:700;
  font-size:clamp(1.4rem, 2.2vw, 1.8rem); line-height:1.25; color:var(--raisin);
  margin:1.8em 0 0.6em;
}
.prose h3{
  font-family:'Playfair Display', serif; font-weight:600;
  font-size:clamp(1.15rem, 1.7vw, 1.4rem); line-height:1.3; color:var(--raisin);
  margin:1.5em 0 0.5em;
}
.prose ul, .prose ol{margin:0 0 1.3em 1.2em;}
.prose li{font-size:clamp(16px, 1.3vw, 18px); margin-bottom:0.5em;}
.prose blockquote{
  border-left:2px solid var(--fine-wine);
  padding-left:1.2em; margin:1.5em 0;
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:clamp(19px, 2vw, 22px); color:var(--raisin);
}
.prose blockquote p{margin-bottom:0.4em;}
.prose a{color:var(--fine-wine); border-bottom:1px solid rgba(111,56,69,0.4);}
.prose a:hover{border-bottom-color:var(--fine-wine);}
.prose strong{font-weight:600;}
.prose em{font-style:italic;}
.prose code{
  font-family:ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size:0.88em; background:var(--card);
  padding:0.15em 0.4em; border-radius:3px;
}
.prose pre{
  background:var(--raisin); color:var(--white);
  padding:1em 1.2em; border-radius:4px;
  overflow-x:auto; margin:0 0 1.3em; font-size:13px; line-height:1.6;
}
.prose pre code{background:none; padding:0; font-size:inherit; color:inherit;}
.prose hr{border:none; border-top:1px solid rgba(39,32,32,0.14); margin:2.2em 0;}
.prose img{width:100%; height:auto; display:block; margin:1.6em 0;}
.prose figcaption{
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:12px; color:var(--ironclad); margin-top:-1em; margin-bottom:1.6em;
}

.disclaimer{
  clear:both;
  font-size:0.92em; color:var(--ironclad);
  margin-top:2em; padding-top:1.4em;
  border-top:1px solid rgba(39,32,32,0.12);
}
.next-link{
  display:inline-block; margin-top:1.6em;
  font-size:13px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--fine-wine); border-bottom:1px solid var(--fine-wine); padding-bottom:3px;
}

/* ---------- Além do Burnout: hub e pilares ---------- */
.adb-lede{
  max-width:54ch; font-size:clamp(15px, 1.3vw, 17px); color:var(--ironclad);
  padding:clamp(20px, 3vw, 32px) 0 clamp(28px, 4vw, 44px);
}
.pilar-grid{
  display:grid; grid-template-columns:repeat(2, 1fr);
  gap:clamp(12px, 1.6vw, 20px);
  padding-bottom:clamp(28px, 4vw, 44px);
}
@media (max-width:640px){ .pilar-grid{grid-template-columns:1fr;} }
.pilar-card{
  display:block; background:var(--card);
  border-radius:2px 22px 2px 22px;
  padding:clamp(18px,2vw,24px) clamp(18px,1.8vw,22px) clamp(22px,2.4vw,26px);
  box-shadow:0 1px 2px rgba(39,32,32,0.04), 0 12px 28px -14px rgba(39,32,32,0.18);
  transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s;
}
.pilar-card:hover{transform:translateY(-4px); box-shadow:0 1px 2px rgba(39,32,32,0.06), 0 20px 36px -16px rgba(39,32,32,0.24);}
.pilar-card-icon{aspect-ratio:3/2; display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.pilar-card-icon img{width:100%; height:100%; object-fit:contain;}
.pilar-card-num{font-family:'Playfair Display', serif; font-size:13px; color:var(--greige); display:block; margin-bottom:4px;}
.pilar-card-nome{font-weight:600; font-size:13px; letter-spacing:0.15em; text-transform:uppercase; color:var(--raisin); display:block;}
.pilar-card-sub{font-size:11px; color:var(--ironclad); letter-spacing:0.03em; display:block; margin-top:2px; margin-bottom:10px;}
.pilar-card-hook{
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:clamp(15px,1.2vw,17px); color:var(--raisin); line-height:1.42;
}
.adb-textos-link{padding-bottom:clamp(40px, 6vw, 72px);}
.adb-textos-link a, .pilar-nav a{color:var(--fine-wine);}
.adb-textos-link a{
  font-size:13px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase;
  border-bottom:1px solid var(--fine-wine); padding-bottom:3px;
}

.pilar-sub-line{
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:clamp(16px, 1.5vw, 19px); color:var(--ironclad); margin-top:8px;
}
.pilar-hero{
  max-width:var(--measure);
  padding:clamp(24px, 3.5vw, 36px) 0 clamp(24px, 3.5vw, 36px);
}
.pilar-hero .pilar-hook{
  border-left:2px solid var(--fine-wine); padding-left:1.2em; margin:0 0 1.2em;
  font-family:'Cormorant Garamond', serif; font-style:italic;
  font-size:clamp(19px, 2vw, 23px); color:var(--raisin); line-height:1.4;
}
.pilar-intro{font-size:clamp(15px, 1.3vw, 17px); color:var(--ironclad);}
.pilar-textos-titulo{
  font-family:'Playfair Display', serif; font-weight:600;
  font-size:clamp(1.1rem, 1.6vw, 1.3rem); color:var(--raisin);
  margin:clamp(20px, 3vw, 32px) 0 0;
}
.pilar-nav{
  display:flex; flex-wrap:wrap; gap:16px; align-items:baseline;
  margin:clamp(32px, 5vw, 56px) 0 clamp(40px, 6vw, 72px);
  padding-top:clamp(20px, 3vw, 28px);
  border-top:1px solid rgba(39,32,32,0.14);
}
.pilar-nav-label{
  font-size:11px; letter-spacing:0.14em; text-transform:uppercase; color:var(--ironclad);
}
.pilar-nav a{
  font-size:13px; font-weight:600; letter-spacing:0.06em;
  border-bottom:1px solid var(--fine-wine); padding-bottom:2px;
}

/* ---------- footer ---------- */
footer{
  background:var(--raisin);
  color:var(--greige); text-align:center;
  padding:40px 24px 56px;
}
.footer-social{
  display:flex; align-items:center; justify-content:center;
  margin-bottom:16px;
}
.footer-social a{
  display:inline-flex; width:34px; height:34px;
  transition:transform .25s;
}
.footer-social a:hover{transform:translateY(-2px);}
.footer-social img{width:100%; height:100%; display:block;}
footer p{font-size:11.5px; letter-spacing:0.08em;}