*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#030309;--surface:#090914;
  --violet:#7C3AED;--vl:#A78BFA;--mint:#6EE7B7;
  --text:#EEE8FF;--muted:#8F8AAD;--border:rgba(167,139,250,0.13);
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 50% 4%,rgba(124,58,237,.13),transparent 28%),
    radial-gradient(circle at 15% 28%,rgba(110,231,183,.035),transparent 22%),
    radial-gradient(circle at 84% 32%,rgba(167,139,250,.055),transparent 26%),
    radial-gradient(circle at 50% 58%,rgba(124,58,237,.06),transparent 34%),
    linear-gradient(180deg,#030309 0%,#050510 36%,#04040C 68%,#030309 100%);
  color:var(--text);font-family:'Figtree',sans-serif;overflow-x:hidden;position:relative;
}
body::before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-2;
  background-image:
    linear-gradient(rgba(167,139,250,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,139,250,.022) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.25) 58%,transparent 100%);
}
body::after{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(124,58,237,.4);border-radius:2px}
.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.18),rgba(167,139,250,.26),rgba(124,58,237,.18),transparent)}

.scene-wrap{position:relative;overflow:hidden}
.scene-wrap::before{content:'';position:absolute;inset:-220px -10% auto;height:760px;background:radial-gradient(ellipse at center,rgba(124,58,237,.26),transparent 62%);filter:blur(18px);pointer-events:none;z-index:0;animation:breath 10s ease-in-out infinite}
.scene-wrap::after{content:'';position:absolute;left:8%;right:8%;top:360px;height:520px;background:radial-gradient(ellipse at center,rgba(124,58,237,.14),transparent 64%);filter:blur(22px);pointer-events:none;z-index:0}
@keyframes breath{0%,100%{transform:translateY(0) scale(1);opacity:.72}50%{transform:translateY(20px) scale(1.04);opacity:.95}}

.breadcrumb-bar{padding:80px 6% 0;max-width:1240px;margin:0 auto;position:relative;z-index:2}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--vl)}.breadcrumb span{color:var(--text);font-weight:700}

.idx-hero{padding:48px 6% 160px;position:relative;z-index:1;overflow:visible}
.idx-hero-inner{max-width:900px;margin:0 auto;position:relative;z-index:3;text-align:center}
.idx-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid rgba(124,58,237,.30);border-radius:100px;font-size:12px;color:var(--vl);background:rgba(21,17,48,.58);backdrop-filter:blur(14px);font-weight:800;letter-spacing:.3px;text-transform:uppercase;margin-bottom:24px;box-shadow:0 0 35px rgba(124,58,237,.16)}
.idx-pill-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;animation:svcpulse 2s infinite}@keyframes svcpulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.65)}}
.idx-h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,5vw,58px);font-weight:700;letter-spacing:-1.6px;line-height:1.08;color:var(--text);margin-bottom:20px;text-shadow:0 18px 70px rgba(0,0,0,.35)}
.idx-h1 span{color:var(--vl)}
.idx-sub{font-size:17px;line-height:1.7;color:var(--muted);max-width:600px;margin:0 auto}.idx-sub strong{color:var(--text)}

.hero-floating{position:absolute;inset:0;pointer-events:none;z-index:2}.float-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(167,139,250,.16);border-radius:999px;background:rgba(11,11,29,.64);backdrop-filter:blur(16px);font-size:12px;color:#DCD4FF;box-shadow:0 18px 55px rgba(0,0,0,.30);opacity:0;animation:chipcycle 13s ease-in-out infinite}.float-chip svg{width:16px;height:16px}.fc-a{top:23%;left:8%;animation-delay:.2s}.fc-b{top:33%;right:8%;animation-delay:1.8s}.fc-c{bottom:18%;left:14%;animation-delay:3.7s}.fc-d{bottom:23%;right:15%;animation-delay:5.8s}.fc-e{top:66%;left:42%;animation-delay:7.3s}
@keyframes chipcycle{0%,18%{opacity:0;transform:translateY(12px) scale(.96)}26%,55%{opacity:1;transform:translateY(0) scale(1)}74%,100%{opacity:0;transform:translateY(-10px) scale(.98)}}

