/* ============================================================
   Estilos específicos desta página
   Extraído do HTML para facilitar manutenção.
   ============================================================ */

:root {
  --green: #00C853;
  --green-dim: #00A844;
  --green-soft: rgba(0,200,83,0.10);
  --green-glow: rgba(0,200,83,0.18);
  --green-border: rgba(0,200,83,0.28);
  --gold: #C9A84C;
  --gold-soft: rgba(201,168,76,0.12);
  --gold-border: rgba(201,168,76,0.28);
  --red: #E05555;
  --red-soft: rgba(224,85,85,0.10);
  --red-border: rgba(224,85,85,0.25);
  --blue: #4488CC;
  --blue-soft: rgba(68,136,204,0.10);
  --blue-border: rgba(68,136,204,0.28);
  --bg: #080B0A;
  --bg-2: #0E1412;
  --bg-card: #111815;
  --bg-hover: #151F1A;
  --white: #F0F4F2;
  --muted-1: rgba(240,244,242,0.70);
  --muted-2: rgba(240,244,242,0.46);
  --muted-3: rgba(240,244,242,0.13);
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Outfit', system-ui, sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);background:var(--bg);color:var(--white);overflow-x:hidden;line-height:1.75;}
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:0.45;}

nav{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 2.5rem;position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,11,10,0.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--muted-3);}
.logo{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--white);letter-spacing:-0.5px;display:flex;align-items:center;gap:0.5rem;text-decoration:none;}
.logo-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green);animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 8px var(--green);}50%{opacity:0.6;box-shadow:0 0 16px var(--green);}}
.nav-links{display:flex;gap:2.5rem;list-style:none;}
.nav-links a{color:var(--muted-1);text-decoration:none;font-size:0.875rem;transition:color 0.2s;}
.nav-links a:hover{color:var(--white);}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none;}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:transform 0.25s,opacity 0.25s;}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-hamburger.open span:nth-child(2){opacity:0;}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.nav-mobile-menu{display:none;position:fixed;top:57px;left:0;right:0;background:rgba(8,11,10,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--muted-3);padding:1.5rem 1.25rem;z-index:99;flex-direction:column;}
.nav-mobile-menu.open{display:flex;}
.nav-mobile-menu a{color:var(--muted-1);text-decoration:none;font-size:1rem;padding:0.9rem 0;border-bottom:1px solid var(--muted-3);transition:color 0.2s;}
.nav-mobile-menu a:last-child{border-bottom:none;}
.nav-mobile-menu a:hover{color:var(--white);}

.page-wrap{max-width:820px;margin:0 auto;padding:0 2.5rem;}

.article-hero{padding:8rem 2.5rem 4rem;max-width:820px;margin:0 auto;}
.article-eyebrow{display:inline-flex;align-items:center;gap:0.65rem;color:var(--green);font-size:0.72rem;letter-spacing:2.4px;text-transform:uppercase;font-weight:600;margin-bottom:1.5rem;}
.article-eyebrow::before{content:'';width:28px;height:1px;background:var(--green);}
.article-hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-1.5px;margin-bottom:1.5rem;}
.article-hero h1 em{color:var(--green);font-style:italic;}
.article-meta{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:1rem 0;border-top:1px solid var(--muted-3);border-bottom:1px solid var(--muted-3);margin-bottom:2.5rem;}
.meta-item{font-size:0.78rem;color:var(--muted-2);}
.meta-dot{width:4px;height:4px;border-radius:50%;background:var(--muted-3);display:inline-block;}
.article-lead{font-size:1.1rem;line-height:1.8;color:var(--muted-1);font-weight:300;}

.article-body{padding-bottom:2rem;}
.article-body h2{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1;letter-spacing:-0.8px;margin:3.5rem 0 1.25rem;}
.article-body h2 em{color:var(--green);font-style:italic;}
.article-body h3{font-family:var(--font-display);font-size:1.2rem;line-height:1.2;margin:2rem 0 0.75rem;}
.article-body p{color:var(--muted-1);font-size:0.98rem;line-height:1.82;margin-bottom:1.2rem;font-weight:300;}
.article-body p strong{color:var(--white);font-weight:600;}
.article-body a{color:var(--green);text-decoration:none;border-bottom:1px solid var(--green-border);transition:border-color 0.2s;}
.article-body a:hover{border-color:var(--green);}

.pull-quote{border-left:3px solid var(--green);padding:1.25rem 1.5rem;margin:2.5rem 0;background:var(--green-soft);border-radius:0 12px 12px 0;}
.pull-quote p{font-family:var(--font-display);font-size:1.1rem;font-style:italic;color:var(--white);line-height:1.55;margin:0;}

