/*
Theme Name: VS Advocacia Premium
Version: 2.0
Description: Tema premium para VS Advocacia
*/

:root{
  --bg:#05060a; --bg2:#0b1020; --panel:#0f172a; --line:rgba(255,255,255,.08);
  --text:#f8fafc; --muted:#cbd5e1; --gold:#d6b36a; --green:#22c55e; --green2:#16a34a;
  --shadow:0 18px 60px rgba(0,0,0,.35); --radius:22px; --max:1200px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#05060a,#09101e);color:var(--text);font-family:Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block} a{text-decoration:none;color:inherit}
.vs-container{width:min(calc(100% - 32px),var(--max));margin:0 auto}
.vs-header{position:sticky;top:0;z-index:99;background:rgba(5,6,10,.88);border-bottom:1px solid var(--line)}
.vs-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.vs-brand{display:flex;align-items:center;gap:14px}.vs-brand img{width:72px}.vs-brand-title{font-size:28px;font-weight:800}.vs-brand-sub{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.12em}
.vs-nav{display:flex;gap:18px;flex-wrap:wrap}.vs-nav a{color:var(--muted);font-weight:700}
.vs-hero,.vs-section{padding:80px 0}.vs-hero-wrap,.vs-columns,.vs-grid{display:grid;gap:24px}.vs-hero-wrap,.vs-columns{grid-template-columns:1.1fr .9fr}.vs-grid-2{grid-template-columns:repeat(2,1fr)}
.vs-card{background:linear-gradient(180deg,rgba(15,23,42,.95),rgba(10,15,28,.92));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}
.vs-badge{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid rgba(214,179,106,.35);background:rgba(214,179,106,.08);color:#f4dfb0;font-size:13px;font-weight:700;text-transform:uppercase}
.vs-title{margin:14px 0;font-size:clamp(34px,6vw,62px);line-height:1.04;font-weight:800}
.vs-h2{font-size:clamp(28px,4vw,42px);line-height:1.08;margin:0 0 10px;font-weight:800}
.vs-h3{font-size:clamp(22px,3vw,28px);line-height:1.15;margin:0 0 10px;font-weight:800}
.vs-subtitle,.vs-text{color:var(--muted)}
.vs-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.vs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:14px;font-weight:800;border:1px solid transparent}
.vs-btn-primary{background:linear-gradient(180deg,var(--green),var(--green2));color:#fff}
.vs-btn-secondary{background:rgba(255,255,255,.02);color:#fff;border-color:var(--line)}
.vs-btn-gold{background:linear-gradient(180deg,#d6b36a,#b69045);color:#111827}
.vs-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.vs-kpi{padding:20px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.vs-kpi strong{display:block;font-size:28px}
.vs-service-image{aspect-ratio:16/9;border-radius:16px;margin-bottom:16px;background:linear-gradient(135deg,rgba(214,179,106,.18),rgba(30,58,138,.18)),linear-gradient(180deg,#131d35,#0b1020);border:1px solid rgba(255,255,255,.06)}
.vs-checks{display:grid;gap:10px;margin:16px 0 0;color:#e5e7eb;padding-left:0}.vs-checks li{list-style:none;position:relative;padding-left:28px}.vs-checks li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:800}
.vs-form-card form{display:grid;gap:14px}.vs-form-card input,.vs-form-card textarea,.vs-form-card select{width:100%;background:#0b1020;color:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font:inherit}.vs-form-card textarea{min-height:130px;resize:vertical}
.vs-band{padding:30px;background:linear-gradient(135deg,rgba(30,58,138,.34),rgba(214,179,106,.09));border:1px solid rgba(214,179,106,.22);border-radius:28px}
.vs-band-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.vs-footer{margin-top:50px;border-top:1px solid var(--line);background:rgba(5,6,10,.88)}.vs-footer-inner{padding:34px 0;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.vs-footer-links{display:flex;flex-wrap:wrap;gap:14px 20px;color:var(--muted)}.vs-copy{color:var(--muted);font-size:14px}
.vs-whats{position:fixed;right:18px;bottom:18px;z-index:100;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,var(--green),var(--green2));box-shadow:0 14px 30px rgba(34,197,94,.32);color:#fff;font-size:30px}
@media (max-width:980px){.vs-hero-wrap,.vs-columns,.vs-grid-2,.vs-band-grid,.vs-footer-inner,.vs-kpis{grid-template-columns:1fr}.vs-nav{display:none}.vs-brand img{width:58px}}