.article-hero{padding:8rem 0 2rem;text-align:center;position:relative}.article-hero .hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,217,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(112,0,255,.1) 0%,transparent 50%);z-index:-1}.article-hero .breadcrumb{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.article-hero .breadcrumb a{color:var(--accent-cyan);text-decoration:none}.article-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:1rem;max-width:800px;margin-left:auto;margin-right:auto}.article-meta{color:var(--text-secondary);font-size:.9rem}.article-content{max-width:800px;margin:0 auto;padding:3rem 0 5rem}.article-content h2{font-size:1.6rem;margin-top:2.5rem;margin-bottom:1rem;color:var(--accent-cyan)}.article-content h3{font-size:1.2rem;margin-top:2rem;margin-bottom:.8rem}.article-content p{color:var(--text-secondary);font-size:1rem;line-height:1.9;margin-bottom:1.2rem}.article-content strong{color:var(--text-primary)}.article-content a{color:var(--accent-cyan)}.article-cta{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;text-align:center;margin-top:3rem}.article-cta h3{font-size:1.4rem;margin-bottom:1rem}.article-cta p{margin-bottom:1.5rem}.article-cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.article-cta-btns a{padding:.8rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s}.btn-cta-primary{background:var(--gradient);color:#fff}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,217,255,.3)}.btn-cta-whatsapp{background:#25D366;color:#fff}.btn-cta-whatsapp:hover{background:#20ba5a;transform:translateY(-2px)}.info-box{background:rgba(0,217,255,.05);border-left:4px solid var(--accent-cyan);border-radius:0 15px 15px 0;padding:1.5rem;margin:1.5rem 0}.info-box p{margin-bottom:0}.step-box{background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:1.5rem;margin:1rem 0}.step-box .step-title{font-weight:700;color:var(--text-primary);margin-bottom:.5rem;font-size:1.05rem}.step-box p{margin-bottom:0}@media (max-width:768px){.article-content{padding:2rem 1rem 3rem}}body,h1,h2,h3,p{font-display:swap}@font-face{font-display:swap}
