/*
Theme Name: VS Advocacia Final Definitivo
Theme URI: https://vsadvocacia.blog
Author: VS Advocacia
Version: 10.0
Description: Tema profissional com páginas prontas automáticas, Gutenberg livre, IA Hostinger compatível, WhatsApp integrado e page.php correto.
Text Domain: vs-advocacia-final
*/

:root{
  --bg:#05060a; --panel:#111827; --muted:#cbd5e1; --gold:#d4af37;
  --gold2:#f7d774; --green:#25D366; --border:rgba(212,175,55,.24);
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#111827 0,#05060a 45%,#000 100%);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit} img{max-width:100%;height:auto}
.vs-container{width:min(1160px,92%);margin:0 auto}
.vs-header{position:sticky;top:0;z-index:99;background:rgba(5,6,10,.94);border-bottom:1px solid rgba(212,175,55,.16);backdrop-filter:blur(10px)}
.vs-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 0}
.vs-brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;font-size:24px}
.vs-brand img{height:58px;max-width:250px;object-fit:contain}
.vs-menu{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px}
.vs-menu a{text-decoration:none;color:var(--muted);font-weight:800}.vs-menu a:hover{color:var(--gold2)}
.vs-hero{padding:86px 0 58px;position:relative;overflow:hidden}
.vs-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;position:relative}
.vs-badge{display:inline-flex;padding:8px 14px;border-radius:999px;border:1px solid rgba(212,175,55,.38);background:rgba(212,175,55,.10);color:var(--gold2);font-weight:900;font-size:13px;margin-bottom:18px}
h1{font-size:clamp(34px,5vw,62px);line-height:1.03;margin:0 0 18px;font-weight:950;letter-spacing:-1px}
h2{font-size:clamp(26px,3vw,42px);line-height:1.12;margin:0 0 16px;font-weight:950}
h3{font-size:22px;margin:0 0 10px}
p{margin:0 0 16px;color:var(--muted);font-size:18px}
.vs-lead{font-size:21px;color:#eef2ff}
.vs-card{background:linear-gradient(180deg,rgba(16,24,39,.97),rgba(2,6,23,.97));border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.vs-logo-card{text-align:center}.vs-logo-card img{border-radius:18px;max-height:330px;object-fit:contain}
.vs-section{padding:62px 0}.vs-section.alt{background:rgba(255,255,255,.025)}
.vs-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.vs-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vs-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:22px;text-decoration:none;display:block}
.vs-item:hover{border-color:rgba(212,175,55,.45);transform:translateY(-2px)}
.vs-cta,.wp-block-button__link{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:14px 22px!important;border-radius:12px!important;background:var(--green)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 12px 34px rgba(37,211,102,.25);border:0!important;margin:8px 8px 8px 0}
.vs-cta:hover,.wp-block-button__link:hover{background:var(--gold)!important;color:#090909!important}
.entry-content{background:linear-gradient(180deg,rgba(16,24,39,.80),rgba(2,6,23,.70));border:1px solid rgba(212,175,55,.18);border-radius:24px;padding:30px;margin:30px 0}
.entry-content p{color:#dbe4f0}.entry-content li{padding:7px 0;color:#e5e7eb}
.vs-footer{padding:32px 0;text-align:center;border-top:1px solid rgba(255,255,255,.08);background:#030407}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9999;background:var(--green);color:#fff!important;padding:15px 20px;border-radius:999px;text-decoration:none;font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.42)}
@media(max-width:900px){.vs-grid,.vs-two,.vs-columns{grid-template-columns:1fr}.vs-menu{display:none}.vs-hero{padding:52px 0 34px}.whatsapp-float{left:14px;right:14px;text-align:center}}

.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: #25D366;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    z-index: 999;
}

.whatsapp-float img {
    width: 30px;
}