.services-section{padding:0 6% 110px;position:relative;z-index:3;margin-top:-78px}.services-inner{max-width:1200px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{display:flex;flex-direction:column;gap:18px;padding:32px;background:linear-gradient(180deg,rgba(22,21,52,.86),rgba(10,10,27,.78));border:1px solid rgba(167,139,250,.16);border-radius:24px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;min-height:325px;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.service-card:hover{transform:translateY(-7px);border-color:rgba(167,139,250,.38);box-shadow:0 34px 90px rgba(0,0,0,.45),0 0 55px rgba(124,58,237,.13)}
.service-card::before{content:'';position:absolute;inset:-1px;background:radial-gradient(circle at 18% 0%,rgba(124,58,237,.18),transparent 38%),radial-gradient(circle at 85% 16%,rgba(110,231,183,.06),transparent 34%);opacity:.9;transition:opacity .3s}.service-card:hover::before{opacity:1}.service-card::after{content:'';position:absolute;inset:1px;border-radius:23px;background:linear-gradient(135deg,rgba(255,255,255,.075),transparent 27%,transparent 70%,rgba(167,139,250,.07));pointer-events:none}
.sc-top{display:flex;align-items:center;justify-content:space-between;gap:14px;position:relative;z-index:1}.sc-icon{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border:1px solid rgba(255,255,255,.07)}.sc-icon svg{width:25px;height:25px;display:block}.sc-mini{display:flex;align-items:center;gap:6px;min-height:24px}.mini-logo{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);opacity:0;animation:miniswap 8s ease-in-out infinite}.mini-logo svg{width:14px;height:14px}.mini-logo:nth-child(2){animation-delay:1s}.mini-logo:nth-child(3){animation-delay:2s}@keyframes miniswap{0%,20%{opacity:0;transform:translateY(6px) scale(.92)}28%,58%{opacity:1;transform:translateY(0) scale(1)}72%,100%{opacity:0;transform:translateY(-5px) scale(.94)}}
.sc-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:20px;width:fit-content;position:relative;z-index:1}.sc-title{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:var(--text);position:relative;z-index:1;letter-spacing:-.25px}.sc-desc{font-size:13.5px;line-height:1.65;color:var(--muted);position:relative;z-index:1;flex:1}.sc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--border);position:relative;z-index:1}.sc-cta{font-size:13px;font-weight:700;color:var(--vl);display:flex;align-items:center;gap:6px}.sc-arrow{transition:transform .25s}.service-card:hover .sc-arrow{transform:translateX(4px)}
.sc-icon.wa{background:rgba(37,211,102,.12)}.sc-tag.wa{background:rgba(37,211,102,.1);color:#6EE7B7}.sc-icon.cerebro{background:rgba(124,58,237,.14)}.sc-tag.cerebro{background:rgba(124,58,237,.12);color:var(--vl)}.sc-icon.reportes{background:rgba(110,231,183,.13)}.sc-tag.reportes{background:rgba(110,231,183,.1);color:var(--mint)}.sc-icon.asistente{background:rgba(167,139,250,.13)}.sc-tag.asistente{background:rgba(167,139,250,.1);color:#C4B5FD}.sc-icon.crm{background:rgba(124,58,237,.14)}.sc-tag.crm{background:rgba(124,58,237,.12);color:var(--vl)}.sc-icon.integraciones{background:rgba(110,231,183,.12)}.sc-tag.integraciones{background:rgba(110,231,183,.1);color:var(--mint)}

.compare-section{padding:100px 6%;position:relative;z-index:2}.compare-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 16%,rgba(124,58,237,.04),transparent 42%);pointer-events:none}.compare-inner{max-width:1000px;margin:0 auto;position:relative}.sec-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border);border-radius:100px;font-size:11px;color:var(--vl);background:rgba(124,58,237,.06);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px}.sec-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,3.5vw,40px);font-weight:700;letter-spacing:-1px;line-height:1.1;color:var(--text);margin-bottom:16px;text-align:center}.sec-title span{color:var(--vl)}.sec-sub{font-size:16px;line-height:1.7;color:var(--muted);max-width:560px;margin:0 auto 48px;text-align:center}.sec-header-center{display:flex;flex-direction:column;align-items:center}
.compare-table{background:rgba(13,13,34,.68);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.22);backdrop-filter:blur(10px)}.ct-row{display:grid;grid-template-columns:1.4fr 2fr;border-bottom:1px solid var(--border);position:relative}.ct-row:last-child{border-bottom:none}.ct-row.header{background:rgba(124,58,237,.06)}.ct-cell{padding:18px 24px;font-size:13.5px;display:flex;align-items:center;gap:10px}.ct-cell.label{font-weight:700;color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:14px}.ct-cell.value{color:var(--muted);line-height:1.5}.ct-row.header .ct-cell{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--vl);font-weight:800}.ct-icon{width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(167,139,250,.08);flex-shrink:0}.ct-icon svg{width:15px;height:15px}
.final-cta-section{padding:80px 6% 100px;position:relative;z-index:2}.final-cta-inner{max-width:800px;margin:0 auto;text-align:center;background:linear-gradient(180deg,rgba(13,13,28,.88),rgba(6,6,16,.82));border:1px solid rgba(167,139,250,.15);border-radius:26px;padding:56px 40px;position:relative;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.32)}.final-cta-inner::before{content:'';position:absolute;inset:-30%;background:radial-gradient(circle at 50% 0%,rgba(124,58,237,.08),transparent 42%);animation:softfloat 8s ease-in-out infinite}@keyframes softfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(18px)}}.fc-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,3vw,36px);font-weight:700;color:var(--text);margin-bottom:14px;position:relative}.fc-sub{font-size:15.5px;color:var(--muted);margin-bottom:28px;max-width:500px;margin-left:auto;margin-right:auto;position:relative;line-height:1.7}.btn-p{background:var(--violet);color:#fff;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-family:'Figtree',sans-serif;transition:background .2s,transform .15s;box-shadow:0 0 26px rgba(124,58,237,.3);position:relative}.btn-p:hover{background:#6D28D9;transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:960px){.services-grid{grid-template-columns:1fr 1fr}.ct-row{grid-template-columns:1fr}.ct-row.header{display:none}.ct-cell.label{border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:4px}.hero-floating{display:none}.services-section{margin-top:-54px}}
@media(max-width:600px){.breadcrumb-bar{padding-top:70px}.idx-hero{padding:42px 6% 92px}.services-section{padding-top:0;margin-top:-32px}.services-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:26px}.sc-mini{display:none}.compare-section{padding:70px 6%}.final-cta-inner{padding:40px 24px}body::before{background-size:52px 52px}}
/* FIX FINAL — fondo Servicios más limpio, oscuro y consistente con el hero */
body{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.115) 0%,rgba(124,58,237,.045) 31%,transparent 58%),
    radial-gradient(circle at 8% 28%,rgba(110,231,183,.018),transparent 24%),
    radial-gradient(circle at 88% 28%,rgba(167,139,250,.026),transparent 28%),
    linear-gradient(180deg,#030309 0%,#05050F 38%,#04040C 72%,#030309 100%)!important;
}
body::before{
  opacity:.42;
  background-image:
    linear-gradient(rgba(167,139,250,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,139,250,.012) 1px,transparent 1px)!important;
  background-size:78px 78px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.60),rgba(0,0,0,.20) 54%,transparent 100%)!important;
}
body::after{
  opacity:.055!important;
  mix-blend-mode:screen!important;
}
.scene-wrap::before{
  inset:-260px -16% auto!important;
  height:820px!important;
  background:radial-gradient(ellipse at center,rgba(124,58,237,.135),rgba(124,58,237,.045) 38%,transparent 68%)!important;
  filter:blur(42px)!important;
  opacity:.58!important;
  animation:breath 22s ease-in-out infinite!important;
}
.scene-wrap::after{
  left:12%!important;
  right:12%!important;
  top:390px!important;
  height:500px!important;
  background:radial-gradient(ellipse at center,rgba(124,58,237,.055),transparent 70%)!important;
  filter:blur(54px)!important;
  opacity:.55!important;
}
.idx-h1 span{
  background:linear-gradient(90deg,#EEE8FF 0%,#BCA2FF 42%,#8B5CF6 78%,#CDB2FF 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
@media(max-width:600px){
  body::before{background-size:64px 64px!important;opacity:.28}
  body::after{opacity:.035!important}
  .scene-wrap::before{opacity:.42!important;filter:blur(50px)!important}
}


/* ==========================================================
   INTERNAL PAGES BACKGROUND SYSTEM — matched to Contact page
   Applies to Servicios, Casos de uso, Nosotros y Contacto.
   Home keeps its exclusive hero background.
   ========================================================== */
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(ellipse 72% 42% at 50% 0%,rgba(124,58,237,.115) 0%,rgba(124,58,237,.055) 34%,transparent 70%),
    radial-gradient(ellipse 48% 34% at 48% 20%,rgba(167,139,250,.035) 0%,transparent 68%),
    linear-gradient(180deg,#060511 0%,#05050E 42%,#04040C 100%)!important;
  background-attachment:fixed;
}
body::before{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-2!important;
  background-image:
    linear-gradient(rgba(167,139,250,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(167,139,250,.014) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  opacity:.58!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.36) 56%,transparent 100%)!important;
}
body::after{
  content:''!important;
  position:fixed!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:-1!important;
  opacity:1!important;
  background:
    radial-gradient(ellipse 80% 48% at 50% 0%,rgba(124,58,237,.075),transparent 66%),
    radial-gradient(ellipse 42% 38% at 12% 8%,rgba(124,58,237,.035),transparent 70%),
    radial-gradient(ellipse 42% 36% at 88% 12%,rgba(167,139,250,.026),transparent 72%),
    linear-gradient(90deg,rgba(0,0,0,.35),transparent 22%,transparent 78%,rgba(0,0,0,.42)),
    linear-gradient(180deg,rgba(0,0,0,.08),transparent 46%,rgba(0,0,0,.28))!important;
  mix-blend-mode:normal!important;
}
.section-divider{background:linear-gradient(90deg,transparent,rgba(124,58,237,.18),rgba(167,139,250,.24),rgba(124,58,237,.18),transparent)!important}
@media(max-width:700px){
  body{background-attachment:scroll!important;background:
    radial-gradient(ellipse 90% 36% at 50% 0%,rgba(124,58,237,.09),transparent 68%),
    linear-gradient(180deg,#060511 0%,#05050E 48%,#04040C 100%)!important;}
  body::before{opacity:.36!important;background-size:56px 56px!important}
  body::after{background:linear-gradient(90deg,rgba(0,0,0,.28),transparent 50%,rgba(0,0,0,.28))!important}
}


/* Servicios: remove previous noisy purple wash and use Contact-like clean ambience */
.scene-wrap{position:relative;overflow:hidden;background:transparent!important}
.scene-wrap::before{
  content:''!important;position:absolute!important;inset:-160px 0 auto 0!important;height:620px!important;
  background:radial-gradient(ellipse 58% 44% at 50% 14%,rgba(124,58,237,.10),transparent 68%)!important;
  filter:none!important;animation:none!important;pointer-events:none!important;z-index:0!important;opacity:1!important;
}
.scene-wrap::after{
  content:''!important;position:absolute!important;inset:0!important;height:auto!important;left:0!important;right:0!important;top:0!important;
  background:linear-gradient(180deg,rgba(124,58,237,.025),transparent 30%,transparent 100%)!important;
  filter:none!important;pointer-events:none!important;z-index:0!important;opacity:1!important;
}
.idx-hero{padding-top:48px!important;padding-bottom:150px!important}
.services-section{margin-top:-78px!important}
.float-chip{background:rgba(11,11,29,.58)!important;border-color:rgba(167,139,250,.14)!important;box-shadow:0 18px 55px rgba(0,0,0,.22)!important}
.service-card{background:linear-gradient(180deg,rgba(17,17,42,.74),rgba(8,8,22,.82))!important;border-color:rgba(167,139,250,.14)!important;box-shadow:0 24px 70px rgba(0,0,0,.24)!important}
.service-card::before{background:radial-gradient(circle at 18% 0%,rgba(124,58,237,.13),transparent 40%),radial-gradient(circle at 88% 18%,rgba(110,231,183,.04),transparent 35%)!important}