@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{
  --bg:#120b12;
  --panel:rgba(31,18,30,.84);
  --card:rgba(255,255,255,.075);
  --line:rgba(245,208,145,.18);
  --line2:rgba(255,255,255,.085);
  --text:#fffaf3;
  --muted:#c9b8ad;
  --gold:#c89b5a;
  --gold2:#f4d7a1;
  --wine:#7f1d1d;
  --wine2:#b91c1c;
  --steel:#64748b;
  --steel2:#94a3b8;
  --blue:#334155;
  --cyan:#60a5fa;
  --green:#16a34a;
  --red:#dc2626;
  --purple:#7c3aed;
  --shadow:0 26px 76px rgba(37,14,21,.42);
  --radius:20px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,sans-serif;
  background:
             radial-gradient(circle at 12% 4%,rgba(244,215,161,.18),transparent 28%),
             radial-gradient(circle at 82% 8%,rgba(127,29,29,.22),transparent 30%),
             linear-gradient(135deg,#11070d 0%,#23111d 42%,#0d0b10 100%);
  overflow-x:hidden;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;
  background:
             linear-gradient(90deg,rgba(17,7,13,.97),rgba(17,7,13,.82) 38%,rgba(17,7,13,.50) 70%,rgba(17,7,13,.88)),
             linear-gradient(0deg,rgba(17,7,13,.98),rgba(17,7,13,.36) 48%,rgba(17,7,13,.82)),
             url("../img/abogado-inteligente.webp") center/cover no-repeat;
  filter:saturate(.82) brightness(.76) contrast(1.12);
}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.app{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}
aside{
  position:sticky;top:0;height:100vh;padding:22px 18px;overflow:auto;z-index:20;
  background:linear-gradient(180deg,rgba(17,7,13,.95),rgba(35,17,29,.86));
  border-right:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:18px 0 60px rgba(0,0,0,.28);
}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--wine2),var(--gold2));color:#fffaf3;font-weight:950}
.brand h1{font-family:'Bebas Neue',sans-serif;letter-spacing:.05em;font-size:31px;margin:0;line-height:1}.brand h1 span{color:var(--gold2)}
.brand small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.firm-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:linear-gradient(145deg,rgba(54,25,38,.74),rgba(17,7,13,.88));box-shadow:var(--shadow);margin-bottom:18px}
.firm-card .name{font-size:18px;font-weight:950}.firm-card .meta{color:var(--muted);font-size:12px;line-height:1.5;margin-top:6px}
.mini-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.mini-stat{padding:10px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid var(--line2)}
.mini-stat b{display:block;font-size:16px}.mini-stat span{font-size:10px;color:var(--muted)}
.nav-title{font-size:11px;color:#91a3ba;font-weight:950;text-transform:uppercase;letter-spacing:.13em;margin:18px 8px 9px}.nav{display:grid;gap:7px}
.nav button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;border:1px solid transparent;background:transparent;color:#ced7e5;font-weight:850;text-align:left;transition:.2s}
.nav button i{width:18px;height:18px;color:var(--gold2)}.nav button:hover{background:rgba(255,255,255,.055);border-color:var(--line)}
.nav button.active{background:linear-gradient(90deg,rgba(244,215,161,.18),rgba(100,116,139,.12));border-color:rgba(244,215,161,.28);color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
main{padding:24px clamp(18px,3vw,42px) 44px;min-width:0}
.topbar{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;min-height:150px;padding:22px 24px;margin-bottom:18px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(54,25,38,.78),rgba(17,7,13,.66));box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.topbar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,7,13,.96),rgba(17,7,13,.74) 44%,rgba(17,7,13,.24)),linear-gradient(0deg,rgba(17,7,13,.90),rgba(17,7,13,.22)),url("../img/abogado-inteligente.webp") center/cover no-repeat;opacity:.82}
.topbar>*{position:relative;z-index:1}.topbar h2{margin:0;font-size:clamp(26px,3vw,42px);letter-spacing:-.035em}.topbar p{margin:6px 0 0;color:#d7e0ed;max-width:760px;line-height:1.45}
body.home-mode .topbar{display:none}
.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:11px 14px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.22s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--wine2),#e11d48);color:white}.btn-blue{background:linear-gradient(135deg,#334155,#64748b);color:white}.btn-dark{background:rgba(255,255,255,.08);border:1px solid var(--line);color:white;backdrop-filter:blur(10px)}.btn-red{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.32);color:#fecaca}.btn-small{padding:8px 10px;font-size:12px;border-radius:10px}
.content{display:none}.content.active{display:block;animation:fadeUp .34s ease both}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.split{display:grid;grid-template-columns:1.18fr .82fr;gap:16px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:18px;background:linear-gradient(145deg,rgba(54,25,38,.72),rgba(17,7,13,.68));box-shadow:var(--shadow);backdrop-filter:blur(18px);min-width:0}
.card h3{margin:0 0 14px;font-size:18px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-header h3{margin:0}.muted{color:var(--muted)}
.kpi{position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-28px;top:-28px;width:110px;height:110px;border-radius:50%;background:rgba(244,215,161,.08)}.kpi .icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(244,215,161,.12);border:1px solid rgba(244,215,161,.22);margin-bottom:14px}.kpi b{display:block;font-size:30px;letter-spacing:-.04em}.kpi span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.home-banner{min-height:170px;border-radius:28px;border:1px solid rgba(244,215,161,.22);padding:28px 30px;margin-bottom:16px;background:linear-gradient(90deg,rgba(17,7,13,.96),rgba(17,7,13,.74) 48%,rgba(17,7,13,.28)),linear-gradient(0deg,rgba(17,7,13,.90),rgba(17,7,13,.18)),url("../img/abogado-inteligente.webp") center/cover no-repeat;box-shadow:var(--shadow);display:flex;align-items:flex-end}
.home-banner h2{margin:0;max-width:820px;font-size:clamp(34px,5vw,66px);line-height:.95;letter-spacing:-.055em;text-shadow:0 16px 40px rgba(0,0,0,.6)}
.home-banner .label{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;border-radius:999px;background:rgba(244,215,161,.12);border:1px solid rgba(244,215,161,.22);color:#fff1c6;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}
.ops-panel{border:1px solid var(--line);border-radius:24px;padding:18px;margin-bottom:16px;background:linear-gradient(145deg,rgba(54,25,38,.78),rgba(17,7,13,.72));box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.ops-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px}.ops-head h3{margin:0;font-size:clamp(22px,2.6vw,34px);letter-spacing:-.035em}.ops-head p{margin:5px 0 0;color:var(--muted);max-width:850px;line-height:1.45}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.process-card{min-height:128px;border:1px solid rgba(244,215,161,.16);border-radius:20px;background:rgba(255,255,255,.055);color:#fff;padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 12px 32px rgba(0,0,0,.16);transition:.22s}
.process-card:hover{transform:translateY(-3px);border-color:rgba(244,215,161,.36);background:rgba(255,255,255,.09)}.process-card i{width:28px;height:28px;color:var(--gold2)}.process-card b{display:block;margin-top:8px;font-size:15px;line-height:1.15}.process-card span{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.35}.process-card.blue i{color:#93c5fd}.process-card.green i{color:#86efac}.process-card.red i{color:#fca5a5}.process-card.purple i{color:#c4b5fd}
.automation-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.auto-chip{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid var(--line)}.auto-chip i{width:22px;height:22px;color:var(--gold2);flex:none}.auto-chip b{display:block;font-size:13px}.auto-chip span{display:block;color:var(--muted);font-size:11.5px;line-height:1.3;margin-top:2px}
.services-home{margin-top:16px}.services-home-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.services-home-header h3{margin:0;font-size:22px}.services-home-header p{margin:4px 0 0;color:var(--muted);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.service-square{min-height:132px;aspect-ratio:1/1;border:1px solid rgba(244,215,161,.14);border-radius:22px;padding:14px;background:linear-gradient(145deg,rgba(244,215,161,.105),rgba(255,255,255,.045));color:#fff;display:flex;flex-direction:column;justify-content:space-between;text-align:left;transition:.22s;box-shadow:0 12px 32px rgba(0,0,0,.16)}
.service-square:hover{transform:translateY(-4px);border-color:rgba(244,215,161,.35);background:rgba(255,255,255,.10)}.service-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(244,215,161,.12);border:1px solid rgba(244,215,161,.18);color:var(--gold2)}.service-square strong{display:block;font-size:13px;line-height:1.16;margin-top:11px}.service-square small{display:block;color:var(--muted);font-size:10.5px;line-height:1.25;margin-top:5px}.service-tag{align-self:flex-start;color:#fff1c6;font-weight:900;font-size:10px;padding:5px 7px;border-radius:999px;background:rgba(244,215,161,.10);border:1px solid rgba(244,215,161,.14)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.field{min-width:180px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);outline:none;background:rgba(255,255,255,.075);color:white}.field::placeholder{color:#8ea0b6}.field:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(244,215,161,.12)}select.field option{color:#111}
.table-wrap{width:100%;overflow-x:auto;border-radius:14px;border:1px solid var(--line2)}table{width:100%;min-width:820px;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line2);font-size:13px;text-align:left;vertical-align:middle;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#91a3ba;background:rgba(255,255,255,.025)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:950}.ok{background:rgba(34,197,94,.13);color:#bbf7d0}.warn{background:rgba(245,158,11,.14);color:#fde68a}.bad{background:rgba(239,68,68,.14);color:#fecaca}.info{background:rgba(100,116,139,.15);color:#bfdbfe}.purple{background:rgba(167,139,250,.15);color:#ddd6fe}.neutral{background:rgba(255,255,255,.09);color:#dbeafe}
.doc-list{display:grid;gap:10px}.doc{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.045)}.doc-left{display:flex;align-items:center;gap:10px}.doc-left i{color:var(--gold2);width:20px;height:20px;flex:none}.doc-left span,.doc span{color:var(--muted);font-size:12px;line-height:1.35}
.chat{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}.bubble{max-width:84%;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.45}.bubble.bot{background:rgba(244,215,161,.12);border:1px solid rgba(244,215,161,.18);align-self:flex-start}.bubble.user{background:rgba(100,116,139,.14);border:1px solid rgba(100,116,139,.20);align-self:flex-end}.quick-replies{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.workflow{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.step{padding:14px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid var(--line2);min-height:128px}.step i{color:var(--gold2);margin-bottom:10px}.step b{display:block;font-size:14px}.step span{display:block;color:var(--muted);font-size:11.5px;line-height:1.35;margin-top:5px}
.chart{height:220px;display:flex;align-items:end;gap:12px;border-bottom:1px solid var(--line2);padding:14px 6px 0}.bar{flex:1;min-width:28px;border-radius:9px 9px 0 0;background:linear-gradient(180deg,var(--gold2),var(--gold));position:relative}.bar.blue{background:linear-gradient(180deg,#60a5fa,#2563eb)}.bar.green{background:linear-gradient(180deg,#86efac,#16a34a)}.bar.red{background:linear-gradient(180deg,#fca5a5,#dc2626)}.bar span{position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);white-space:nowrap}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);z-index:999;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.show{display:flex}.modal{width:min(920px,100%);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#2a1421,#0d070c);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 32px 90px rgba(0,0,0,.55)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0}.close{border:0;background:rgba(255,255,255,.08);color:white;border-radius:12px;width:38px;height:38px}
.toast{position:fixed;right:20px;bottom:20px;z-index:1000;max-width:380px;padding:14px 16px;border-radius:16px;background:#170a12;border:1px solid rgba(244,215,161,.42);box-shadow:var(--shadow);display:none}.toast.show{display:flex;align-items:flex-start;gap:10px;animation:toast .3s ease both}.toast i{color:var(--gold2)}@keyframes toast{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mobile-shellbar,.sidebar-overlay{display:none}
@media(max-width:1180px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4,.grid-3,.grid-2,.split,.workflow{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.automation-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}}
@media(max-width:860px){body{padding-top:72px}.mobile-shellbar{position:fixed;inset:0 0 auto 0;z-index:1200;height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:linear-gradient(180deg,rgba(17,7,13,.96),rgba(35,17,29,.88));border-bottom:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(0,0,0,.28)}.mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-brand strong{display:block;font-size:14px}.mobile-brand span{display:block;color:var(--muted);font-size:11px}.mobile-menu-btn{width:46px;height:46px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:white}.sidebar-overlay{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.58);backdrop-filter:blur(4px)}.sidebar-overlay.show{display:block}.app{display:block}aside{position:fixed;top:0;left:0;z-index:1250;width:min(88vw,340px);max-width:340px;height:100dvh;padding:18px 16px 24px;transform:translateX(-105%);transition:.28s cubic-bezier(.22,1,.36,1);border-radius:0 24px 24px 0}aside.open{transform:translateX(0)}.nav,.process-grid,.automation-strip,.grid-4,.grid-3,.grid-2,.split,.workflow,.service-grid{grid-template-columns:1fr}main{padding:14px 12px 30px}.home-banner{min-height:118px;border-radius:20px;padding:20px}.home-banner h2{font-size:clamp(28px,8vw,42px)}.ops-head,.services-home-header,.card-header{align-items:flex-start;flex-direction:column}.ops-head .actions,.actions .btn{width:100%}.service-square{aspect-ratio:auto;min-height:112px}.card,.ops-panel{border-radius:17px;padding:14px}.topbar{border-radius:20px;padding:18px;min-height:unset}.toolbar{display:grid;grid-template-columns:1fr}.field,.toolbar .btn{width:100%;min-width:0}.table-wrap table{min-width:760px}.modal-backdrop{padding:10px;align-items:flex-end}.modal{border-radius:22px 22px 0 0;max-height:88dvh}.toast{left:12px;right:12px;bottom:12px;max-width:none}}

/* Identidad visual LexIA: boutique legal contemporánea */
.brand h1 span{color:#f4d7a1}
.nav button.active{
  background:linear-gradient(90deg,rgba(185,28,28,.22),rgba(244,215,161,.10));
  border-color:rgba(244,215,161,.30);
  box-shadow:inset 3px 0 0 #b91c1c;
}
.nav button i,
.process-card i,
.auto-chip i,
.doc-left i,
.step i,
.toast i{
  color:#f4d7a1;
}
.btn-primary{
  background:linear-gradient(135deg,#7f1d1d,#e11d48);
  color:#fff;
  box-shadow:0 14px 34px rgba(127,29,29,.28);
}
.btn-blue{
  background:linear-gradient(135deg,#334155,#94a3b8);
  color:#fff;
}
.btn-dark{
  background:rgba(255,250,243,.075);
  border-color:rgba(244,215,161,.18);
}
.home-banner .label,
.service-tag{
  background:rgba(127,29,29,.18);
  border-color:rgba(244,215,161,.20);
  color:#ffe8b8;
}
.process-card:hover,
.service-square:hover{
  border-color:rgba(244,215,161,.38);
  box-shadow:0 22px 54px rgba(127,29,29,.20);
}
.kpi .icon,
.service-icon{
  background:rgba(127,29,29,.20);
  border-color:rgba(244,215,161,.22);
}
.badge.ok{background:rgba(22,163,74,.16);color:#bbf7d0}
.badge.warn{background:rgba(244,215,161,.16);color:#fde68a}
.badge.bad{background:rgba(185,28,28,.22);color:#fecaca}
.badge.info{background:rgba(100,116,139,.22);color:#e2e8f0}


/* PALETA LEGAL CLASICA PREMIUM - inspirada en referencia King Lawyer */
:root{
  --bg:#f7f2ea !important;
  --panel:rgba(255,255,255,.86) !important;
  --card:rgba(255,255,255,.82) !important;
  --line:rgba(184,138,77,.28) !important;
  --line2:rgba(63,52,43,.10) !important;
  --text:#2b2723 !important;
  --muted:#6f655b !important;
  --gold:#b8894d !important;
  --gold2:#d7b47a !important;
  --wine:#5b3422 !important;
  --wine2:#8a5a33 !important;
  --steel:#5f6670 !important;
  --steel2:#8b929b !important;
  --blue:#374151 !important;
  --cyan:#6b7280 !important;
  --green:#2f7d51 !important;
  --red:#9f2f2f !important;
  --purple:#6d5c4d !important;
  --shadow:0 22px 60px rgba(77,58,37,.16) !important;
}
body{
  color:#2b2723 !important;
  background:
    radial-gradient(circle at 15% 4%, rgba(216,180,122,.22), transparent 28%),
    radial-gradient(circle at 86% 12%, rgba(91,52,34,.14), transparent 28%),
    linear-gradient(135deg,#f9f4ec 0%,#efe4d5 46%,#f8f5ef 100%) !important;
}
body:before{
  background:
    linear-gradient(90deg, rgba(247,242,234,.98) 0%, rgba(247,242,234,.90) 36%, rgba(247,242,234,.58) 70%, rgba(247,242,234,.84) 100%),
    linear-gradient(0deg, rgba(247,242,234,.98) 0%, rgba(247,242,234,.38) 48%, rgba(247,242,234,.82) 100%),
    url("../img/abogado-inteligente.webp") center/cover no-repeat !important;
  filter:saturate(.82) brightness(1.03) contrast(1.02) !important;
}
aside{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,242,234,.88)) !important;
  border-right:1px solid rgba(184,138,77,.24) !important;
  box-shadow:18px 0 58px rgba(77,58,37,.12) !important;
}
.brand h1,.topbar h2,.ops-head h3,.services-home-header h3,.card h3{color:#2b2723 !important}
.brand h1 span{color:#b8894d !important}
.brand small,.firm-card .meta,.muted,.ops-head p,.services-home-header p,.process-card span,.auto-chip span,.service-square small,.doc-left span,.doc span,.kpi span,.mobile-brand span{color:#6f655b !important}
.brand-mark{
  background:linear-gradient(135deg,#2f2a25,#b8894d) !important;
  color:#fff7ea !important;
}
.firm-card,.card,.ops-panel{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,241,231,.76)) !important;
  border-color:rgba(184,138,77,.22) !important;
  color:#2b2723 !important;
  box-shadow:0 20px 54px rgba(77,58,37,.13) !important;
}
.nav-title{color:#8a765e !important}
.nav button{color:#3f3933 !important}
.nav button i{color:#b8894d !important}
.nav button:hover{background:rgba(184,138,77,.08) !important;border-color:rgba(184,138,77,.18) !important}
.nav button.active{
  background:linear-gradient(90deg,rgba(184,138,77,.18),rgba(63,52,43,.06)) !important;
  border-color:rgba(184,138,77,.32) !important;
  color:#2b2723 !important;
  box-shadow:inset 3px 0 0 #b8894d !important;
}
.topbar{
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,242,234,.72)) !important;
  border-color:rgba(184,138,77,.22) !important;
  color:#2b2723 !important;
}
.topbar:before{
  background:
    linear-gradient(90deg,rgba(247,242,234,.97) 0%,rgba(247,242,234,.82) 45%,rgba(247,242,234,.24) 100%),
    linear-gradient(0deg,rgba(247,242,234,.92),rgba(247,242,234,.20)),
    url("../img/abogado-inteligente.webp") center/cover no-repeat !important;
  opacity:.88 !important;
}
.topbar p{color:#6f655b !important}
.home-banner{
  background:
    linear-gradient(90deg,rgba(43,39,35,.90) 0%,rgba(43,39,35,.68) 46%,rgba(43,39,35,.22) 100%),
    linear-gradient(0deg,rgba(43,39,35,.72),rgba(43,39,35,.08)),
    url("../img/abogado-inteligente.webp") center/cover no-repeat !important;
  border-color:rgba(184,138,77,.36) !important;
}
.home-banner h2{color:#fffaf3 !important}
.home-banner .label{
  background:rgba(184,138,77,.24) !important;
  border-color:rgba(216,180,122,.34) !important;
  color:#fff4da !important;
}
.btn-primary{
  background:linear-gradient(135deg,#b8894d,#d7b47a) !important;
  color:#211b15 !important;
  box-shadow:0 14px 30px rgba(184,138,77,.22) !important;
}
.btn-blue{
  background:linear-gradient(135deg,#2f2a25,#5f6670) !important;
  color:#fff !important;
}
.btn-dark{
  background:rgba(255,255,255,.70) !important;
  border:1px solid rgba(184,138,77,.30) !important;
  color:#2b2723 !important;
}
.process-card,.service-square,.auto-chip,.doc,.step{
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(184,138,77,.20) !important;
  color:#2b2723 !important;
  box-shadow:0 12px 28px rgba(77,58,37,.09) !important;
}
.process-card:hover,.service-square:hover{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(184,138,77,.40) !important;
  box-shadow:0 18px 40px rgba(77,58,37,.14) !important;
}
.process-card i,.auto-chip i,.doc-left i,.step i,.toast i,.service-icon,.process-card.blue i,.process-card.green i,.process-card.red i,.process-card.purple i{color:#b8894d !important}
.service-icon,.kpi .icon{
  background:rgba(184,138,77,.12) !important;
  border-color:rgba(184,138,77,.24) !important;
}
.service-tag{
  background:rgba(184,138,77,.12) !important;
  border-color:rgba(184,138,77,.22) !important;
  color:#8a5a33 !important;
}
.field{
  background:rgba(255,255,255,.74) !important;
  color:#2b2723 !important;
  border-color:rgba(184,138,77,.24) !important;
}
.field::placeholder{color:#8b8178 !important}
th{color:#7b6b5a !important;background:rgba(184,138,77,.08) !important}
td{color:#2b2723 !important}
.badge.ok{background:rgba(47,125,81,.12) !important;color:#2f7d51 !important}
.badge.warn{background:rgba(184,138,77,.16) !important;color:#8a5a33 !important}
.badge.bad{background:rgba(159,47,47,.13) !important;color:#9f2f2f !important}
.badge.info{background:rgba(95,102,112,.13) !important;color:#4b5563 !important}
.badge.purple{background:rgba(109,92,77,.13) !important;color:#5b3422 !important}
.badge.neutral{background:rgba(63,52,43,.09) !important;color:#4b423a !important}
.bubble.bot{
  background:rgba(184,138,77,.12) !important;
  border-color:rgba(184,138,77,.22) !important;
  color:#2b2723 !important;
}
.bubble.user{
  background:rgba(63,52,43,.10) !important;
  border-color:rgba(63,52,43,.14) !important;
  color:#2b2723 !important;
}
.modal{
  background:linear-gradient(145deg,#fffaf3,#efe4d5) !important;
  color:#2b2723 !important;
  border-color:rgba(184,138,77,.28) !important;
}
.close{
  background:rgba(63,52,43,.08) !important;
  color:#2b2723 !important;
}
.toast{
  background:#fffaf3 !important;
  color:#2b2723 !important;
  border-color:rgba(184,138,77,.34) !important;
}
.chart{border-bottom-color:rgba(184,138,77,.20) !important}
.bar{background:linear-gradient(180deg,#d7b47a,#b8894d) !important}
.bar.blue,.bar.green,.bar.red{background:linear-gradient(180deg,#6f655b,#3f3933) !important}
@media(max-width:860px){
  .mobile-shellbar{
    background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,242,234,.90)) !important;
    border-bottom-color:rgba(184,138,77,.22) !important;
  }
  .mobile-menu-btn{
    background:rgba(255,255,255,.72) !important;
    color:#2b2723 !important;
    border-color:rgba(184,138,77,.25) !important;
  }
  .mobile-brand strong{color:#2b2723 !important}
}