.visual-section{margin:3.5rem -2.5rem;background:var(--bg-2);border-top:1px solid var(--muted-3);border-bottom:1px solid var(--muted-3);padding:3rem 2.5rem;}
.visual-section-inner{max-width:820px;margin:0 auto;}
.visual-label{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:0.75rem;}
.visual-title{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.15;margin-bottom:1.5rem;}

/* REGRAS CARDS */
.regras-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;}
.regra-card{background:var(--bg-card);border:1px solid var(--muted-3);border-radius:14px;padding:1.35rem;transition:border-color 0.2s;}
.regra-card:hover{border-color:var(--green-border);}
.regra-card.destaque{border-color:var(--green-border);background:radial-gradient(ellipse at 90% 0%,var(--green-soft),transparent 60%),var(--bg-card);}
.regra-badge{display:inline-flex;font-size:0.65rem;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;padding:0.28rem 0.65rem;border-radius:999px;margin-bottom:0.85rem;}
.regra-badge.green{color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);}
.regra-badge.gold{color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-border);}
.regra-badge.blue{color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-border);}
.regra-badge.red{color:var(--red);background:var(--red-soft);border:1px solid var(--red-border);}
.regra-card h3{font-family:var(--font-display);font-size:1.05rem;margin-bottom:0.6rem;}
.regra-card p{color:var(--muted-1);font-size:0.86rem;line-height:1.65;font-weight:300;margin:0 0 0.5rem;}
.regra-req{display:flex;flex-direction:column;gap:0.3rem;margin-top:0.6rem;padding-top:0.6rem;border-top:1px solid var(--muted-3);}
.req-line{display:flex;justify-content:space-between;font-size:0.8rem;}
.req-label{color:var(--muted-2);}
.req-value{color:var(--white);font-weight:600;}
.req-value.green{color:var(--green);}

/* TABELA PONTOS */
.pontos-table{width:100%;border-collapse:collapse;margin:1.5rem 0;border-radius:12px;overflow:hidden;border:1px solid var(--muted-3);}
.pontos-table thead tr{background:var(--bg-2);}
.pontos-table th{padding:0.75rem 1.1rem;text-align:left;font-size:0.68rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-2);font-weight:500;border-bottom:1px solid var(--muted-3);}
.pontos-table th:not(:first-child){text-align:center;}
.pontos-table td{padding:0.85rem 1.1rem;font-size:0.88rem;color:var(--muted-1);border-bottom:1px solid var(--muted-3);}
.pontos-table td:not(:first-child){text-align:center;}
.pontos-table tbody tr:last-child td{border-bottom:none;}
.pontos-table .ano{font-weight:600;color:var(--white);}
.pontos-table .atual{background:rgba(0,200,83,0.06);}
.pontos-table .val-green{color:var(--green);font-weight:700;font-family:var(--font-display);}
.pontos-table .val-gold{color:var(--gold);font-weight:700;font-family:var(--font-display);}

.formula-box{background:var(--bg-2);border:1px solid var(--green-border);border-radius:14px;padding:1.5rem 1.75rem;margin:2rem 0;}
.formula-box-label{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:0.85rem;}
.formula-main{font-family:var(--font-display);font-size:1.15rem;color:var(--green);font-weight:900;margin-bottom:1rem;line-height:1.4;}
.formula-legend{list-style:none;display:flex;flex-direction:column;gap:0.4rem;}
.formula-legend li{font-size:0.86rem;color:var(--muted-1);}
.formula-legend li strong{color:var(--white);}

.gold-callout{background:var(--gold-soft);border:1px solid var(--gold-border);border-radius:14px;padding:1.5rem;margin:2rem 0;}
.gold-callout-label{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:0.6rem;}
.gold-callout p{color:rgba(240,220,160,0.85);font-size:0.92rem;line-height:1.7;margin:0;}

.warning-box{background:rgba(201,168,76,0.08);border:1px solid var(--gold-border);border-radius:12px;padding:1.25rem 1.5rem;margin:2rem 0;display:flex;gap:1rem;align-items:flex-start;}
.warning-icon{font-size:1.1rem;flex-shrink:0;margin-top:2px;}
.warning-box p{color:rgba(240,220,160,0.85);font-size:0.88rem;line-height:1.7;margin:0;}

