/* Estilos exclusivos da página de dicas — usa as mesmas variáveis e fontes do site principal */

.page-intro{background:var(--paper);color:#111;padding:100px 0 50px}
.page-intro .kicker{margin-bottom:18px}
.page-intro h1{font-size:clamp(46px,6vw,76px);line-height:.9;margin:0 0 24px;max-width:800px}
.page-intro p{color:#606060;font-size:16px;line-height:1.8;max-width:640px;margin:0}

.guide{background:var(--paper);color:#111;padding:15px 0 100px}
.guide .section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}
.guide .section-title h2{font-size:44px;line-height:.95;margin:0}
.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.guide-card{background:#fff;border:1px solid #e0ddd6;padding:0 0 26px}
.guide-card .guide-image{height:190px;background:#202020;overflow:hidden}
.guide-card .guide-image img{width:100%;height:100%;object-fit:contain;display:block}
.guide-card>p,.guide-card>h3,.guide-card>div{margin-left:20px;margin-right:20px}
.guide-card>p.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#777;margin-top:20px;margin-bottom:6px}
.guide-card h3{font-size:30px;line-height:1;margin-top:0;margin-bottom:12px}
.guide-card h3 b{color:var(--orange)}
.guide-card .guide-use{color:#5d5d5d;font-size:13px;line-height:1.7;margin:0}

.calc{background:#171717;color:#fff;padding:92px 0}
.calc-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}
.calc-heading h2{font-size:56px;line-height:.9;margin:0}
.calc-heading p{color:#999;font-size:14px;line-height:1.7;margin:20px 0 0;max-width:380px}
.calc-steps{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #444}
.calc-steps>div{padding:7px 26px;border-right:1px solid #444}
.calc-steps b{font-family:"Barlow Condensed",Impact,sans-serif;font-size:30px;color:var(--orange);display:block}
.calc-steps h4{font-size:20px;margin:22px 0 10px;font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase}
.calc-steps p{color:#999;font-size:12px;line-height:1.65;margin:0}

.mistakes{background:#0b0b0b;color:#fff;padding:80px 0;border-top:1px solid #242424;border-bottom:1px solid #242424}
.mistakes h2{font-size:52px;line-height:.92;margin:14px 0 34px;max-width:640px}
.mistake-list{border-top:1px solid #333}
.mistake-list li{list-style:none;border-bottom:1px solid #333;padding:24px 0;display:grid;grid-template-columns:56px 1fr;gap:20px}
.mistake-list li b{font-family:"Barlow Condensed",Impact,sans-serif;color:var(--orange);font-size:30px;line-height:1}
.mistake-list li strong{display:block;font-size:16px;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
.mistake-list li p{color:#aaa;font-size:14px;line-height:1.7;margin:0;max-width:640px}

@media(max-width:900px){
  .guide-grid{grid-template-columns:1fr 1fr}
  .calc-inner{grid-template-columns:1fr;gap:35px}
  .calc-steps{grid-template-columns:1fr;border-left:0}
  .calc-steps>div{border-right:0;border-bottom:1px solid #444;padding:18px 0}
}
@media(max-width:580px){
  .page-intro{padding:75px 0 40px}
  .guide{padding:10px 0 60px}
  .guide-grid{grid-template-columns:1fr}
  .guide .section-title h2{font-size:34px}
  .calc{padding:56px 0}
  .calc-heading h2{font-size:40px}
  .mistakes{padding:56px 0}
  .mistakes h2{font-size:38px}
  .mistake-list li{grid-template-columns:40px 1fr}
}