/* Marketify 360 - estilos dedicados para páginas internas de conteúdos */
:root{
  --mkt-lime:#dcff22;
  --mkt-black:#000000;
  --mkt-dark:#070707;
  --mkt-ink:#101828;
  --mkt-muted:#667085;
  --mkt-border:#e6e6e6;
  --mkt-soft:#f4f4f1;
  --header-h:72px;
}
.blog-article-page{background:#f4f4f1;color:var(--mkt-ink);} 
.blog-article-page .header{background:#000;border-bottom:1px solid rgba(255,255,255,.08);} 
.article-hero{position:relative;overflow:hidden;background:#070707;color:#fff;padding:calc(var(--header-h) + 48px) 0 74px;min-height:auto;}
.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(220,255,34,.18),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.04),transparent 35%);opacity:.9;}
.article-hero:after{content:"360°";position:absolute;right:-4vw;bottom:-8vw;font-weight:900;font-size:clamp(9rem,22vw,22rem);letter-spacing:-.08em;color:rgba(255,255,255,.04);line-height:.8;pointer-events:none;}
.article-hero .container{position:relative;z-index:1;}
.article-kicker{display:inline-flex;align-items:center;width:max-content;margin-bottom:18px;color:#fff;text-decoration:none;font-weight:800;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.06);} 
.article-kicker:hover{background:var(--mkt-lime);color:#000;border-color:var(--mkt-lime);} 
.article-hero h1{max-width:920px;margin:0 0 18px;font-size:clamp(2.35rem,4.7vw,4.85rem);line-height:.98;letter-spacing:-.055em;font-weight:950;color:#fff;}
.article-hero__lead{max-width:820px;margin:0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.58;}
.article-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px;color:rgba(255,255,255,.72);font-size:.92rem;}
.article-meta span{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.04);}
.article-shell{position:relative;margin-top:46px;padding:0 0 88px;z-index:2;}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start;}
.article-content{background:#fff;border:1px solid var(--mkt-border);border-radius:30px;padding:clamp(28px,3.4vw,50px);box-shadow:0 20px 64px rgba(0,0,0,.07);} 
.article-content h2{font-size:clamp(1.45rem,2.15vw,2.05rem);line-height:1.12;letter-spacing:-.035em;margin:38px 0 14px;color:#000;font-weight:950;}
.article-content h2:first-child{margin-top:0;}
.article-content h3{margin:28px 0 10px;font-size:1.08rem;line-height:1.28;color:#000;font-weight:900;}
.article-content p{font-size:1rem;line-height:1.72;color:#2d2d2d;margin:0 0 16px;}
.article-content ul,.article-content ol{list-style:none;margin:18px 0 28px;padding:0;display:grid;gap:12px;}
.article-content li{position:relative;padding-left:30px;color:#333;line-height:1.7;}
.article-content li:before{content:'✓';position:absolute;left:0;top:0;font-weight:950;color:#000;}
.article-callout{border:1px solid rgba(0,0,0,.1);background:#f7f7f4;border-radius:24px;padding:20px 22px;margin:0 0 28px;font-size:1.02rem;line-height:1.55;color:#222;}
.article-callout strong{display:inline-flex;background:var(--mkt-lime);color:#000;border-radius:999px;padding:5px 10px;margin:0 8px 6px 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;}
.article-quote{margin:34px 0;padding:30px;border-radius:26px;background:#000;color:#fff;position:relative;overflow:hidden;}
.article-quote:before{content:'“';position:absolute;right:22px;top:-12px;font-size:8rem;line-height:1;color:rgba(220,255,34,.22);font-weight:950;}
.article-quote p{position:relative;color:#fff;font-size:clamp(1.12rem,1.7vw,1.45rem);line-height:1.28;letter-spacing:-.025em;font-weight:850;margin:0;}
.article-bottom-cta{margin-top:42px;border-radius:30px;background:var(--mkt-lime);padding:34px;color:#000;}
.article-bottom-cta h2{margin:0 0 12px;color:#000;}
.article-bottom-cta p{color:rgba(0,0,0,.72);max-width:720px;}
.article-sidebar{position:sticky;top:96px;display:grid;gap:18px;}
.article-side-card{background:#fff;border:1px solid var(--mkt-border);border-radius:28px;padding:24px;box-shadow:0 16px 50px rgba(0,0,0,.06);} 
.article-side-card--lime{background:var(--mkt-lime);border-color:var(--mkt-lime);} 
.article-side-card h3{margin:0 0 10px;color:#000;font-size:1.12rem;font-weight:900;letter-spacing:-.02em;}
.article-side-card p{margin:0 0 18px;color:#333;line-height:1.55;}
.article-side-list{display:grid;gap:14px;}
.article-side-list a{display:block;color:#111;text-decoration:none;font-weight:800;line-height:1.32;border-bottom:1px solid rgba(0,0,0,.12);padding-bottom:14px;}
.article-side-list a:hover{color:#4d5f00;}
.article-related{margin-top:34px;}
.article-related h2{font-size:clamp(1.45rem,2.35vw,2.2rem);letter-spacing:-.035em;margin:0 0 18px;color:#000;font-weight:950;}
.article-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.article-related__card{min-height:190px;background:#fff;border:1px solid var(--mkt-border);border-radius:28px;padding:24px;text-decoration:none;color:#000;transition:.2s ease;}
.article-related__card:hover{transform:translateY(-3px);box-shadow:0 18px 50px rgba(0,0,0,.08);}
.article-related__tag{display:inline-flex;background:var(--mkt-lime);border-radius:999px;padding:6px 10px;margin-bottom:18px;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.article-related__card h3{font-size:1.18rem;line-height:1.18;letter-spacing:-.025em;margin:0;font-weight:900;}
@media (max-width:980px){.article-hero{padding:calc(var(--header-h) + 34px) 0 58px;min-height:auto}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.article-related__grid{grid-template-columns:1fr}.article-hero h1{font-size:clamp(2.15rem,9vw,3.6rem)}.article-meta span{width:auto}.article-content{border-radius:26px}.article-shell{margin-top:34px;padding-bottom:60px}}
@media (max-width:640px){.article-hero{padding-left:0;padding-right:0;padding-bottom:44px}.article-content{padding:24px 20px}.article-bottom-cta{padding:26px 20px}.article-meta{gap:8px}.article-meta span{font-size:.84rem;padding:7px 10px}.article-side-card,.article-related__card{border-radius:22px}.article-shell{margin-top:28px}}


/* Ajuste mobile das páginas internas: evita estouro horizontal e corrige o botão flutuante */
@media (max-width: 768px){
  html, body{max-width:100vw;overflow-x:hidden!important;}
  .article-layout,.article-content,.article-side-card,.article-related__card{max-width:100%;}
  .article-bottom-cta .btn{width:100%;max-width:100%;white-space:normal;text-align:center;justify-content:center;}
  .whatsapp-fab{width:58px!important;height:58px!important;right:16px!important;bottom:18px!important;z-index:10050!important;font-size:0!important;line-height:0!important;}
  .whatsapp-fab svg{width:29px;height:29px;display:block;color:#fff;fill:currentColor;}
}