@font-face{font-family:Figtree;src:url('fonts/figtree-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@font-face{font-family:'Familjen Grotesk';src:url('fonts/familjen-grotesk-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{--blue:#2b59ff;--night:#0e1b4d;--ink:#121a33;--muted:#515d78;--quiet:#6b758d;--line:#dfe5f0;--surface:#f5f7fb;--white:#fff;--body:Figtree,'Segoe UI',sans-serif;--display:'Familjen Grotesk',Figtree,sans-serif;--container:1180px;color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-is-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{color:inherit}
img{display:block;max-width:100%;height:auto}
figure,p,h1,h2,h3{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:650;text-wrap:balance}
h1,h2{letter-spacing:-.035em}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:5px}
::selection{background:#dce5ff;color:var(--night)}
[hidden]{display:none!important}
.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}
.section{padding-block:100px}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;z-index:100;top:12px;left:20px;padding:10px 16px;background:var(--night);color:white;border-radius:6px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 20px;border:1px solid transparent;border-radius:9px;font-family:var(--body);font-size:15px;font-weight:650;line-height:1.35;text-align:center;transition:background-color .18s,transform .18s,box-shadow .18s}
.button:hover{transform:translateY(-2px)}
.button:active{transform:translateY(0)}
.button-primary{background:var(--blue);color:var(--white);box-shadow:0 4px 10px #2b59ff13}
.button-primary:hover{background:#2049e3;box-shadow:0 5px 15px #2b59ff28}
.button-secondary{background:var(--white);border-color:var(--line);color:var(--ink)}
.button-secondary:hover{background:#eef2fa;border-color:#cbd5e9}
.button-white{background:var(--white);color:var(--night);box-shadow:0 5px 18px #00000012}
.button-white:hover{background:#e9efff}
.site-header{position:sticky;z-index:30;top:0;background:#ffffffed;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.header-inner{display:flex;align-items:center;gap:28px;min-height:83px}
.brand{display:inline-flex;align-items:center;flex:none}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:27px}
.desktop-nav a{font-size:14px;font-weight:550;color:#4f5971;transition:color .15s}
.desktop-nav a:hover,.site-footer a:hover{color:var(--blue)}
.header-cta{font-size:13px;padding:11px 15px;min-height:43px;gap:9px}
.header-cta .icon{width:17px;height:17px}
.menu-toggle{display:none;width:43px;height:43px;border:1px solid var(--line);border-radius:8px;background:white;align-items:center;justify-content:center;flex-direction:column;gap:6px}
.menu-toggle span{width:18px;height:2px;background:var(--ink);transition:transform .18s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile-nav{position:absolute;left:0;right:0;top:100%;background:white;padding:14px 24px 24px;box-shadow:0 20px 25px #0e1b4d10;border-bottom:1px solid var(--line)}
.mobile-nav a{display:block;padding:13px 4px;font-weight:550;border-bottom:1px solid #eef1f7}
.mobile-nav a:last-child{color:var(--blue)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--surface);padding-block:82px 86px}
.hero-cables{position:absolute;z-index:-1;inset:0;width:100%;height:100%;pointer-events:none;opacity:.075}
.hero-cables path{fill:none;stroke:var(--blue);stroke-width:28;stroke-linecap:round}
.hero-cables path+path{stroke:#4f46e5}
.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr);gap:48px;align-items:center}
.signature{color:var(--blue);font-size:14px;font-weight:650;letter-spacing:.055em;margin-bottom:20px}
.hero h1{font-size:clamp(42px,4.2vw,61px);line-height:1.06;max-width:11ch}
.hero h1 span{color:var(--blue)}
.hero-intro{font-size:18px;line-height:1.65;color:var(--muted);margin-top:24px;max-width:39ch}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.hero-benefits{display:flex;flex-wrap:wrap;gap:9px 18px;list-style:none;padding:0;margin:26px 0 0}
.hero-benefits li{font-size:12px;font-weight:550;color:#4c5771;display:flex;align-items:center;gap:5px}
.hero-benefits .icon{width:14px;height:14px;stroke:#15915c;stroke-width:2.4}
.hero-product{position:relative;min-width:0;background:white;border:1px solid #dce3ef;border-radius:13px;box-shadow:0 28px 60px -25px #14265742;margin-right:-35px;transform:rotate(-1deg)}
.hero-product img{width:100%;border-radius:0 0 12px 12px}
.hero-product figcaption{position:absolute;top:calc(100% + 16px);left:0;width:100%;text-align:center;color:var(--quiet);font-size:11px;transform:rotate(1deg)}
.browser-chrome{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:37px;padding:8px 13px;border-bottom:1px solid #e2e7f1;border-radius:13px 13px 0 0;background:white;font-size:10px;color:#68748b}
.browser-chrome>.icon{width:12px;height:12px;color:#90a0b6}
.window-dots{display:inline-flex;gap:4px}
.window-dots i{width:6px;height:6px;border-radius:50%;background:#dce2ed}
.window-dots i:first-child{background:#ffc4ba}.window-dots i:nth-child(2){background:#f4df99}.window-dots i:nth-child(3){background:#afe2c3}
.problem-section{padding-block:61px;border-block:1px solid var(--line);background:white}
.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.problem-grid h2{font-size:29px;line-height:1.28;letter-spacing:-.025em}
.problem-grid h2 span{color:var(--blue)}
.problem-grid p{font-size:15px;color:var(--muted)}
.problem-grid p+p{margin-top:12px}
.section-heading{margin-bottom:38px}
.section-heading h2{font-size:clamp(32px,3.5vw,44px);line-height:1.14}
.section-heading h2 span{color:var(--quiet)}
.section-heading>p{max-width:58ch;margin-top:18px;font-size:16px;color:var(--muted)}
.heading-split{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:90px;margin-bottom:38px}
.heading-split>p{margin-top:0}
.product-tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;background:#eef2f8;border:1px solid #e4e9f2;border-radius:12px;width:max-content;max-width:100%;margin-bottom:25px}
.product-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:45px;padding:9px 20px;font-size:14px;font-weight:650;border:0;border-radius:8px;background:transparent;color:var(--muted);transition:background-color .18s,color .18s,box-shadow .18s}
.product-tabs button[aria-selected=true]{background:white;color:var(--blue);box-shadow:0 2px 5px #122b6210}
.product-tabs button:hover{color:var(--blue)}
.product-tabs .icon{width:18px;height:18px}
.product-panel-copy{display:flex;align-items:start;justify-content:space-between;gap:45px;padding:0 0 25px}
.product-panel-copy h3{font-size:23px;letter-spacing:-.02em;line-height:1.3;flex:1}
.product-panel-copy p{font-size:14px;color:var(--muted);max-width:58ch;flex:1.2}
.product-panel figure{border-radius:14px;border:1px solid #dce3ee;background:var(--surface);overflow:hidden;box-shadow:0 20px 45px -30px #18305c45}
.product-panel figure img{width:100%;height:auto}
.product-panel figcaption{text-align:right;font-size:11px;color:var(--quiet);padding:11px 17px;background:white;border-top:1px solid #e6ebf2}
.features-section{background:var(--surface);border-block:1px solid var(--line)}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.feature{background:white;border:1px solid #e1e7f0;border-radius:13px;padding:27px 26px 29px}
.feature h3{font-size:21px;letter-spacing:-.02em;line-height:1.22;margin-top:18px}
.feature p{margin-top:12px;font-size:14px;line-height:1.75;color:var(--muted)}
.feature-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:12px}
.feature-icon .icon{width:21px;height:21px}
.blue{background:#eaf0ff;color:#2b59ff}.green{background:#e8f7ef;color:#138455}.indigo{background:#edf0ff;color:#4f46e5}.amber{background:#fff5df;color:#986410}.violet{background:#f2edff;color:#7653b5}.slate{background:#edf1f7;color:#4e6081}
.sectors{margin-top:44px;padding-top:33px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px}
.sectors p{max-width:25ch;font-size:14px;color:var(--muted);flex:none}
.sectors ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.sectors li{padding:5px 12px;border:1px solid #dce2ed;border-radius:30px;color:#5a657d;font-size:12px;background:#fff8}
.setup-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:0;padding:10px 0 0}
.setup-steps li{border-top:1px solid var(--line);padding-top:22px}
.step-number{font-family:var(--display);font-size:32px;line-height:1;color:var(--blue);font-weight:500;letter-spacing:-.035em}
.setup-steps h3{font-size:22px;letter-spacing:-.02em;line-height:1.25;margin-top:20px}
.setup-steps p{font-size:14px;color:var(--muted);line-height:1.75;margin-top:12px}
.faq-section{padding-top:15px}
.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px;align-items:start}
.faq-layout .section-heading{position:sticky;top:115px}
.faq-layout .section-heading>p{max-width:30ch}
.text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:var(--blue);font-weight:650;margin-top:23px}
.text-link .icon{width:18px;height:18px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;cursor:pointer;list-style:none;font-size:15px;line-height:1.5;font-weight:650}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary>span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;color:var(--blue);background:#eef2ff;font-size:23px;font-weight:400;line-height:1;transition:transform .18s}
.faq-list details[open] summary>span{transform:rotate(45deg)}
.faq-list details p{font-size:14px;line-height:1.8;color:var(--muted);padding:0 38px 23px 0;max-width:68ch}
.contact-section{padding-bottom:68px}
.contact-box{position:relative;overflow:hidden;isolation:isolate;padding:58px 60px;background:var(--night);color:white;border-radius:20px;display:grid;grid-template-columns:1fr .55fr;gap:60px;align-items:center}
.contact-box::after{content:'';position:absolute;width:460px;height:460px;border:55px solid #2b59ff23;border-radius:50%;right:-245px;bottom:-280px;z-index:-1}
.contact-box h2{font-size:clamp(32px,3.3vw,43px);line-height:1.13;letter-spacing:-.03em}
.contact-box>div>p{font-size:15px;line-height:1.75;max-width:52ch;color:#bfc9e8;margin-top:20px}
.contact-action{justify-self:end}
.contact-action>p{font-size:12px!important;line-height:1.7!important;color:#b6c4e6!important;margin-top:16px!important}
.contact-action .button{white-space:nowrap}
.noscript-contact{padding:16px 0;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);background:var(--surface)}
.footer-inner{display:flex;align-items:center;gap:24px;min-height:110px;padding-block:25px}
.site-footer p{font-size:13px;color:var(--muted)}
.site-footer nav{display:flex;gap:25px;margin-left:auto;font-size:13px;color:var(--muted)}
.site-footer small{font-size:12px;color:var(--quiet);margin-left:30px}
.chat-status{position:fixed;z-index:80;bottom:23px;left:23px;max-width:min(430px,calc(100vw - 46px));padding:15px 42px 15px 18px;border-radius:10px;background:var(--night);color:white;box-shadow:0 7px 30px #0e1b4d38;font-size:14px;line-height:1.5}
.chat-status button{position:absolute;right:8px;top:8px;width:28px;height:28px;border:0;background:transparent;color:white;font-size:24px;line-height:1}
[data-open-chat][aria-busy=true]{cursor:progress}
@media(min-width:1440px){.hero-grid{gap:62px}.hero-product{margin-right:-55px}}
@media(max-width:1100px){.desktop-nav{gap:17px}.header-inner{gap:21px}.hero-grid{gap:32px;grid-template-columns:1fr 1fr}.hero h1{font-size:48px}.hero-product{margin-right:0}.hero-actions .button{font-size:14px;padding-inline:15px}.problem-grid{gap:55px}.heading-split{gap:50px}.faq-layout{gap:60px}.features-grid{gap:16px}.feature{padding:23px}.contact-box{padding:45px;gap:30px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.section{padding-block:74px}.desktop-nav{display:none}.header-cta{margin-left:auto}.menu-toggle{display:flex}.header-inner{min-height:76px;gap:14px}.hero{padding-block:60px 75px}.hero-grid{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:650px}.hero h1{font-size:56px;max-width:16ch}.hero-intro{max-width:48ch}.hero-product{max-width:700px;width:100%;justify-self:center;margin:0;transform:none}.hero-product figcaption{transform:none}.hero-benefits{margin-top:23px}.problem-section{padding-block:45px}.problem-grid{gap:35px}.problem-grid h2{font-size:25px}.heading-split{grid-template-columns:1fr 1fr;gap:40px}.section-heading h2{font-size:37px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-panel-copy{gap:30px}.sectors{display:block}.sectors p{max-width:none;margin-bottom:16px}.setup-steps{gap:25px}.setup-steps h3{font-size:20px}.faq-layout{grid-template-columns:.75fr 1.25fr;gap:45px}.faq-section{padding-top:0}.contact-box{grid-template-columns:1fr .7fr;padding:38px}.contact-box h2{font-size:35px}.site-footer small{margin-left:0}}
@media(max-width:600px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.section{padding-block:58px}.header-inner{min-height:72px;gap:11px}.brand img{width:102px;height:auto}.header-cta{font-size:11px;min-height:39px;padding:10px 11px;gap:5px}.header-cta .icon{display:none}.menu-toggle{width:36px;height:39px;flex:none}.hero{padding-block:42px 58px}.hero-grid{gap:32px}.signature{font-size:12px;margin-bottom:18px}.hero h1{font-size:clamp(39px,10.2vw,52px);max-width:14ch;line-height:1.08}.hero-intro{font-size:16px;line-height:1.7;margin-top:22px;max-width:39ch}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{font-size:13px;min-height:47px;padding-inline:14px}.hero-actions .icon{width:16px;height:16px}.hero-benefits{gap:8px 15px;margin-top:20px}.hero-benefits li{font-size:11px}.hero-product{border-radius:9px}.browser-chrome{min-height:29px;padding:6px 10px;font-size:9px;border-radius:9px 9px 0 0}.hero-product figcaption{font-size:10px;top:calc(100% + 10px)}.problem-grid{grid-template-columns:1fr;gap:20px}.problem-grid h2{font-size:26px;max-width:27ch}.problem-grid p{font-size:14px}.heading-split{grid-template-columns:1fr;gap:16px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:34px;line-height:1.15}.section-heading>p{font-size:15px}.product-tabs{gap:3px;padding:4px;width:100%;justify-content:space-between;border-radius:10px}.product-tabs button{flex:1;padding:10px 8px;font-size:12px;min-height:43px;gap:6px}.product-tabs .icon{width:16px;height:16px}.product-panel-copy{display:block;padding-bottom:20px}.product-panel-copy h3{font-size:21px}.product-panel-copy p{font-size:14px;margin-top:10px}.product-panel figure{border-radius:9px}.product-panel figcaption{font-size:10px;padding:8px 10px}.features-grid{grid-template-columns:1fr;gap:13px}.feature{padding:23px 24px 24px}.feature-icon{width:37px;height:37px;border-radius:10px}.feature h3{font-size:21px;margin-top:14px}.feature p{margin-top:9px}.sectors{margin-top:28px;padding-top:24px}.sectors p{font-size:13px}.sectors li{font-size:11px;padding:5px 10px}.setup-steps{grid-template-columns:1fr;gap:27px;padding-top:0}.setup-steps li{padding-top:20px}.setup-steps h3{font-size:22px;margin-top:12px}.setup-steps p{margin-top:9px;max-width:43ch}.step-number{font-size:30px}.faq-layout{grid-template-columns:1fr;gap:0}.faq-layout .section-heading{position:static;margin-bottom:26px}.faq-layout .section-heading>p{max-width:36ch}.faq-layout .section-heading h2 br{display:none}.faq-section{padding-top:0}.faq-list summary{font-size:14px;gap:20px;padding-block:21px}.faq-list details p{font-size:14px;padding-right:0}.contact-section{padding-bottom:40px}.contact-box{padding:31px 25px 33px;border-radius:14px;grid-template-columns:1fr;gap:27px}.contact-box h2{font-size:34px}.contact-box>div>p{font-size:14px;margin-top:17px}.contact-action{justify-self:start}.contact-action>p br{display:none}.contact-action>p{font-size:11px!important;max-width:31ch}.contact-action .button{font-size:14px}.footer-inner{flex-wrap:wrap;gap:14px 22px;padding-block:26px}.site-footer .brand img{width:94px}.site-footer p{font-size:12px;margin-left:auto}.site-footer nav{margin-left:0;gap:20px;font-size:12px}.site-footer small{margin-left:auto;font-size:11px}.chat-status{bottom:15px;left:15px;max-width:calc(100vw - 30px)}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:36px}.header-inner{gap:8px}.brand img{width:91px}.header-cta{padding-inline:9px;font-size:10px}.hero-actions .button{font-size:12px;padding-inline:11px;gap:7px}.product-tabs button{font-size:11px;gap:4px}.product-tabs .icon{width:14px;height:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}
@media print{.site-header,.hero-actions,.contact-action,.chat-status,.menu-toggle,body>iframe,body>button{display:none!important}.section{padding-block:25px}.hero{padding-block:25px}.hero-product{transform:none;box-shadow:none;margin-right:0}.features-grid{grid-template-columns:repeat(3,1fr)}.contact-box{color:var(--ink);background:#eee}.contact-box p{color:var(--muted)!important}.site-footer{background:white}}

/* Páginas legales: texto largo, una columna estrecha y lo pendiente bien visible */
.legal-header .header-inner{min-height:80px}
.legal-back{margin-left:auto;font-size:14px;font-weight:650;color:var(--blue)}
.legal{padding-block:64px 90px}
.legal .container{max-width:72ch}
.legal h1{font-size:44px;line-height:1.1;margin:0}
.legal .legal-date{font-size:13px;color:var(--quiet);margin-top:12px}
.legal h2{font-size:22px;letter-spacing:-.02em;margin:44px 0 10px}
.legal p,.legal li{color:var(--muted);font-size:16px}
.legal ul{padding-left:1.2em}
.legal table{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--muted)}
.legal th{color:var(--ink);font-weight:650}
.legal a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.pendiente{background:#fff4d6;color:#7a4a00;border-radius:4px;padding:0 4px;font-weight:600}
.legal-aviso{background:#fff8e6;border:1px solid #f5d48a;border-radius:10px;padding:14px 16px;font-size:14px;color:#6b4500;margin-top:24px}
.site-footer nav{flex-wrap:wrap}
@media(max-width:600px){.legal{padding-block:40px 64px}.legal h1{font-size:34px}.legal h2{font-size:20px;margin-top:34px}.legal p,.legal li{font-size:15px}.legal table{font-size:13px}}
.contact-privacy{display:block;margin-top:6px;color:inherit;text-decoration:underline;text-underline-offset:2px}