:root { --socios-blue:#0070f3; --socios-ink:#14243e; --socios-muted:#61718b; }
* { box-sizing:border-box; }body { margin:0; color:var(--socios-ink); background:#fff; font:15px/1.65 Inter,system-ui,sans-serif; }h1,h2,h3,p { margin:0; }a { color:inherit; text-decoration:none; }button { font:inherit; cursor:pointer; }img { max-width:100%; }svg { flex-shrink:0; }button,a { -webkit-tap-highlight-color:transparent; }button:focus-visible,a:focus-visible,.socios-demo-scroll:focus-visible { outline:3px solid #67b5ff; outline-offset:4px; }html { scroll-padding-top:100px; }.container-xl { width:min(1180px,calc(100% - 48px)); margin:auto; }
.btn { display:inline-flex; justify-content:center; align-items:center; gap:7px; padding:11px 18px; min-height:44px; border:1px solid transparent; border-radius:9px; font-size:13px; font-weight:650; background:#fff; transition:transform .2s,background .2s; }.btn:hover { transform:translateY(-1px); }.btn-primary { color:#fff; background:var(--socios-blue); border-color:var(--socios-blue); }.btn-outline-primary { border-color:#bbd5f6; color:#0864c9; background:transparent; }.btn-sm { font-size:11px; padding:8px 12px; min-height:36px; }.btn-lg { padding:14px 22px; min-height:50px; }.w-100 { width:100%; }.badge { display:inline-flex; align-items:center; padding:5px 9px; border-radius:6px; font-size:10px; font-weight:700; }.bg-primary-lt,.bg-blue-lt { background:#e6f1ff; color:#0870cf; }.bg-green-lt { background:#e5f5eb; color:#277f50; }.bg-orange-lt,.bg-yellow-lt { background:#fff2da; color:#9f6f15; }.bg-indigo-lt { background:#eeeafe; color:#6d4bb3; }.text-primary { color:#0070f3; }.text-green { color:#2f9161; }.text-orange { color:#d28c1d; }.text-indigo { color:#7350b8; }.text-secondary { color:#7b879a; }.subheader { font-size:9px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:#71839c; }.d-flex { display:flex; }.align-items-center { align-items:center; }.ms-auto { margin-left:auto; }.mb-1 { margin-bottom:4px; }.mb-0 { margin-bottom:0; }.me-1 { margin-right:4px; }.me-2 { margin-right:8px; }.h2 { font-size:25px; font-weight:750; margin:10px 0 3px; }.text-truncate { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:9px; }.d-none { display:none!important; }
.promo-scroll-progress { position:fixed; left:0; top:0; right:0; height:3px; z-index:100; background:#0070f3; transform:scaleX(0); transform-origin:left; }.promo-header { position:sticky; top:0; z-index:20; background:#ffffffed; backdrop-filter:blur(16px); border-bottom:1px solid #e7edf6; }.promo-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:82px; }.promo-brand-logo { display:inline-flex; align-items:center; gap:9px; }.promo-brand-text { font-size:23px; font-weight:800; letter-spacing:-.8px; }.promo-brand-text>span { color:#0070f3; }.promo-nav { display:flex; gap:21px; font-size:12px; font-weight:600; }.promo-nav a:hover { color:#0070f3; }.promo-header-actions { display:flex; align-items:center; gap:18px; }.promo-zpinat-link img { display:block; width:104px; height:auto; }.promo-hero { padding:64px 0 72px; background:radial-gradient(ellipse at 80% 10%,#e2f0ff,transparent 60%),linear-gradient(#f8fbff,#eef4fa); }.promo-copy-wide { display:grid; grid-template-columns:1.4fr .6fr; align-items:center; gap:40px; }.promo-hero h1 { font-size:clamp(36px,4.3vw,58px); line-height:1.08; letter-spacing:-2.5px; margin:22px 0; max-width:760px; }.promo-hero-content>p { color:#61718b; font-size:16px; line-height:1.8; max-width:720px; }.promo-actions { display:flex; gap:12px; margin-top:25px; }.promo-proof { display:flex; flex-wrap:wrap; gap:22px; margin-top:28px; font-size:11px; color:#75839a; }.promo-proof strong { color:#173b69; }.promo-hero-brand { display:grid; place-items:center; padding:30px; }.socios-demo-hint { color:#657892; font-size:11px; margin:32px 0 14px; }
.socios-demo-scroll { overflow-x:auto; border-radius:20px; box-shadow:0 24px 60px #152b4c20; }.promo-system-shell { position:relative; display:grid; grid-template-columns:208px minmax(0,1fr); background:#eff3f9; color:#1c2e47; border:1px solid #d8e2f0; border-radius:20px; overflow:hidden; }.promo-floating-badge { display:none; }.promo-system-sidebar { background:#112740; color:#a3b9d3; padding:20px 12px; }.promo-system-logo { display:flex; align-items:center; gap:8px; color:white; font-size:16px; font-weight:750; margin:0 8px 24px; }.promo-module { display:flex; align-items:center; gap:9px; width:100%; padding:10px 12px; min-height:40px; text-align:left; color:inherit; background:transparent; border:0; border-radius:7px; font-size:11px; margin-bottom:4px; }.promo-module.is-active { background:#1372d7; color:white; }.promo-module:hover { background:#ffffff13; }.promo-module.is-active:hover { background:#1372d7; }.promo-sidebar-divider { height:1px; background:#ffffff18; margin:20px 8px; }.promo-sidebar-label { color:#7494b9; font-size:8px; letter-spacing:1px; text-transform:uppercase; margin:18px 10px 10px; }.promo-system-main { padding:22px; min-width:0; }.promo-system-topbar { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:22px; }.promo-system-topbar h2 { font-size:24px; letter-spacing:-.8px; }.promo-system-controls { display:flex; align-items:center; gap:8px; }.promo-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:20px; }.card,.promo-panel { background:#fff; border:1px solid #e0e8f3; border-radius:12px; }.card-body { padding:16px; }.promo-kpi .text-secondary { font-size:9px; }.promo-workspace { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:16px; }.promo-workspace>#demo-extra-content:empty { display:none; }.promo-panel { padding:18px; min-width:0; }.promo-panel-header { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; }.promo-panel-header h3 { font-size:15px; }.table-responsive { overflow-x:auto; }.table { width:100%; border-collapse:collapse; text-align:left; font-size:10px; white-space:nowrap; }.table th { font-size:8px; text-transform:uppercase; letter-spacing:.6px; color:#7b8ca4; background:#f4f7fb; padding:10px; }.table td { border-bottom:1px solid #edf1f7; padding:12px 10px; }.promo-activity-item { display:flex; align-items:flex-start; gap:9px; padding:12px 0; border-bottom:1px solid #edf1f7; }.promo-activity-item strong { font-size:10px; display:block; font-weight:650; }.promo-activity-item small { font-size:8px; color:#8d9bb0; }.status-dot { width:6px; height:6px; border-radius:50%; margin-top:6px; flex-shrink:0; }.bg-green { background:#3fa476; }.bg-blue { background:#2586e3; }.bg-orange { background:#eea343; }
.promo-section { padding:80px 0; }.promo-section-muted { background:#f6f9fd; }.promo-section-heading { max-width:760px; margin-bottom:32px; }.promo-section-heading h2,.promo-benefits h2 { font-size:clamp(28px,3.3vw,40px); line-height:1.15; letter-spacing:-1.3px; margin:14px 0; }.promo-section-heading p,.promo-benefits p { color:#6b7c94; font-size:15px; line-height:1.8; }.promo-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.promo-feature { padding:26px; border:1px solid #e0e9f5; border-radius:16px; background:#fff; }.promo-feature>i { display:grid; place-items:center; width:42px; height:42px; background:#eaf3ff; color:#0070f3; border-radius:12px; font-size:21px; margin-bottom:20px; }.promo-feature h3 { font-size:17px; margin-bottom:12px; }.promo-feature p { color:#718199; font-size:13px; line-height:1.8; }.promo-benefits { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }.promo-benefit-list { display:grid; gap:18px; padding:0; list-style:none; }.promo-benefit-list li { display:flex; gap:12px; font-size:14px; }.promo-benefit-list i { color:#0070f3; }.promo-pricing-heading { max-width:none; display:flex; align-items:end; justify-content:space-between; gap:30px; }.promo-pricing-heading>div { max-width:700px; }.promo-pricing-heading>.btn { flex-shrink:0; }.promo-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; padding-top:14px; }.promo-plan-card { position:relative; border:1px solid #dce6f2; border-radius:20px; padding:30px; display:flex; flex-direction:column; }.promo-plan-card.is-featured { border:2px solid #0070f3; background:linear-gradient(#f1f7ff,#fff); }.promo-plan-header h3 { font-size:25px; margin:18px 0 10px; }.promo-plan-header p { font-size:13px; color:#76869c; min-height:44px; }.promo-plan-price { padding:24px 0; }.promo-plan-price strong { font-size:38px; letter-spacing:-1.5px; }.promo-price-currency { font-size:20px; }.promo-plan-price small { color:#8996aa; font-size:12px; }.promo-plan-price>span { display:block; font-size:10px; color:#8190a5; }.promo-plan-card ul { list-style:none; padding:0; margin:0 0 26px; flex:1; }.promo-plan-card li { display:flex; gap:8px; padding:8px 0; font-size:12px; }.is-incluido i { color:#28845d; }.is-no_disponible { color:#9ca7b7; }.promo-plan-ribbon { position:absolute; top:-14px; left:24px; padding:5px 14px; border-radius:16px; background:#0070f3; color:white; font-size:10px; font-weight:750; }.promo-contact { border-radius:24px; padding:48px!important; background:linear-gradient(120deg,#152f5e,#1769ac)!important; }.promo-footer { border-top:1px solid #e5ebf3; padding:30px 0; }.promo-footer-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; }.promo-footer-copy { font-size:11px; color:#8a97aa; }.promo-specific-modal { position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:80; padding:20px; }.promo-specific-modal.is-visible { display:flex; }.promo-specific-modal-backdrop { position:absolute; inset:0; background:#0c203cc9; }.promo-specific-modal-dialog { position:relative; z-index:1; max-width:540px; background:white; border-radius:20px; padding:32px; }.promo-specific-modal-dialog h3 { margin:14px 0; }.promo-specific-modal-dialog p { color:#72829a; margin:14px 0; }
[data-demo-theme="dark"].promo-system-shell { background:#111f34; color:#d9e3f1; border-color:#2b3c58; }[data-demo-theme="dark"] .promo-panel,[data-demo-theme="dark"] .card { background:#182b44; border-color:#2b3c58; }[data-demo-theme="dark"] .table th { background:#213953; color:#a6bbd1; }[data-demo-theme="dark"] .table td,[data-demo-theme="dark"] .promo-activity-item { border-color:#2b3c58; }[data-demo-theme="dark"] .btn-outline-primary { color:#9acbff; border-color:#4674a0; }
.ti { display:inline-block; font-style:normal; width:1.1em; text-align:center; }.ti:before { content:'◇'; }.ti-check:before,.ti-circle-check:before { content:'✓'; }.ti-x:before { content:'×'; }.ti-plus:before { content:'+'; }.ti-users:before { content:'♙'; }.ti-moon:before { content:'◐'; }.ti-sun:before { content:'☀'; }.ti-chevron-left:before { content:'‹'; }.ti-chevron-right:before { content:'›'; }.ti-brand-whatsapp:before { content:'↗'; }.ti-layout-dashboard:before { content:'▦'; }.ti-chart-bar:before { content:'▥'; }.ti-bell-check:before { content:'♧'; }
@media(max-width:1100px) { .promo-nav { gap:12px; }.promo-header-actions .promo-zpinat-link { display:none; }.promo-workspace { grid-template-columns:1fr; }.promo-system-shell { grid-template-columns:185px minmax(0,1fr); } }
@media(max-width:767px) { .container-xl { width:calc(100% - 32px); }.promo-header-inner { flex-wrap:wrap; gap:8px; padding:12px 0; }.promo-header-inner>.promo-nav { order:3; width:100%; overflow-x:auto; padding:8px 0 0; gap:22px; white-space:nowrap; }.promo-brand-text { font-size:21px; }.promo-header .btn { font-size:11px; padding:9px 12px; }.promo-hero { padding:38px 0 48px; }.promo-copy-wide { grid-template-columns:1fr; gap:14px; }.promo-hero-brand { display:none; }.promo-hero h1 { font-size:39px; letter-spacing:-1.7px; }.promo-hero-content>p { font-size:14px; }.promo-actions { flex-direction:column; }.promo-proof { gap:16px; }.socios-demo-hint { margin-top:26px; }.promo-system-shell { width:950px; grid-template-columns:185px minmax(0,1fr); }.promo-kpis { gap:10px; }.promo-workspace { grid-template-columns:1fr 210px; }.promo-section { padding:54px 0; }.promo-module-grid,.promo-plan-grid { grid-template-columns:1fr; gap:18px; }.promo-benefits { grid-template-columns:1fr; gap:28px; }.promo-pricing-heading { flex-direction:column; align-items:flex-start; gap:12px; }.promo-plan-card { padding:26px; }.promo-plan-header p { min-height:0; }.promo-footer-inner { flex-direction:column; text-align:center; }.promo-contact { padding:30px 24px!important; }.promo-contact h2 { font-size:28px!important; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*:before,*:after { animation:none!important; transition:none!important; } }