.faq-wrap{margin:3rem 0;}
.faq-item{border-top:1px solid var(--muted-3);padding:1.25rem 0;}
.faq-item:last-child{border-bottom:1px solid var(--muted-3);}
.faq-item h4{font-size:0.98rem;font-weight:600;color:var(--white);margin-bottom:0.55rem;}
.faq-item p{color:var(--muted-1);font-size:0.88rem;line-height:1.65;margin:0;font-weight:300;}
.faq-item a{color:var(--green);border-bottom:1px solid var(--green-border);}

.article-cta{background:linear-gradient(135deg,#0E1F15,#0A1410);border:1px solid var(--green-border);border-radius:20px;padding:2.5rem;margin:3.5rem 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.article-cta h3{font-family:var(--font-display);font-size:1.6rem;line-height:1.1;letter-spacing:-0.5px;margin-bottom:0.5rem;color:var(--white);}
.article-cta p{color:var(--muted-1);font-size:0.9rem;line-height:1.6;}
.btn-cta{display:inline-flex;align-items:center;gap:0.5rem;background:var(--green);color:#041009 !important;padding:0.9rem 1.75rem;border-radius:8px;font-family:var(--font-body);font-weight:700;font-size:0.92rem;text-decoration:none;border:none;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap;}
.btn-cta:hover{transform:translateY(-1px);box-shadow:0 12px 34px rgba(0,200,83,0.28);border-bottom:none;color:#041009 !important;}

.related{margin:2.5rem 0 5rem;}
.related-label{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;color:var(--muted-2);font-weight:600;margin-bottom:1.25rem;}
.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.related-card{background:var(--bg-card);border:1px solid var(--muted-3);border-radius:14px;padding:1.25rem;text-decoration:none;color:inherit;transition:background 0.2s,border-color 0.2s;}
.related-card:hover{background:var(--bg-hover);border-color:var(--green-border);}
.related-card-cat{font-size:0.65rem;letter-spacing:1.8px;text-transform:uppercase;color:var(--green);font-weight:600;margin-bottom:0.5rem;}
.related-card h4{font-family:var(--font-display);font-size:1rem;line-height:1.2;margin-bottom:0.4rem;}
.related-card p{font-size:0.82rem;color:var(--muted-2);line-height:1.5;}

footer{border-top:1px solid var(--muted-3);padding:2rem 2.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:1200px;margin:0 auto;}
.footer-links{display:flex;gap:1.5rem;}
.footer-links a{color:var(--muted-2);text-decoration:none;font-size:0.8rem;transition:color 0.2s;}
.footer-links a:hover{color:var(--green);}
.footer-copy{color:var(--muted-2);font-size:0.75rem;}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 0.65s cubic-bezier(0.22,1,0.36,1),transform 0.65s cubic-bezier(0.22,1,0.36,1);}
[data-reveal].is-visible{opacity:1;transform:translateY(0);}

html.light-mode body,html[data-theme="light"] body{background:#F4F7F5;color:#132019;}
html.light-mode .article-body p,html[data-theme="light"] .article-body p{color:rgba(19,32,25,0.72);}
html.light-mode .regra-card,html[data-theme="light"] .regra-card,
html.light-mode .related-card,html[data-theme="light"] .related-card{background:#fff;}
html.light-mode .visual-section,html[data-theme="light"] .visual-section{background:#EAF0EC;}
html.light-mode .formula-box,html[data-theme="light"] .formula-box{background:#E2EDE6;}
html.light-mode .article-cta,html[data-theme="light"] .article-cta{background:linear-gradient(135deg,#D6EFE0,#E8F5EC);border-color:rgba(0,200,83,0.35);}
html.light-mode .article-cta h3,html[data-theme="light"] .article-cta h3{color:#0A1F12;}
html.light-mode .article-cta p,html[data-theme="light"] .article-cta p{color:rgba(10,31,18,0.65);}

@media(max-width:768px){
  nav{padding:1rem 1.25rem;}.nav-links{display:none;}.nav-hamburger{display:flex;}
  .article-hero,.page-wrap{padding-left:1.25rem;padding-right:1.25rem;}
  .visual-section{margin:3rem -1.25rem;padding:2rem 1.25rem;}
  .regras-grid{grid-template-columns:1fr;}
  .related-grid{grid-template-columns:1fr;}
  .article-cta{flex-direction:column;align-items:flex-start;}
  .btn-cta{width:100%;justify-content:center;}
  footer{flex-direction:column;align-items:flex-start;padding:2rem 1.25rem;}
  .footer-links{flex-wrap:wrap;gap:1rem;}
}