/* landing_main.css minificado (clean-css-cli; sin refactor). 2026-04-11 — Hero base. 2026-04-16: al final del archivo, bloque minificado "landing_perf integrado" (hero movil/tablet); legible en backups/landing_perf_fuente_20260416.css. */
:root{--font-sans:"DM Sans",sans-serif;--hero-bg:linear-gradient(116.82deg, #0A1929 0%, #0F172A 7.49%, #1E3A5F 50%, #0C4A6E 72.6%, #0369A1 100%);--cta-primary-bg:linear-gradient(90deg, #06B6D4 0%, #0EA5E9 100%);--microcopy-gradient:linear-gradient(180deg, #00D1FF 79.81%, #017B96 100%);--btn-radius:16px;--btn-pad-y:14px;--btn-pad-x:28px;--btn-font-size:16px;--btn-font-weight:600;--bg-page:#0F172A;--bg-surface:rgba(255, 255, 255, 0.06);--bg-surface-2:rgba(255, 255, 255, 0.08);--border:rgba(255, 255, 255, 0.14);--text:rgba(255, 255, 255, 0.92);--text-muted:rgba(255, 255, 255, 0.72);--accent:#00D1FF}*{box-sizing:border-box}body,html{height:100%;max-width:100%}html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}html:has(body.navbar-compact){scroll-padding-top:74px}body{margin:0;max-width:100%;font-family:var(--font-sans);background:var(--bg-page);color:var(--text);line-height:1.5;overflow-x:hidden;--nav-h:80px;padding-top:var(--nav-h);transition:padding-top 180ms ease}body.navbar-compact{--nav-h:64px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.container--wide{max-width:1440px}@media (min-width:1280px){.container{padding:0 64px}}.fold{min-height:calc(100vh - var(--nav-h));background:var(--hero-bg);display:flex;flex-direction:column}@media (min-width:1025px){.fold{min-height:calc(100vh - var(--nav-h));height:auto}}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;height:var(--nav-h);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);background:rgba(10,25,41,.95);border:1px solid rgba(255,255,255,.1);isolation:isolate;transition:height 180ms ease}.navbar::before{content:"";position:absolute;inset:0;background:rgba(10,25,41,.95);pointer-events:none;z-index:0}.navbar .container--wide{padding-left:0;padding-right:0}@media (max-width:640px){.navbar .container--wide{padding-left:24px;padding-right:24px}}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;height:var(--nav-h);position:relative;z-index:1;transition:height 180ms ease}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand img{height:59px;width:auto;filter:drop-shadow(0px 2px 10px rgba(0, 0, 0, .35));image-rendering:-webkit-optimize-contrast;transition:height 180ms ease}.navbar.navbar--compact{height:var(--nav-h)}.navbar.navbar--compact .navbar-inner{height:var(--nav-h)}@media (min-width:1025px){.navbar.navbar--compact .brand img{height:54px}.navbar.navbar--compact .navbar-cta{min-height:42px;height:42px;padding-left:14px;padding-right:14px}}.navbar-center{display:flex;align-items:center;justify-content:flex-start;gap:22px;flex:0 1 auto;min-width:0}.navbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;min-width:0}.nav-link{font-size:16px;font-weight:400;letter-spacing:-.04em;color:rgba(255,255,255,.92);line-height:1;white-space:nowrap}.nav-link:hover{color:rgba(255,255,255,.98)}.nav-link--muted{color:#bdbdbd}.nav-link--muted:hover{color:rgba(189,189,189,.92)}@media (min-width:1025px){.navbar .container--wide{padding-left:clamp(24px,4.44vw,64px);padding-right:clamp(24px,4.44vw,64px)}.navbar-inner{position:relative;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;gap:clamp(20px,2.4vw,44px)}.brand{position:relative;top:auto;left:auto;flex:0 0 auto}.navbar-center{display:flex;position:relative;top:auto;transform:none;gap:24px;flex:1 1 auto;justify-content:center;min-width:0}.navbar-center .nav-link{font-weight:500}.navbar-right{display:flex;position:relative;top:auto;transform:none;gap:11px;flex:0 0 auto}.nav-link--login{position:relative;top:auto;transform:none;left:auto}.navbar-cta{position:relative;top:auto;left:auto;right:auto;flex:0 0 auto;height:46px;min-height:46px;padding:0 18px;white-space:nowrap}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--btn-radius);padding:var(--btn-pad-y) var(--btn-pad-x);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);letter-spacing:-.04em;border:1px solid transparent;cursor:pointer;white-space:nowrap;line-height:1}.fold .btn-fixed{width:250px;height:50px;padding:0 18px}.btn-primary{background:var(--cta-primary-bg);color:#fff;box-shadow:0 4px 16px rgba(6,182,212,.59)}.btn-primary:hover{filter:brightness(1.03)}.btn-ghost{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 4px 16px rgba(6,182,212,.25)}.btn-ghost:hover{background:rgba(255,255,255,.08)}.js_video_tour_modal_open.btn-ghost{background:0 0;border-color:rgba(255,255,255,.16);box-shadow:none;font-weight:500;font-size:15px}.js_video_tour_modal_open.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.24)}.btn-demo{position:relative}.btn-demo-icon{position:absolute;left:8.66%;top:50%;transform:translateY(-50%);width:24px;height:24px;filter:drop-shadow(0px 1px 4.6px rgba(255, 228, 228, .25));pointer-events:none;user-select:none}.fold .btn-demo.btn-fixed{padding-left:52px}@media (max-width:520px){.btn-demo-icon{left:22px}}section{padding:72px 0}.section-title{margin:0 0 14px 0;font-size:40px;line-height:1.15;letter-spacing:-.02em;font-weight:600}.section-subtitle{margin:0;font-size:18px;color:var(--text-muted);max-width:60ch}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:18px}.card h3{margin:0 0 10px 0;font-size:18px;font-weight:600;letter-spacing:-.02em}.card p{margin:0;color:var(--text-muted);font-size:14px}.hero{position:relative;flex:1;display:flex;align-items:center;padding:0}.hero-inner{display:grid;grid-template-columns:minmax(0,0.48fr) minmax(0,0.52fr);column-gap:clamp(28px,4vw,56px);align-items:center;min-height:calc(100vh - var(--nav-h));padding-top:120px;padding-bottom:72px;position:relative;z-index:1}.hero .container--wide{max-width:100%;min-width:0;padding-left:0;padding-right:0}.hero-copy{padding-left:64px;max-width:608px}.hero-eyebrow{margin:0 0 14px 0;font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.35;color:rgba(255,255,255,.52)}.hero-title{margin:0;font-family:var(--font-sans);font-size:64px;font-weight:600;line-height:1.06;letter-spacing:-.04em;color:rgba(255,255,255,.96);display:block}.hero-title-line{display:inline;max-width:100%}.hero-title-line--accent{white-space:normal}.hero-title .accent{color:var(--accent)}br.hero_title_br{display:block;margin:.1em 0 0;line-height:0}.hero-subtitle{margin:18px 0 0 0;font-family:var(--font-sans);font-size:24px;font-weight:400;line-height:30px;letter-spacing:-.04em;color:#fff;max-width:100%}.hero-subtitle strong{font-weight:800}.hero-subtitle-line{display:block}.hero-subtitle-line:first-child{font-weight:600}.hero-subtitle-line--muted{color:rgba(255,255,255,.65);margin-top:6px}.hero-cta-row{display:flex;gap:16px;flex-wrap:nowrap;margin-top:28px}.hero-footnote{margin:10px 0 0 0;font-size:12px;font-weight:700;letter-spacing:-.04em;color:rgba(255,255,255,.7)}.hero-urgency{margin:10px 0 0 0;font-size:11px;font-weight:400;letter-spacing:-.02em;color:rgba(255,255,255,.42)}.hero-footnote--gradient{background:var(--microcopy-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}.hero-visual{position:relative;justify-self:stretch;width:100%;max-width:min(980px,100%);overflow:visible}.hero-deco-global{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:694.67px;height:620.98px;opacity:.72;pointer-events:none;z-index:0;object-fit:contain;object-position:center}.hero-mockup{position:relative;z-index:1;background:0 0;border:0;border-radius:0;padding:0;display:block}.hero-mockup img{width:100%;max-width:822px;height:auto;border-radius:0}@media (min-width:1025px){.hero{position:relative;flex:1 1 auto;min-height:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero .container--wide{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;width:100%}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(240px,0.95fr);column-gap:clamp(14px,1.5vw,32px);align-items:center;flex:0 1 auto;min-height:0;width:100%;max-width:100%;margin:0;padding-top:clamp(12px,2.5vh,36px);padding-bottom:clamp(28px,4vh,56px);padding-left:clamp(20px,4vw,72px);padding-right:clamp(20px,4vw,72px)}.hero-copy{position:relative;left:auto;top:auto;transform:none;width:100%;min-width:0;max-width:100%;padding-left:0;padding-right:clamp(0px,1.5vw,24px)}.hero-title{font-size:66px;line-height:1.05;max-width:100%;min-width:0}.hero-title .hero-title-line{display:inline;width:auto;max-width:none}.hero-title .hero-title-line:not(.hero-title-line--accent){white-space:nowrap}.hero-title-line--accent,.hero-title-line--accent .accent{white-space:nowrap}.hero-subtitle{margin-top:14px;font-size:25px;line-height:1.28}.hero-cta-row{margin-top:20px}.hero-urgency{font-size:13px;font-weight:500;color:rgba(255,255,255,.58);margin-top:10px}.hero-visual{position:relative;left:auto;top:auto;transform:none;width:100%;min-width:0;max-width:min(828px,53vw);height:auto;min-height:0;justify-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:0}.hero-mockup{width:100%;max-width:100%;transform:translateX(0) scale(1.1);transform-origin:52% 46%;opacity:.92}.hero-deco-global{left:50%;top:50%;width:744px;height:664px;transform:translate(-50%,-50%)}.hero-mockup,.hero-mockup img{width:100%;height:auto}.hero-mockup img{object-fit:contain}}@media (min-width:1025px) and (max-width:1180px){.hero-title{font-size:clamp(56px,5.1vw,66px);line-height:1.05}}.video-section{position:relative;overflow:hidden;isolation:isolate;padding:32px 0 36px;background:var(--hero-bg);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.06);transform:translate3d(0,0,0)}.video-section::before{content:"";position:absolute;inset:0;z-index:0;background-image:url("/static/landing/img_opt/soluciones_disenadas.webp");background-repeat:no-repeat;background-size:cover;background-position:50% 50%;opacity:.34;filter:brightness(1.22) contrast(1.06);pointer-events:none;transform:translateZ(0);backface-visibility:hidden}.video-section .container{position:relative;z-index:1}.video-section .video-heading{max-width:38rem;margin:0 auto;text-align:center}.video-section .video-title{margin:0;font-family:var(--font-sans);font-weight:600;font-size:30px;line-height:1.22;letter-spacing:-.03em;color:#fff}.video-section .video-title-accent{color:var(--accent);font-weight:600;display:inline;background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:currentColor}.video-section .video-heading .video-subtitle{margin:10px auto 0;max-width:42ch;font-family:var(--font-sans);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:-.02em;color:var(--text-muted)}.video-section .container>.video-subtitle{margin-top:18px;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:40ch;text-align:center;font-family:var(--font-sans);font-weight:400;font-size:13px;line-height:1.45;letter-spacing:-.01em;color:rgba(255,255,255,.62)}.video-section .cards{margin-top:22px;gap:14px;transform:translateZ(0)}@media (min-width:1200px){.video-section .cards{gap:24px}}@media (max-width:1024px) and (min-width:769px){.video-section .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.video-section .card{background:#fff;border:1px solid rgba(22,38,65,.1);border-radius:16px;padding:14px 15px;box-shadow:0 4px 14px rgba(0,0,0,.045);transform:translateZ(0)}.video-section .card h3{margin:0 0 6px 0;font-size:16px;font-weight:600;letter-spacing:-.02em;color:#162641}.video-section .card p{font-size:13px;line-height:1.42;color:#565246}.video-section .card p+p{margin-top:6px}@media (max-width:768px){.video-section{padding:28px 0 32px}.video-section::before{background-size:cover;background-position:50% 50%;opacity:.26;filter:brightness(1.18) contrast(1.05)}.video-section .video-title{font-size:24px;line-height:1.2}.video-section .video-heading .video-subtitle{font-size:14px;max-width:36ch}.video-section .container>.video-subtitle{font-size:12px;margin-top:16px}}.modules-pro{position:relative;background:#0c182a;overflow:hidden;isolation:isolate;transform:translate3d(0,0,0)}.modules-pro::before{content:"";position:absolute;inset:0;background-image:url("/static/landing/img_opt/modulos_pro.webp");background-repeat:no-repeat;background-size:cover;background-position:center;opacity:.36;filter:brightness(1.35) contrast(1.04);pointer-events:none;z-index:1;transform:translateZ(0);backface-visibility:hidden}@media (max-width:768px){.modules-pro::before{background-position:70% 50%;opacity:.26;filter:brightness(1.25) contrast(1.03)}}.modules-pro .container{position:relative;z-index:2;max-width:1440px;padding-left:64px;padding-right:64px}.mpro-vp-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3.5vw,36px);align-items:center;padding:52px 0 58px}.mpro-vp-copy{max-width:min(508px,100%)}.mpro-vp-title{margin:0;font-family:var(--font-sans);font-weight:600;font-size:clamp(32px, 3.5vw, 44px);line-height:1.1;letter-spacing:-.04em;color:#fff}.mpro-vp-title-accent{background:linear-gradient(180deg,var(--accent) 0,var(--accent) 78%,#017b96 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;display:inline-block}.mpro-vp-subtitle{margin:12px 0 0;max-width:30rem;font-size:clamp(17px, 1.35vw, 20px);line-height:1.38;letter-spacing:-.03em;color:rgba(255,255,255,.86);font-weight:500}.mpro-vp-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:9px;max-width:min(492px,100%)}.mpro-vp-pillar{margin:0}.mpro-vp-panel{position:relative;border-radius:12px;padding:12px 15px 13px 15px;background:rgba(15,25,41,.52);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 14px rgba(0,0,0,.14);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.mpro-vp-pillar--primary .mpro-vp-panel{padding:18px 20px 19px 20px;border-radius:14px;border-color:rgba(221,143,49,.35);background:linear-gradient(148deg,rgba(255,255,255,.07) 0,rgba(221,143,49,.08) 42%,rgba(0,209,255,.06) 100%);box-shadow:0 0 0 1px rgba(221,143,49,.22),0 6px 20px rgba(0,0,0,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mpro-vp-pillar--primary .mpro-vp-panel::before{content:"";position:absolute;left:18px;right:18px;top:0;height:4px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,#dd8f31 0,var(--accent) 100%);opacity:1}.mpro-vp-pillar-title{margin:0;font-size:14px;line-height:1.28;font-weight:600;letter-spacing:-.03em;color:rgba(255,255,255,.92)}.mpro-vp-pillar--primary .mpro-vp-pillar-title{font-size:19px;font-weight:800;letter-spacing:-.04em;color:#fff}.mpro-vp-points{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:5px}.mpro-vp-pillar--primary .mpro-vp-points{margin-top:10px;gap:6px}.mpro-vp-points li{position:relative;margin:0;padding:0 0 0 .9rem;font-size:12.5px;line-height:1.36;font-weight:500;letter-spacing:-.02em;color:rgba(255,255,255,.74)}.mpro-vp-pillar--primary .mpro-vp-points li{font-size:13.5px;color:rgba(255,255,255,.9)}.mpro-vp-points li::before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:999px;background:rgba(255,255,255,.4)}.mpro-vp-pillar--primary .mpro-vp-points li::before{background:var(--accent);box-shadow:0 0 0 2px rgba(0,209,255,.15)}.mpro-vp-cta-row{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}.mpro-vp-cta-row .btn{height:50px;padding:0 22px}.mpro-vp-cta-row .btn-primary{width:250px}.mpro-vp-cta-row .btn-ghost:not(.js_video_tour_modal_open){width:250px}.mpro-vp-cta-row .js_video_tour_modal_open.btn-ghost{width:auto;min-width:min(250px,100%);max-width:100%;white-space:normal;line-height:1.2;text-align:center;min-height:50px;height:auto;padding-top:10px;padding-bottom:10px}.mpro-vp-footnote{margin:8px 0 0;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:-.03em;color:rgba(255,255,255,.72)}.mpro-vp-visual{display:flex;justify-content:center;align-items:center}.mpro-vp-visual img{width:min(100%,640px);height:auto;display:block;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 12px 28px rgba(0, 0, 0, .32))}@media (min-width:1025px){.modules-pro .container{padding-left:56px;padding-right:56px}.mpro-vp-layout{grid-template-columns:minmax(0,1.02fr) minmax(280px,0.98fr);gap:28px;padding:48px 0 54px}.mpro-vp-visual img{width:min(100%,680px)}}@media (max-width:1024px){.modules-pro .container{padding-left:24px;padding-right:24px}.mpro-vp-layout{grid-template-columns:1fr;gap:20px;padding:44px 0 48px}.mpro-vp-visual{order:2}.mpro-vp-pillar--primary .mpro-vp-panel::before{left:16px;right:16px}}@media (max-width:768px){.mpro-vp-layout{padding:40px 0 44px}.mpro-vp-title{font-size:30px}.mpro-vp-subtitle{font-size:16px}.mpro-vp-pillar-title{font-size:13px}.mpro-vp-pillar--primary .mpro-vp-pillar-title{font-size:17px}.mpro-vp-pillar--primary .mpro-vp-panel{padding:15px 16px 16px 16px}.mpro-vp-pillar--primary .mpro-vp-panel::before{left:14px;right:14px}.mpro-vp-points li{font-size:12px}.mpro-vp-pillar--primary .mpro-vp-points li{font-size:12.5px}.mpro-vp-cta-row{margin-top:18px}.mpro-vp-cta-row .btn-ghost:not(.js_video_tour_modal_open),.mpro-vp-cta-row .btn-primary{width:100%}.mpro-vp-cta-row .js_video_tour_modal_open.btn-ghost{width:100%;min-width:0}}.pro-cta-accent{color:#dd8c2c;font-weight:700}.pro-card-badge{position:absolute;right:16px;top:14px;height:17px;padding:0 8px;background:#ffddb4;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:6px;letter-spacing:-.04em;font-weight:500;color:#dd8f31;white-space:nowrap}.pro-card-list{margin:18px 0 0;padding:0;list-style:none;width:100%;display:grid;gap:10px}.pro-card-list li{display:grid;grid-template-columns:23px 1fr;gap:10px;align-items:center;font-size:14px;line-height:30px;font-weight:500;letter-spacing:-.04em;color:#fff}.pro-card-check img{width:23px;height:23px;display:block}.how{position:relative;overflow:hidden;isolation:isolate;padding:56px 0;background:var(--hero-bg)}.how::before{content:"";position:absolute;top:-140px;bottom:-140px;width:clamp(520px,44vw,880px);left:clamp(-120px,-4vw,80px);background-image:url("/static/landing/img_opt/como_funciona_fondo.webp");background-repeat:no-repeat;background-position:left center;background-size:auto 100%;opacity:.14;pointer-events:none;z-index:1;transform:translateZ(0);backface-visibility:hidden}.how .container{position:relative;z-index:2}.how-title{margin:0;font-family:var(--font-sans);font-weight:600;font-size:40px;line-height:1.12;letter-spacing:-.04em;color:#fff;text-align:center}#como-funciona,#contacto,#soluciones{scroll-margin-top:0}@media (max-width:768px){.how{padding-top:36px;padding-bottom:44px}}.how-timeline{width:min(561px,100%);margin:36px auto 0}.how-steps{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:62px;min-height:0}.how-steps::before{content:"";position:absolute;left:32.5px;top:65px;bottom:65px;width:1px;background:#15505d;opacity:1;z-index:0}.how-step{position:relative;z-index:1;display:grid;grid-template-columns:65px 1fr;column-gap:32px;align-items:start}.how-dot{position:relative;z-index:2;width:65px;height:65px;border-radius:999px;display:grid;place-items:center;background:#15505d}.how-dot-num{font-family:var(--font-sans);font-weight:600;font-size:24px;line-height:56px;letter-spacing:-.04em;color:rgba(255,255,255,.48)}.how-content h3{margin:0;font-family:var(--font-sans);font-weight:500;font-size:32px;line-height:32px;letter-spacing:-.04em;color:rgba(255,255,255,.92)}.how-content p{margin:10px 0 0;font-family:var(--font-sans);font-weight:500;font-size:20px;line-height:30px;letter-spacing:-.04em;color:rgba(255,255,255,.72)}.how-cta{margin-top:16px;width:250px;height:50px;padding:0;border-radius:16px}@media (max-height:800px) and (min-width:769px){.how{padding:44px 0}.how-title{font-size:36px;line-height:1.1}.how-timeline{margin-top:28px}.how-steps{gap:52px}.how-content p{margin-top:6px}.how-cta{margin-top:12px}}.how-step[aria-current=true] .how-dot{background:#00a5c2;border:1px solid #05b2d0}.how-step[data-lit=true] .how-dot{background:#00a5c2;border:1px solid #05b2d0}.how-step[aria-current=true] .how-dot-num{color:#fff}.how-step[data-lit=true] .how-dot-num{color:#fff}.how-step[aria-current=true] .how-content h3{color:#00ccf9}.how-step[data-lit=true] .how-content h3{color:#00ccf9}.how-step[aria-current=true] .how-content p{color:#fff}.how-step[data-lit=true] .how-content p{color:#fff}.how-cta--small{width:190px;height:40px;border-radius:14px;font-size:14px;line-height:40px}.how-step:focus-within .how-dot,.how-step:hover .how-dot{background:#00a5c2;border:1px solid #05b2d0}.how-step:focus-within .how-dot-num,.how-step:hover .how-dot-num{color:#fff}.how-step:focus-within .how-content h3,.how-step:hover .how-content h3{color:#00ccf9}.how-step:focus-within .how-content p,.how-step:hover .how-content p{color:#fff}@media (max-width:768px){.how::before{top:0;bottom:0;width:auto;left:0;right:0;background-position:center;background-size:cover;opacity:.1}.how-title{font-size:32px;line-height:1.12}.how-timeline{margin-top:36px}.how-steps{min-height:0;gap:48px;justify-content:flex-start}.how-steps::before{top:65px;bottom:65px}.how-content h3{font-size:26px;line-height:28px}.how-content p{font-size:18px;line-height:28px}.how-cta{width:100%}}.ecosystem{position:relative;overflow:hidden;background:#0a1929}.ecosystem::after{content:"";position:absolute;top:0;bottom:0;right:-90px;width:clamp(1120px,86vw,1680px);background-image:url("/static/landing/img_opt/como_funciona.webp");background-repeat:no-repeat;background-position:right center;background-size:auto 165%;opacity:.62;filter:brightness(1.35) contrast(1.12);pointer-events:none;z-index:0}.ecosystem .container{max-width:1440px;padding-left:64px;padding-right:64px}.ecosystem .eco-panel{position:relative;overflow:visible;isolation:isolate;padding:54px 0 60px;min-height:329px}.eco-panel::after{content:none}.eco-panel>*{position:relative;z-index:1}.eco-head{display:block;max-width:980px;margin:0}.eco-title{margin:0;font-weight:700;font-size:32px;line-height:30px;letter-spacing:-.04em;color:#fff;max-width:980px}.eco-title .eco-pro{color:#f59e0b}.eco-title .eco-viamind{color:#22d3ee}.eco-badge{display:inline-flex;align-items:center;justify-content:center;height:17px;padding:0 8px;margin-left:10px;border-radius:8px;background:#303030;color:#fff;font-size:10px;line-height:1;letter-spacing:-.04em;vertical-align:middle;transform:translateY(-2px)}.eco-cta{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 22px;border-radius:16px;text-decoration:none;white-space:nowrap;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px rgba(6,182,212,.25);color:#fff;font-weight:600;font-size:16px;letter-spacing:-.04em}.eco-plan-decide{margin:18px auto 0;max-width:680px;padding:10px 16px 10px;text-align:center;font-weight:700;font-size:17px;line-height:1.5;letter-spacing:-.02em;color:rgba(255,255,255,.97);border-bottom:1px solid rgba(255,255,255,.12)}.eco-plans-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:14px auto 0;max-width:920px;padding:6px 6px 16px;list-style:none;align-items:stretch}.eco-plans-grid>li{list-style:none;margin:0;padding:0;display:flex;min-width:0}.eco-plans-grid>li>.eco-plan-card{flex:1;width:100%}.eco-plan-card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-height:0;padding:22px 20px 20px;border-radius:16px;background:#0f1929;border:1px solid rgba(255,255,255,.22)}.eco-plan-card--pro{z-index:2;border:2px solid #e6a24a;padding:32px 32px 28px 28px;box-shadow:0 3px 14px rgba(6,182,212,.28),0 10px 34px rgba(6,182,212,.34),0 0 40px rgba(221,143,49,.14);transform:scale(1.045) translateZ(0);transform-origin:center center}.eco-plan-card--basic{z-index:1;background:rgba(7,12,22,.94);border:1px solid rgba(255,255,255,.08);padding:24px 22px 20px}.eco-plan-label{margin:0 0 6px 0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.48)}.eco-plan-card--basic .eco-plan-label{color:rgba(255,255,255,.4)}.eco-plan-card--pro .eco-plan-label{margin-bottom:0;color:rgba(255,214,170,.92)}.eco-plan-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;padding-right:2px}.eco-plan-card--pro .eco-plan-card-top .pro-card-badge{position:static;top:auto;right:auto;flex-shrink:0}.eco-plan-card-title{margin:0;padding-right:0;font-weight:600;font-size:22px;line-height:1.22;letter-spacing:-.04em;color:#fff}.eco-plan-card--pro .eco-plan-card-title{font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.045em}.eco-plan-card--pro .eco-plan-card-desc{color:rgba(255,255,255,.92)}.eco-plan-card--basic .eco-plan-card-title{padding-right:0;font-size:20px;font-weight:600;color:rgba(255,255,255,.76)}.eco-plan-card-desc{margin:8px 0 0;font-weight:400;font-size:14px;line-height:1.45;letter-spacing:-.02em;color:rgba(255,255,255,.88)}.eco-plan-card--basic .eco-plan-card-desc{font-size:13px;color:rgba(255,255,255,.58)}.eco-plan-card .pro-card-list{margin-top:10px;gap:6px}.eco-plan-card .pro-card-list li{line-height:1.35;font-size:13px}.eco-plan-card--basic .pro-card-list li{color:rgba(255,255,255,.66);font-weight:500}.eco-plan-card--basic .pro-card-check{opacity:.58}.eco-plan-card--pro .pro-card-badge{top:18px;right:20px;height:auto;min-height:24px;padding:7px 13px;font-size:10px;line-height:1.15;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#3d1f05;background:linear-gradient(180deg,#fff 0,#ffcf96 100%);border:1px solid rgba(200,120,40,.95);box-shadow:0 3px 14px rgba(0,0,0,.35),0 0 22px rgba(221,143,49,.32);white-space:nowrap}.eco-plan-microcopy{margin:8px 0 0;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:-.02em;color:rgba(255,255,255,.52)}.eco-plan-price{margin:16px 0 4px;font-size:42px;font-weight:800;letter-spacing:-.05em;color:#fff;line-height:1}.eco-plan-price span{font-size:14px;font-weight:400;color:rgba(255,255,255,.48);letter-spacing:0}.eco-plan-trial{margin:8px 0 0;font-size:11px;font-weight:500;text-align:center;color:rgba(255,255,255,.42);letter-spacing:-.01em}.eco-plan-card a.btn{margin-top:auto;align-self:stretch;width:100%;min-height:50px;padding-left:16px;padding-right:16px;justify-content:center;box-sizing:border-box;text-decoration:none;white-space:normal;text-align:center}.eco-plan-card--basic a.btn{margin-top:14px}.eco-plan-card--basic a.btn-ghost{min-height:46px;padding-top:12px;padding-bottom:12px;font-weight:500;font-size:14px;border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.025);box-shadow:none;color:rgba(255,255,255,.82)}.eco-plan-card--basic a.btn-ghost:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}.eco-plan-card--pro a.btn-primary{min-height:54px;padding-top:16px;padding-bottom:16px;font-size:17px;font-weight:800;letter-spacing:-.04em;box-shadow:0 4px 18px rgba(6,182,212,.72),0 10px 32px rgba(6,182,212,.45)}.eco-plan-card--pro a.btn-primary:hover{filter:brightness(1.07)}@media (min-width:1025px){.ecosystem{display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-h))}.ecosystem .container{flex:1;display:flex;flex-direction:column}.ecosystem .eco-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:36px;padding-bottom:80px}}@media (max-width:1100px){.eco-panel{padding:44px 28px 38px;min-height:0}.eco-plans-grid{grid-template-columns:1fr;gap:18px}.ecosystem::after{right:-70px;width:min(1420px,104vw);opacity:.56}}@media (max-width:720px){.ecosystem .container{padding-left:24px;padding-right:24px}.eco-head{max-width:none}.eco-cta{width:100%}.eco-title{font-size:28px;line-height:30px}.eco-plan-decide{font-size:16px;margin-top:24px;padding:12px 12px 14px}.eco-plans-grid{margin-top:20px;padding:8px 0 12px}.eco-plan-card--pro{transform:scale(1.028) translateZ(0)}.ecosystem::after{right:-50px;width:min(1300px,170vw);opacity:.46}}@media (max-width:768px){.ecosystem::after{right:-220px;width:min(1400px,210vw);background-position:right center;background-size:auto 150%;opacity:.34}}.empresas{position:relative;overflow:hidden;isolation:isolate;background:var(--hero-bg);padding:64px 0;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.empresas::before{content:"";position:absolute;inset:0;z-index:0;background-image:url("/static/landing/img_opt/hero_fondo.webp");background-repeat:no-repeat;background-size:min(720px,78vw) auto;background-position:50% 50%;opacity:.34;filter:brightness(1.22) contrast(1.06);pointer-events:none;transform:translateZ(0);backface-visibility:hidden}.empresas .container{position:relative;z-index:1}.empresas-inner{max-width:680px;margin:0 auto;text-align:center}.empresas-title{margin:0;font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.04em;color:#fff}.empresas-subtitle{margin:14px auto 0;font-size:16px;font-weight:400;line-height:1.55;letter-spacing:-.02em;color:rgba(255,255,255,.72);max-width:560px}.empresas-list{list-style:none;margin:28px auto 0;padding:0;display:inline-flex;flex-direction:column;gap:10px;text-align:left}.empresas-list li{display:flex;align-items:baseline;gap:8px;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.02em;color:rgba(255,255,255,.85)}.empresas-list li::before{content:"→";color:var(--accent);flex-shrink:0;font-weight:700}.empresas-cta-row{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:10px}.empresas-footnote{font-size:12px;font-weight:500;color:rgba(255,255,255,.42);letter-spacing:-.01em}@media (max-width:600px){.empresas{padding:48px 0}.empresas::before{background-size:min(400px,88vw) auto;background-position:50% 50%;opacity:.26;filter:brightness(1.18) contrast(1.05)}.empresas-title{font-size:24px}.empresas-subtitle{font-size:15px}.empresas-list{text-align:left;width:100%}}.faq{position:relative;overflow:hidden;isolation:isolate;background:var(--hero-bg)}.faq::before{content:"";position:absolute;top:-10vh;height:140vh;left:-110px;width:clamp(1500px,120vw,2400px);background-image:url("/static/landing/img_opt/como_funciona.webp");background-repeat:no-repeat;background-size:auto 140vh;background-position:left top;opacity:.46;transform:translateZ(0);backface-visibility:hidden;pointer-events:none;z-index:0}.faq .container{position:relative;z-index:1;max-width:1440px;padding-left:64px;padding-right:64px}.faq .section-title{margin:0;font-weight:600;font-size:40px;line-height:1.12;letter-spacing:-.04em;color:#fff;text-align:center}.faq-list{display:grid;gap:14px;width:min(1180px,100%);margin:44px auto 0}.faq-item{background:#fff;box-shadow:0 6px 22px rgba(0,0,0,.045);border-radius:5px;overflow:hidden}.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;padding:0 36px 0 24px;background:#fff;border:0;color:#565246;font-family:var(--font-sans);font-weight:600;font-size:20px;line-height:30px;cursor:pointer;text-align:left}.faq-q span{font-weight:600}.faq-q[aria-expanded=true]{background:#ebebeb;color:#000}.faq-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:0;line-height:0}.faq-icon::before{content:"";width:10px;height:10px;border-right:3px solid #898b8e;border-bottom:3px solid #898b8e;transform:rotate(45deg)}.faq-q[aria-expanded=true] .faq-icon::before{transform:rotate(-135deg)}.faq-a{padding:0 40px 20px 24px;background:#ebebeb;color:#606267;font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:28px}.faq-a[hidden]{display:none}@media (max-width:720px){.faq .container{padding-left:24px;padding-right:24px}.faq .section-title{font-size:32px;line-height:1.12}.faq-list{gap:12px;margin-top:32px}.faq-q{padding-left:18px;padding-right:18px;height:auto;min-height:64px}.faq-a{padding-left:18px;padding-right:18px;padding-bottom:18px}.faq::before{top:-8vh;height:130vh;left:-70px;width:min(1400px,200vw);background-size:auto 130vh;background-position:left top;opacity:.38}}@media (max-width:768px){.faq::before{left:-140px;width:min(1500px,220vw);background-size:auto 120vh;opacity:.32}}.final-cta{position:relative;background:#162641;height:auto;display:flex;align-items:flex-start;justify-content:center;padding:68px 0 84px;overflow:hidden;isolation:isolate}.final-cta::before{content:"";position:absolute;inset:-8% -12% -8% -12%;background-image:url("/static/landing/img_opt/soluciones_disenadas.webp");background-repeat:no-repeat;background-position:center 35%;background-size:auto 140%;opacity:.18;pointer-events:none;z-index:0;filter:saturate(1.05);transform:translateZ(0);backface-visibility:hidden}.final-cta .container{position:relative;z-index:1;max-width:1440px;padding-left:64px;padding-right:64px;text-align:center}.final-cta-title{margin:0 auto;max-width:700px;font-family:var(--font-sans);font-style:normal;font-weight:600;font-size:64px;line-height:56px;letter-spacing:-.04em;color:#fff}.final-cta-title .final-cta-accent{color:var(--accent)}.final-cta-actions{margin:44px auto 0;width:min(524px,100%);display:flex;align-items:flex-start;justify-content:center;gap:24px}.final-cta .btn-fixed{width:250px;height:50px;padding:0 18px}.final-cta .js_video_tour_modal_open.btn-fixed{width:auto;min-width:250px;max-width:100%;height:auto;min-height:50px;white-space:normal;line-height:1.2;text-align:center;padding-top:10px;padding-bottom:10px}.final-cta-primary{display:flex;flex-direction:column;align-items:center;gap:10px}.video-tour-modal{padding:0;border:none;border-radius:22px;max-width:min(880px,94vw);width:100%;background:0 0;color:var(--text);font-family:var(--font-sans)}.video-tour-modal::backdrop{background:rgba(6,15,30,.86);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-tour-modal__inner{position:relative;box-sizing:border-box;padding:26px 26px 22px;border-radius:22px;background:linear-gradient(155deg,rgba(15,23,42,.98) 0,rgba(10,25,41,.99) 100%);border:1px solid rgba(0,209,255,.2);box-shadow:0 22px 64px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset}.video-tour-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.video-tour-modal__titles{min-width:0}.video-tour-modal__title{margin:0;font-size:22px;font-weight:600;letter-spacing:-.03em;line-height:1.2;color:#fff}.video-tour-modal__subtitle{margin:8px 0 0;font-size:15px;line-height:1.45;color:var(--text-muted);max-width:48ch}.video-tour-modal__close{flex-shrink:0;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,border-color .15s ease}.video-tour-modal__close:hover{background:rgba(255,255,255,.1);border-color:rgba(0,209,255,.35)}.video-tour-modal__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.video-tour-modal__stage-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.video-tour-modal__stage{position:relative;aspect-ratio:16/9;background:radial-gradient(ellipse 80% 60% at 25% 15%,rgba(6,182,212,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 78% 88%,rgba(14,165,233,.14),transparent 50%),linear-gradient(168deg,#0b1729 0,#132337 42%,#0a1526 100%)}.video-tour-modal__stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,209,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,209,255,.035) 1px,transparent 1px);background-size:32px 32px;opacity:.7;pointer-events:none}.video-tour-modal__placeholder-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.video-tour-modal__ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.35);border:2px solid rgba(0,209,255,.45);box-shadow:0 0 40px rgba(6,182,212,.25)}.video-tour-modal__ring svg{width:28px;height:28px;margin-left:4px;fill:var(--accent)}.video-tour-modal__badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(10,23,41,.95);background:linear-gradient(90deg,#06b6d4 0,#0ea5e9 100%)}.video-tour-modal__ph-title{margin:0;font-size:17px;font-weight:600;color:#fff;letter-spacing:-.02em}.video-tour-modal__ph-note{margin:0;font-size:14px;color:rgba(255,255,255,.62);max-width:36ch;line-height:1.45}@media (prefers-reduced-motion:no-preference){.video-tour-modal__ring{animation:video_tour_ring_pulse 2.8s ease-in-out infinite}}@keyframes video_tour_ring_pulse{0%,100%{box-shadow:0 0 28px rgba(6,182,212,.2);transform:scale(1)}50%{box-shadow:0 0 48px rgba(6,182,212,.38);transform:scale(1.03)}}.video-tour-modal__footer{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px}.video-tour-modal__link{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}.video-tour-modal__link:hover{border-bottom-color:rgba(0,209,255,.5);color:#5ee7ff}.video-tour-modal__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.final-cta-footnote{margin:0;font-size:12px;font-weight:700;letter-spacing:-.04em}.final-cta-form-wrap{margin:44px auto 0;width:min(520px,100%)}.final-cta-form-shell{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:16px;gap:30px;width:100%;background:rgba(255,255,255,.07);border:2px solid rgba(10,13,23,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px}.final-cta-form-inner{display:flex;flex-direction:column;align-items:flex-start;padding:28px;gap:26px;width:100%}.final-cta-form-heading{display:flex;flex-direction:column;align-items:center;padding:0;gap:8px;width:100%;text-align:center}.final-cta-form-title{margin:0;font-family:var(--font-sans);font-style:normal;font-weight:600;font-size:30px;line-height:39px;letter-spacing:-.02em;color:#fff}.final-cta-form-subtitle{margin:0;font-family:var(--font-sans);font-style:normal;font-weight:400;font-size:16px;line-height:21px;letter-spacing:-.01em;color:rgba(255,255,255,.8)}.final-cta-form-helper{margin:0;font-family:var(--font-sans);font-style:normal;font-weight:400;font-size:13px;line-height:18px;letter-spacing:-.01em;color:rgba(255,255,255,.72)}.final-cta-form-microcopy{margin:6px 0 0;font-family:var(--font-sans);font-style:normal;font-weight:400;font-size:13px;line-height:18px;letter-spacing:-.01em;color:rgba(255,255,255,.66);text-align:center;width:100%}.final-cta-whatsapp-alt{margin:16px 0 0;padding:0;font-family:var(--font-sans);font-weight:400;font-size:13px;line-height:18px;letter-spacing:-.01em;color:rgba(255,255,255,.62);text-align:center;width:100%}.final-cta-whatsapp-alt__line{display:block;margin:0 0 6px}.final-cta-whatsapp-alt__link{font-weight:600;color:rgba(255,255,255,.78);text-decoration:underline;text-decoration-color:rgba(255,255,255,0.32);text-underline-offset:3px}.final-cta-whatsapp-alt__link:hover{color:rgba(255,255,255,.92);text-decoration-color:rgba(0,209,255,0.4)}.final-cta-form{display:flex;flex-direction:column;align-items:flex-start;padding:0;gap:14px;isolation:isolate;width:100%}.final-cta-input{width:100%;height:44px;padding:12px 14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:5px;font-family:var(--font-sans);font-style:normal;font-weight:400;font-size:15px;line-height:20px;letter-spacing:-.01em;color:rgba(255,255,255,.92);outline:0}.final-cta-input::placeholder{color:rgba(255,255,255,.6)}.final-cta-input:focus{border-color:rgba(0,204,249,.8);box-shadow:0 0 0 4px rgba(0,204,249,.14)}textarea.final-cta-input{height:129px;min-height:109px;resize:vertical}.final-cta-submit{width:100%;height:44px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 10px;gap:10px;background:linear-gradient(116.82deg,#0a1929 0,#0f172a 7.49%,#1e3a5f 50%,#0c4a6e 72.6%,#0369a1 100%);border:0;border-radius:16px;font-family:var(--font-sans);font-style:normal;font-weight:500;font-size:15px;line-height:20px;letter-spacing:-.01em;color:#fff;cursor:pointer}.final-cta-submit:active{transform:translateY(1px)}.final-cta-form-status{width:100%;min-height:20px;margin:0;font-size:14px;line-height:20px;letter-spacing:-.04em;color:rgba(255,255,255,.82)}.final-cta-form-status.is-error{color:#fca5a5}.final-cta-form-status.is-success{color:rgba(34,211,238,.95);font-weight:700}@media (max-width:720px){.final-cta{height:auto;padding:56px 0}.final-cta .container{padding-left:24px;padding-right:24px}.final-cta-title{font-size:44px;line-height:44px}.final-cta-actions{margin-top:28px;flex-direction:column;align-items:center;gap:16px}.final-cta .btn-fixed{width:100%}.final-cta-primary{width:100%}.final-cta-form-wrap{margin-top:30px}.final-cta-form-shell{padding:14px}.final-cta-form-inner{padding:20px;gap:20px}.final-cta-form-title{font-size:24px;line-height:32px}.final-cta-form-subtitle{font-size:14px;line-height:20px}}footer{padding:26px 0 20px;border-top:1px solid rgba(255,255,255,.1);background:#162641}.footer-shell{background:0 0;border:0;border-radius:0;padding:0}.footer-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:20px;row-gap:12px;width:100%}.footer-col--brand{display:flex;flex-direction:column;align-items:flex-start;justify-self:start;gap:5px;min-width:0}@media (min-width:1025px){footer .container{max-width:none;width:100%;padding-left:clamp(16px,4vw,56px);padding-right:clamp(16px,4vw,56px)}.footer-top{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:clamp(12px,2vw,28px)}.footer-col--brand{flex:0 0 auto}.footer-col--mid{flex:1 1 auto;min-width:0}.footer-col--aside{flex:0 0 auto}}.footer-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.footer-brand img{height:54px;width:auto;object-fit:contain;filter:drop-shadow(0px 2px 10px rgba(0, 0, 0, .35));image-rendering:-webkit-optimize-contrast}.footer-col--mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;justify-self:center}.footer-col--nav{justify-self:center}.footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;min-width:0}.footer-nav a{color:rgba(255,255,255,.86);font-size:16px;letter-spacing:-.04em;white-space:nowrap}.footer-nav a:hover{color:rgba(255,255,255,.96)}.footer-col--aside{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0;text-align:right}.footer-ecosystem{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:100%;font-size:12px;line-height:1.32;letter-spacing:-.04em;color:rgba(255,255,255,.68)}.footer-ecosystem__title{margin:0;color:rgba(255,255,255,.78)}.footer-ecosystem__context{margin:0;color:rgba(255,255,255,.62)}.footer-ecosystem__links{margin:0}.footer-ecosystem__links a{color:rgba(255,255,255,.62);font-weight:600}.footer-ecosystem__links a:hover{color:rgba(255,255,255,.92)}.footer-ecosystem__links .brand-viamind{color:rgba(34,211,238,.85)}.footer-ecosystem__links .brand-viamind:hover{color:rgba(255,255,255,.96)}.footer-social{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto}.footer-social[hidden]{display:none!important}.footer-social a{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.86)}.footer-social a svg{width:20px;height:20px;display:block}.footer-social a[aria-disabled=true]{opacity:.55;pointer-events:none}.footer-bottom{margin-top:0;width:100%;max-width:100%;text-align:center;color:rgba(255,255,255,.72);font-size:14px;letter-spacing:-.04em}@media (max-width:720px){footer{padding:22px 0 18px}.footer-brand img{height:48px}.footer-nav{gap:12px}.footer-nav a{font-size:15px}}.footer-bottom a{color:rgba(255,255,255,.86)}.footer-bottom a:hover{color:rgba(255,255,255,.96)}.footer-bottom .brand-pro{color:#f59e0b;font-weight:700}@media (max-width:1024px){.footer-top{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:12px}.footer-col--brand{align-items:center;justify-self:center;width:100%}.footer-col--mid{width:100%;max-width:100%}.footer-nav{gap:10px;width:100%;max-width:100%}.footer-col--nav{justify-self:stretch;width:100%;max-width:100%}.footer-col--aside{justify-self:center;align-items:center;text-align:center}.footer-ecosystem{align-items:center}.footer-social{justify-content:center}}@media (max-width:1024px){br.hero_title_br{display:none;margin:0;height:0;line-height:0;font-size:0;overflow:hidden}.hero-inner{grid-template-columns:1fr;min-width:0;width:100%;max-width:100%}.hero-visual{justify-self:stretch;max-width:100%;width:100%;min-width:0}.hero-deco-global{display:none}.hero-copy{min-width:0;max-width:100%;width:100%;box-sizing:border-box;padding-left:24px;padding-right:24px;overflow-wrap:break-word}.hero-visual{position:relative;left:auto;top:auto;height:auto;justify-content:center}.hero-mockup,.hero-mockup picture{display:block;width:100%;max-width:100%}.hero-mockup img{width:100%;max-width:100%;height:auto}.plan-grid{grid-template-columns:1fr}.how-layout{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.hero-title{word-break:break-word}.navbar-center{display:none}.hero-inner{padding-top:48px;padding-bottom:48px}.hero-cta-row{flex-wrap:wrap}}@media (max-width:1024px) and (min-width:641px){.navbar .container--wide{padding-left:24px;padding-right:24px}}@media (max-width:900px) and (min-width:641px){.navbar-cta{font-size:14px;padding-left:12px;padding-right:12px}}@media (max-width:640px){.brand{min-width:0}.brand img{height:54px;width:auto;object-fit:contain}.navbar-inner{gap:12px;min-width:0}.how-dot{background:#00a5c2;border:1px solid #05b2d0}.how-dot-num{color:#fff}.how-content h3{color:#00ccf9}.how-content p{color:#fff}.navbar-right{gap:12px;min-width:0;flex-shrink:1}.navbar-cta{display:none}.nav-link--login{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 10px;font-size:14px;letter-spacing:-.02em;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.92)}.navbar.navbar--compact .navbar-cta{display:inline-flex;height:44px;padding:0 14px}.navbar.navbar--compact .nav-link--login{display:none}.nav-link--login:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.96)}.nav-link--login:active{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.32)}.fold{min-height:0}.hero{align-items:flex-start}.hero-inner{min-height:0;padding-top:20px;padding-bottom:28px}.hero-eyebrow{font-size:11px;letter-spacing:.06em;margin:0 0 6px 0}.hero-title{font-size:clamp(26px,8.8vw,44px);line-height:1.05;display:block;letter-spacing:-.045em}.hero-title .hero-title-line{display:block;width:100%;max-width:100%}.hero-title-line--accent{margin-top:0;white-space:normal}.hero-subtitle{font-size:20px;line-height:26px;margin-top:10px}.hero-cta-row{margin-top:18px}.hero-footnote{margin-top:6px}.hero-visual{margin-top:-6px}}@media (max-width:520px){.fold .btn-fixed{width:100%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.psol{flex-shrink:0;position:relative;overflow:hidden;isolation:isolate;box-sizing:border-box;display:flex;flex-direction:column;min-height:calc(100vh - var(--nav-h));padding:clamp(32px,4vh,56px) 0;border-top:1px solid rgba(255,255,255,.12);background:rgba(6,18,33,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.psol::after{content:"";position:absolute;top:0;bottom:0;right:0;width:clamp(880px,90vw,1720px);background-image:url("/static/landing/img_opt/como_funciona_fondo.webp");background-repeat:no-repeat;background-position:right center;background-size:auto 175%;opacity:.52;filter:brightness(1.28) contrast(1.08);pointer-events:none;z-index:0}.psol .container{position:relative;z-index:1;width:100%}.psol-header{text-align:center;margin-bottom:40px}.psol-title{font-family:var(--font-sans);font-size:34px;font-weight:600;color:#fff;letter-spacing:-.03em;line-height:1.2;margin:0 0 10px 0;text-shadow:0 1px 18px rgba(0,0,0,.35)}.psol-subtitle{font-family:var(--font-sans);font-size:15px;font-weight:400;color:var(--text-muted);margin:0}.psol-rows{display:flex;flex-direction:column;gap:10px;max-width:780px;margin:0 auto}@media (max-width:1100px){.psol::after{right:0;width:min(1180px,96vw);background-size:auto 158%;opacity:.42}}@media (max-width:768px){.psol::after{right:0;width:min(900px,210vw);background-position:82% center;background-size:auto 135%;opacity:.28}}.psol-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;padding:14px 20px}.psol-problem,.psol-solution{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.psol-side-label{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.2}.psol-side-label--today{color:rgba(255,255,255,.4)}.psol-side-label--neurapro{color:var(--accent)}.psol-problem-text{font-family:var(--font-sans);font-size:14px;font-weight:400;color:rgba(255,255,255,.58);line-height:1.45}.psol-solution-text{font-family:var(--font-sans);font-size:15px;font-weight:600;color:rgba(255,255,255,.98);line-height:1.5}.psol-arrow{font-size:24px;font-weight:700;line-height:1;color:var(--accent);flex-shrink:0;user-select:none;filter:drop-shadow(0 0 12px rgba(0, 209, 255, .28))}.psol-cta{margin-top:32px;text-align:center;display:flex;flex-direction:column;align-items:center}.psol-cta-title{font-family:var(--font-sans);font-size:24px;font-weight:600;color:rgba(255,255,255,.96);letter-spacing:-.03em;margin:0 0 6px 0}.psol-cta-sub{font-family:var(--font-sans);font-size:14px;color:var(--text-muted);margin:0 0 20px 0}.psol-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.psol-cta-note{font-family:var(--font-sans);font-size:12px;font-weight:700;color:var(--text-muted);margin:0}@media (min-width:641px){.psol .container{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2.5vh,32px);min-height:0}.psol-header{margin-bottom:0}.psol-cta{margin-top:0}}@media (max-width:640px){.psol{min-height:0;justify-content:flex-start;padding:48px 0 72px}.psol-title{font-size:26px}.psol-row{grid-template-columns:1fr;gap:6px}.psol-arrow{text-align:center;justify-self:center;transform:rotate(90deg);margin:2px 0}.psol-cta-actions .btn{width:100%}}.guias-section{position:relative;overflow:hidden;isolation:isolate;background:var(--hero-bg);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.guias-section::before{content:"";position:absolute;inset:0;z-index:0;background-image:url("/static/landing/img_opt/todo_tu_negocio.webp");background-repeat:no-repeat;background-size:min(820px,88vw) auto;background-position:50% 42%;opacity:.3;filter:brightness(1.2) contrast(1.06);pointer-events:none;transform:translateZ(0);backface-visibility:hidden}.guias-section .container{position:relative;z-index:1}.guias-section .guias-intro{margin-bottom:8px}.guias-section .cards.cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}.guias-section .card{display:flex;flex-direction:column}.guias-section .card p{flex:1}.guias-section .card .btn{align-self:flex-start;margin-top:auto}.guias-footer-cta{display:flex;justify-content:center;margin-top:24px;margin-bottom:0}.guias-ver-todas-btn{min-height:48px;padding:14px 24px;font-weight:600}@media (max-width:1100px){.guias-section .cards.cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.guias-section .cards.cards--4{grid-template-columns:1fr}}@media (max-width:640px){.guias-section::before{background-size:min(440px,94vw) auto;background-position:50% 36%;opacity:.22;filter:brightness(1.15) contrast(1.04)}}.np-trust-block{max-width:640px;margin:64px auto 40px;padding-top:32px;border-top:1px solid rgba(255,255,255,.12);text-align:center}.np-trust-title{margin:0 0 18px;font-size:24px;font-weight:800;letter-spacing:-.04em;color:rgba(255,255,255,.96)}.np-trust-accent{color:var(--accent)}.np-trust-block p{margin:0 0 10px;font-size:15px;line-height:1.65;color:rgba(255,255,255,.62)}.np-trust-but{color:rgba(255,255,255,.92)!important;font-weight:600!important;margin-bottom:18px!important}.np-link{display:inline-block;margin-top:16px;color:var(--accent);font-size:14px;font-weight:600;letter-spacing:-.02em;text-decoration:none}.np-link:hover{text-decoration:underline}@media (max-width:640px){.np-trust-block{padding-left:16px;padding-right:16px}}
/* landing_perf integrado 2026-04-16 — overrides hero/movil; doc: docs/landing_hero_movil_mantenimiento.md */
html:has(body.navbar-compact) { scroll-padding-top: 90px; } body { --nav-h: 80px; padding-top: var(--nav-h); transition: none; } body.navbar-compact { --nav-h: 80px; } .hero { contain: layout paint; isolation: isolate; } .hero-inner { contain: layout paint; } .hero-visual { contain: layout paint; transform: translateZ(0); backface-visibility: hidden; } .hero-mockup { transform: translateZ(0); will-change: transform; backface-visibility: hidden; } .hero-mockup img { transform: translateZ(0); will-change: transform; backface-visibility: hidden; } @media (min-width: 1025px) { .hero-inner { grid-template-columns: minmax(320px, 0.98fr) minmax(320px, 1.02fr); column-gap: clamp(10px, 1.2vw, 24px); } .hero-visual { transform: translateZ(0); max-width: min(860px, 54vw); } .hero-mockup { transform: translateZ(0) scale(1.02); transform-origin: 52% 46%; } } @media (max-width: 1024px) { .hero-visual { margin-top: 0; } } @media (max-width: 768px) { html:has(body.navbar-compact) { scroll-padding-top: 82px; } body, body.navbar-compact { --nav-h: 72px; padding-top: var(--nav-h); } .navbar .container--wide { padding-left: 20px; padding-right: 20px; } .navbar-inner { height: var(--nav-h); gap: 10px; } .brand img { height: 48px; } .nav-link--login { height: 38px; padding: 0 12px; font-size: 13px; } .fold { min-height: calc(100svh - var(--nav-h)); } .hero { contain: layout; align-items: stretch; flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } .hero .container.container--wide { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; } #hero.hero > .container.container--wide > .hero-inner, .fold .hero > .container.container--wide > .hero-inner { contain: layout; flex: 1 1 auto; min-height: calc(100svh - var(--nav-h)); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); align-content: start; row-gap: 6px; padding-top: clamp(14px, 3.6vmin, 22px); padding-bottom: max(2px, env(safe-area-inset-bottom, 0px)); padding-left: 0; padding-right: 0; } .hero-copy { grid-row: 1; --hero_inline_pad: max(11px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px)); width: 100%; justify-self: stretch; align-self: stretch; min-width: 0; max-width: 100%; box-sizing: border-box; overflow-x: visible; padding-top: 10px; padding-left: var(--hero_inline_pad); padding-right: var(--hero_inline_pad); text-align: start; } .hero-copy .hero-eyebrow { box-sizing: border-box; margin-left: calc(-1 * var(--hero_inline_pad)); margin-right: calc(-1 * var(--hero_inline_pad)); width: min(100vw, calc(100% + 2 * var(--hero_inline_pad))); max-width: 100vw; padding-left: max(12px, env(safe-area-inset-left, 0px)); padding-right: max(12px, env(safe-area-inset-right, 0px)); margin-top: 0; margin-bottom: 10px; text-align: center; font-size: clamp(8.5px, 2.75vw, 11.5px); line-height: 1.32; letter-spacing: 0.04em; white-space: nowrap; } .hero-title { max-width: none; width: 100%; box-sizing: border-box; margin-top: 0; margin-bottom: 4px; margin-left: 0; margin-right: 0; text-align: start; font-size: clamp(22px, 7.9vw, 36px); line-height: 1.06; letter-spacing: -0.048em; } .hero-title .hero-title-line, .hero-title .hero-title-line--accent { display: block; width: 100%; max-width: 100%; white-space: normal; overflow-wrap: break-word; text-align: start; } .hero-title-line--accent, .hero-title-line--accent .accent { white-space: normal; } .hero-title-line--accent { margin-top: 0.06em; } .hero-subtitle { max-width: none; width: 100%; box-sizing: border-box; margin-top: 12px; margin-left: 0; margin-right: 0; text-align: start; font-size: 19px; line-height: 1.38; letter-spacing: -0.032em; } .hero-subtitle-line--muted { margin-top: 6px; } .hero-cta-row { margin-top: 16px; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px; } .hero-cta-row .btn-fixed { width: 100%; } .hero-cta-row .btn-primary.btn-fixed { height: 46px; padding: 0 18px; font-size: 15px; box-shadow: 0 8px 22px rgba(6, 182, 212, 0.28); } .hero-cta-row .btn-ghost.btn-fixed { width: 100%; height: 42px; padding: 0 16px; justify-self: stretch; font-size: 15px; background: transparent; box-shadow: none; border-color: rgba(255, 255, 255, 0.16); } .hero-footnote { margin-top: 10px; width: 100%; text-align: start; font-size: 12px; line-height: 1.32; } .hero-urgency { margin-top: 8px; width: 100%; text-align: start; font-size: 12px; line-height: 1.32; color: rgba(255, 255, 255, 0.54); } .hero-visual { contain: layout; grid-row: 2; width: 100%; min-width: 0; min-height: 0; margin-top: 6px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; overflow-x: visible; } .hero-mockup { width: 100%; max-width: 100%; margin: 0 auto; padding-left: max(0px, env(safe-area-inset-left, 0px)); padding-right: max(0px, env(safe-area-inset-right, 0px)); box-sizing: border-box; transform: translateZ(0); } .hero-mockup img { width: 100%; max-width: 100%; height: auto; object-fit: contain; } } @media (max-width: 430px) { .hero-title { max-width: none; } .hero-subtitle { max-width: none; font-size: 18px; } .hero-mockup { width: 100%; max-width: 100%; } } @supports (-webkit-touch-callout: none) { @media (max-width: 430px) { .brand img { height: 44px; } .nav-link--login { height: 36px; } #hero.hero > .container.container--wide > .hero-inner, .fold .hero > .container.container--wide > .hero-inner { row-gap: 6px; padding-top: clamp(14px, 3.6vmin, 22px); padding-bottom: max(2px, env(safe-area-inset-bottom, 0px)); } .hero-title { max-width: none; width: 100%; font-size: clamp(20px, 7.1vw, 32px); } .hero-title .hero-title-line { white-space: normal; overflow-wrap: break-word; } .hero-title-line--accent { margin-top: 0.02em; } .hero-subtitle { max-width: none; margin-top: 12px; font-size: 17px; line-height: 1.36; } .hero-subtitle-line--muted { margin-top: 6px; } .hero-cta-row { margin-top: 16px; gap: 8px; } .hero-cta-row .btn-primary.btn-fixed { height: 44px; font-size: 15px; } .hero-cta-row .btn-ghost.btn-fixed { height: 40px; font-size: 14px; } .hero-footnote { margin-top: 9px; font-size: 11px; } .hero-urgency { margin-top: 7px; font-size: 11px; } .hero-visual { margin-top: 5px; } .hero-mockup { width: 100%; max-width: 100%; } } }

/*
 * Hero mockup movil (iphone): 2026-04-18.
 * Proposito: el grid con fila 1fr + mockup ancho completo dejaba la composicion muy alta;
 * el borde inferior del PNG quedaba fuera de la primera pantalla. Parametros: ninguno; retorna: n/a.
 * Enfoque: filas auto+auto, sin forzar altura minima del hero-inner; limitar altura maxima del img con object-fit.
 */
@media (max-width: 768px) {
  #hero.hero > .container.container--wide > .hero-inner,
  .fold .hero > .container.container--wide > .hero-inner {
    grid-template-rows: auto auto;
    min-height: 0;
    align-content: start;
  }

  .hero-visual {
    justify-content: center;
  }

  #hero .hero-mockup picture {
    display: flex;
    justify-content: center;
    max-width: 100%;
  }

  #hero .hero-mockup img {
    width: auto;
    max-width: 100%;
    max-height: min(38svh, 268px);
    height: auto;
    object-fit: contain;
    object-position: center bottom;
    margin-left: auto;
    margin-right: auto;
  }
}

@supports (-webkit-touch-callout: none) {
  @media (max-width: 430px) {
    #hero .hero-mockup img {
      max-height: min(34svh, 240px);
    }
  }
}

