/* ============================================================
   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);
  --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 */
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);}

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

/* HERO */
.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.8rem);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;}

/* CORPO */
.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 */
.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;}
.pull-quote cite{display:block;font-size:0.78rem;color:var(--muted-2);font-style:normal;margin-top:0.65rem;font-family:var(--font-body);}

/* SEÇÃO VISUAL */
.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;}
.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}
.visual-text p{color:var(--muted-1);font-size:0.94rem;line-height:1.78;font-weight:300;margin-bottom:1rem;}

/* CARDS CALL/PUT */
.callput-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--muted-3);border:1px solid var(--muted-3);border-radius:18px;overflow:hidden;margin:2.5rem 0;}
.callput-card{padding:1.75rem;display:flex;flex-direction:column;gap:0.75rem;}
.callput-card.call{background:radial-gradient(ellipse at 90% 0%,rgba(0,200,83,0.1),transparent 55%),var(--bg-card);}
.callput-card.put{background:radial-gradient(ellipse at 90% 0%,rgba(224,85,85,0.08),transparent 55%),var(--bg-card);}
.callput-badge{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.7rem;letter-spacing:1.8px;text-transform:uppercase;font-weight:700;padding:0.3rem 0.7rem;border-radius:999px;width:fit-content;}
.callput-badge.call{color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);}
.callput-badge.put{color:var(--red);background:var(--red-soft);border:1px solid var(--red-border);}
.callput-card h3{font-family:var(--font-display);font-size:1.3rem;line-height:1.15;}
.callput-card p{color:var(--muted-1);font-size:0.9rem;line-height:1.7;font-weight:300;margin:0;}
.callput-formula{font-family:var(--font-display);font-size:1rem;color:var(--green);font-weight:700;background:var(--bg-2);border-radius:8px;padding:0.5rem 0.85rem;display:inline-block;margin-top:0.25rem;}
.callput-formula.put-formula{color:var(--red);}

/* TABELA ITM/ATM/OTM */
.classification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--muted-3);border:1px solid var(--muted-3);border-radius:16px;overflow:hidden;margin:2rem 0;}
.class-card{background:var(--bg-card);padding:1.35rem;}
.class-label{font-size:0.65rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:0.65rem;}
.class-label.itm{color:var(--green);}
.class-label.atm{color:var(--gold);}
.class-label.otm{color:var(--muted-2);}
.class-card h4{font-family:var(--font-display);font-size:1rem;margin-bottom:0.5rem;}
.class-card p{font-size:0.82rem;color:var(--muted-1);line-height:1.6;font-weight:300;}

/* ESTRATÉGIAS */
.strategy-list{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;}
.strategy-item{background:var(--bg-card);border:1px solid var(--muted-3);border-radius:14px;padding:1.35rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:flex-start;transition:border-color 0.2s;}
.strategy-item:hover{border-color:var(--green-border);}
.strategy-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;}
.strategy-icon.green{background:var(--green-soft);border:1px solid var(--green-border);}
.strategy-icon.gold{background:var(--gold-soft);border:1px solid var(--gold-border);}
.strategy-icon.red{background:var(--red-soft);border:1px solid var(--red-border);}
.strategy-item h4{font-size:0.98rem;font-weight:600;margin-bottom:0.35rem;color:var(--white);}
.strategy-item p{font-size:0.86rem;color:var(--muted-1);line-height:1.65;margin:0;font-weight:300;}
.strategy-tag{display:inline-flex;font-size:0.65rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;padding:0.2rem 0.55rem;border-radius:999px;margin-top:0.5rem;}
.strategy-tag.bullish{color:var(--green);background:var(--green-soft);border:1px solid var(--green-border);}
.strategy-tag.bearish{color:var(--red);background:var(--red-soft);border:1px solid var(--red-border);}
.strategy-tag.neutral{color:var(--gold);background:var(--gold-soft);border:1px solid var(--gold-border);}

/* AVISO */
.warning-box{background:rgba(201,168,76,0.08);border:1px solid var(--gold-border);border-radius:12px;padding:1.25rem 1.5rem;margin:2.5rem 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 */
.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;}

/* CTA */
.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;}

/* RELACIONADOS */
.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;}

/* SCROLL REVEAL */
[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);}
[data-reveal="left"]{transform:translateX(-28px);}
[data-reveal="left"].is-visible{transform:translateX(0);}
[data-reveal="right"]{transform:translateX(28px);}
[data-reveal="right"].is-visible{transform:translateX(0);}

/* LIGHT MODE */
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,
html.light-mode .visual-text p,html[data-theme="light"] .visual-text p,
html.light-mode .callput-card p,html[data-theme="light"] .callput-card p,
html.light-mode .strategy-item p,html[data-theme="light"] .strategy-item p{color:rgba(19,32,25,0.72);}
html.light-mode .callput-card,html[data-theme="light"] .callput-card,
html.light-mode .class-card,html[data-theme="light"] .class-card,
html.light-mode .strategy-item,html[data-theme="light"] .strategy-item,
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 .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;}
  .visual-grid{grid-template-columns:1fr;}
  .callput-grid{grid-template-columns:1fr;}
  .classification-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;}
}