/* Hero CTAs + WhatsApp — 2026-04-18. Icono WhatsApp #25D366 en SVG. */
/* Desktop (>=769px): .hero-cta-row es display:flex en bloque y ocupaba 100% del hero-copy; width:max-content encoge la caja al par .btn-fixed+gap para alinear WhatsApp. No toca max-width:768px. */
@media (min-width: 769px) {
  .hero-cta-stack {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: max-content;
    max-width: 100%;
    margin-top: 28px;
  }
  .hero-cta-stack .hero-cta-row {
    margin-top: 0;
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;
  }
  .hero-cta-stack .hero-whatsapp-row {
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
  }
  .btn-whatsapp {
    box-shadow: none;
  }
}
@media (min-width: 1025px) {
  .hero-cta-stack {
    margin-top: 20px;
  }
}
.hero-whatsapp-row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}
.btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 18px;
  min-height: 42px;
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--text);
  text-decoration: none;
  white-space: nowrap;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--bg-surface);
  transition: background 0.15s ease, border-color 0.15s ease;
}
.btn-whatsapp:hover {
  background: var(--bg-surface-2);
  border-color: rgba(255, 255, 255, 0.22);
}
.btn-whatsapp:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
.btn-whatsapp__icon {
  flex-shrink: 0;
  display: inline-flex;
  line-height: 0;
}
.btn-whatsapp__icon svg {
  display: block;
  width: 20px;
  height: 20px;
}
@media (max-width: 768px) {
  .hero-whatsapp-row {
    margin-top: 10px;
    min-width: 0;
  }
  .btn-whatsapp {
    width: 100%;
    min-height: 44px;
    padding: 12px 16px;
    font-size: 15px;
    white-space: normal;
    text-align: center;
  }
}

/*
 * Footer: iconos Instagram y Facebook bajo .footer-nav.
 * Proposito: enlaces centrados con mismo tono que .footer-nav a; hover blanco; area tactil >= 44px en movil.
 * Parametros: ninguno; retorna: n/a.
 */
.footer-nav-social {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  width: 100%;
  margin-top: 18px;
  margin-bottom: 14px;
  box-sizing: border-box;
}

.footer-nav-social__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 44px;
  min-height: 44px;
  padding: 10px;
  color: rgba(255, 255, 255, 0.86);
  line-height: 0;
  border-radius: 10px;
  transition: color 0.15s ease;
}

.footer-nav-social__link:hover {
  color: rgba(255, 255, 255, 1);
}

.footer-nav-social__link:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.footer-nav-social__link svg {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}