:root{--ink:#172E4B;--dark:#102A4A;--darkest:#0A1E37;--accent-soft:#A9D0FF;--accent-mid:#79B4F6;--blue:#286DBB;--paper:#F7F9FC;--muted:#67778B;--line:#DFE6F0;--red:#D53B53;--red-on-dark:#FE7385;--light-blue:#DDEBFC;--radius:24px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Aptos",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
.container{width:min(1280px,calc(100% - 104px));margin:0 auto}
::selection{background:#A9D0FF;color:#102A4A}
.hero-surface{position:relative;isolation:isolate;overflow:hidden;background:var(--darkest);color:white}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(to right,rgba(149,190,239,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(149,190,239,.09) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(to right,transparent 5%,#000 55%,#000 100%)}
.glow{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(20px)}
.glow-one{width:820px;height:820px;right:-200px;top:60px;background:radial-gradient(circle,#274C83 0,rgba(38,78,133,.28) 39%,transparent 68%);opacity:.8}
.glow-two{width:620px;height:620px;left:-390px;top:140px;background:radial-gradient(circle,rgba(29,59,105,.45),transparent 65%)}
.site-header{height:102px;display:flex;align-items:center;gap:38px;justify-content:space-between;border-bottom:1px solid rgba(206,226,249,.13);position:relative;z-index:15}
.brand{flex:0 0 auto}
.brand img{width:237px;height:auto;display:block}
.hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:18px;min-height:713px;padding-top:64px;padding-bottom:66px}
.hero-copy{position:relative;z-index:4;padding-bottom:10px}
.eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:2.4px;font-weight:750;color:var(--accent-soft);margin-bottom:31px}
.eyebrow-dot{width:8px;height:8px;background:#ED5268;border-radius:50%;box-shadow:0 0 0 5px rgba(239,82,104,.15)}
h1,h2,h3,p{margin-top:0}
.hero h1{font-size:clamp(48px,4.75vw,75px);line-height:1.055;letter-spacing:-4.4px;font-weight:740;max-width:710px;margin-bottom:25px}
.hero h1 em{font-style:normal;color:var(--accent-soft)}
.hero-lead{font-size:17.5px;line-height:1.8;color:#BFCDE0;max-width:535px;margin-bottom:33px}
.hero-footnote{display:flex;align-items:center;gap:14px;margin-top:49px;color:#9FB2CD;font-size:11.5px;letter-spacing:.25px}
.footnote-line{width:29px;height:1px;background:#F06A7B}
.hero-visual{height:624px;min-width:0;position:relative;display:grid;place-items:center}
.orbit{position:absolute;z-index:-1;left:50%;top:49%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(165,200,245,.16)}
.orbit-1{height:610px;width:610px}
.orbit-2{height:475px;width:475px}
.ambient-dot{position:absolute;border-radius:50%;background:var(--accent-soft)}
.a1{width:8px;height:8px;top:88px;right:71px}
.a2{width:6px;height:6px;bottom:74px;right:70px}
.a3{width:4px;height:4px;top:190px;left:32px}
.flow-board{background:#FAFCFF;border-radius:19px;box-shadow:0 22px 90px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.14);color:#1E3655;width:min(478px,100% - 18px);padding:21px 22px 15px;transform:rotate(-2.4deg);transition:transform .35s}
.flow-board:hover{transform:rotate(-1deg) translateY(-5px)}
.board-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:18px;border-bottom:1px solid #E5EAF2}
.board-identity{display:flex;align-items:center;gap:10px}
.board-logo{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:#173A69;color:var(--accent-soft);font-size:25px;font-weight:850;letter-spacing:-2.5px;line-height:1}
.board-logo span{color:#fff}
.board-identity strong{display:block;font-size:12px;font-weight:750}
.board-identity small{display:block;color:#8999AB;letter-spacing:1.1px;font-size:8px;margin-top:4px;font-weight:700}
.board-pill{font-size:9px;white-space:nowrap;border:1px solid #D6E4F2;background:#EDF5FE;padding:7px 9px;border-radius:50px;color:#315D8B;font-weight:650}
.board-pill i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#D94157;margin-right:4px}
.board-title{display:flex;justify-content:space-between;align-items:center;font-weight:760;font-size:15.2px;letter-spacing:-.3px;padding:19px 0 14px}
.process-stack{background:#F1F5FA;border:1px solid #E5EBF3;padding:16px 14px;border-radius:12px}
.process-card{position:relative;display:flex;align-items:center;gap:10px;border:1px solid #E2E9F2;background:white;box-shadow:0 2px 8px rgba(22,53,90,.035);border-radius:10px;min-height:68px;padding:9px 11px}
.process-number{color:#93A0B1;font-size:9px;font-weight:750}
.process-icon{width:38px;height:38px;flex:0 0 38px;border-radius:10px;display:grid;place-items:center;color:#2768B5;background:#E7F0FF}
.process-icon svg{width:19px;height:19px}
.icon-payments{background:#FCE8ED;color:#CA354D}
.icon-invoice{background:#EFF2F7;color:#626F87}
.icon-logistics{background:#E4ECF8;color:#315F9D}
.process-label{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}
.process-label strong{font-size:12.5px;line-height:1.1;letter-spacing:-.2px}
.process-label small{color:#798BA2;font-size:10px;line-height:1.1}
.process-check{font-size:12px;border-radius:50%;background:#E5EFFC;color:#286DBB;padding:3px 5px}
.process-connector{display:flex;justify-content:center;height:18px;align-items:center;position:relative}
.process-connector span{width:1px;height:100%;background:#B6C7DE}
.process-connector i{position:absolute;top:4px;right:calc(50% - 15px);font-size:11px;font-style:normal;color:#4A85C8}
.board-bottom{display:flex;justify-content:space-between;color:#768BA5;padding-top:15px;align-items:center;font-weight:640;font-size:10px}
.board-mini-dot{display:inline-block;height:6px;width:6px;border-radius:100%;background:#D94157;margin-right:4px}
.floating-card{display:flex;align-items:center;gap:12px;position:absolute;background:white;color:var(--ink);box-shadow:0 15px 60px rgba(0,0,0,.19);border:1px solid #E7EBF3;padding:13px 19px 13px 11px;border-radius:14px;transform:rotate(5deg)}
.floating-card-left{left:-6px;bottom:112px}
.floating-icon{display:grid;place-items:center;width:36px;height:36px;background:#FCE4E9;color:#CB3149;border-radius:10px;font-size:20px}
.floating-card b{display:block;font-size:11px}
.floating-card small{display:block;font-size:9px;color:#8A9CB1;margin-top:5px}
.floating-spark{position:absolute;right:-16px;top:95px;color:var(--accent-soft);font-size:75px;font-weight:300}
.visual-note{position:absolute;right:15px;bottom:7px;font-size:8px;color:#90AACD;letter-spacing:1.4px}
.hero-bottom-bar{height:73px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(207,226,250,.16);font-size:11px;font-weight:570;letter-spacing:.2px;color:#B6C8DC}
.hero-bottom-bar>span:first-child{display:flex;align-items:center;gap:11px}
.bar-asterisk{color:var(--accent-soft);font-size:21px}
.hero-bottom-bar>span:last-child{letter-spacing:1.5px;font-size:9.5px;font-weight:750}
.hero-bottom-bar i{font-style:normal;margin:0 10px;color:var(--accent-soft)}
.intro-section{padding:118px 0 116px;background:#F7F9FC}
.intro-layout{display:grid;grid-template-columns:1fr 2.05fr;gap:30px}
.section-index{color:#506A87;font-size:10px;font-weight:750;letter-spacing:1.6px;display:flex;align-items:center;gap:13px;text-transform:uppercase}
.small-square{width:8px;height:8px;background:#D74156;border-radius:2px;flex:0 0 auto}
.intro-copy h2{font-size:clamp(40px,4.35vw,65px);line-height:1.13;letter-spacing:-3.4px;max-width:850px;margin:-11px 0 26px;font-weight:750}
.intro-copy h2 span{color:#2766B1}
.intro-copy p{max-width:640px;color:#65778D;line-height:1.86;font-size:16px;margin-bottom:0}
.services-section{padding:95px 0 125px;background:#F0F3F8}
.section-topline{display:flex;justify-content:space-between;align-items:center;gap:20px}
.section-topline p{color:#647890;font-size:12px;margin:0}
.section-heading{font-size:clamp(44px,4.5vw,67px);letter-spacing:-3.6px;line-height:1.1;margin:34px 0 49px;font-weight:750}
.section-heading em{font-style:normal;color:#2A68B0}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-card{min-height:425px;border-radius:18px;padding:22px 23px 24px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;overflow:hidden;position:relative}
.service-card:hover{transform:translateY(-7px);box-shadow:0 15px 30px rgba(29,64,111,.12)}
.card-commerce{background:#E1ECFB}
.card-finance{background:#E8EFF9}
.card-logistics{background:#E3E9F3}
.card-invoice{background:#F8E8EC}
.card-upper{display:flex;align-items:center;justify-content:space-between}
.service-id{font-size:9.5px;letter-spacing:1.4px;font-weight:760;color:#677D97}
.service-icon{width:82px;height:82px;margin-top:34px;margin-bottom:32px;display:grid;place-items:center;border:1px solid rgba(39,85,139,.15);background:rgba(255,255,255,.33);border-radius:19px;color:#215A9B}
.service-icon svg{width:58px;height:58px}
.card-finance .service-icon{color:#BD3049}
.card-logistics .service-icon{color:#37679C}
.card-invoice .service-icon{color:#BE4659}
.service-body h3{font-size:28px;line-height:1.12;letter-spacing:-1.2px;margin-bottom:18px;font-weight:750}
.service-body p{font-size:13px;line-height:1.76;color:#566F89;margin-bottom:28px}
.service-tag{margin-top:auto;align-self:flex-start;padding-top:15px;border-top:1px solid rgba(30,69,115,.16);font-size:9px;letter-spacing:1.25px;font-weight:780;color:#566F8A}
.method-section{padding:128px 0;background:#fff}
.method-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}
.method-intro h2{font-size:clamp(38px,3.8vw,58px);font-weight:750;letter-spacing:-3px;line-height:1.15;margin:33px 0 24px}
.method-intro h2 em{font-style:normal;color:#D13C55}
.method-intro p{line-height:1.85;font-size:15px;color:#61758D;max-width:470px}
.steps{padding-top:15px}
.step{display:grid;grid-template-columns:52px 1fr 20px;gap:10px;padding:28px 3px 28px 0;border-top:1px solid #DDE5EF}
.step:last-child{border-bottom:1px solid #DDE5EF}
.step-no{font-size:12px;font-weight:780;color:#D63D52;padding-top:6px}
.step h3{font-size:22px;letter-spacing:-.6px;margin:0 0 9px}
.step p{font-size:13.5px;line-height:1.75;max-width:320px;color:#65788E;margin:0}
.difference-section{padding:106px 0 116px;background:#E7EDF6}
.difference-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:13%;align-items:center}
.difference-mark{height:380px;border-radius:28px;background:#132E52;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.difference-mark:before,.difference-mark:after{content:"";width:420px;height:420px;border:1px solid rgba(170,206,249,.2);border-radius:50%;position:absolute}
.difference-mark:after{width:290px;height:290px}
.difference-mark>span{color:#B9D8FF;font-size:250px;font-weight:750;font-family:Arial,sans-serif;letter-spacing:-20px;transform:translateY(-35px)}
.difference-mark i{font-size:96px;position:absolute;right:62px;bottom:20px;font-weight:normal;font-style:normal;color:#F46074}
.difference-copy h2{font-size:clamp(40px,3.75vw,57px);line-height:1.14;letter-spacing:-3px;font-weight:750;margin:35px 0 27px}
.difference-copy h2 em{font-style:normal;color:#2966B1}
.difference-copy p{font-size:15px;line-height:1.86;color:#5F738B;max-width:560px}
.difference-qualities{display:flex;flex-wrap:wrap;gap:9px;margin-top:36px}
.difference-qualities span{border:1px solid #BECCDF;border-radius:30px;padding:9px 13px;color:#335B89;font-size:10px;font-weight:700}
.site-footer{background:#102A4A;color:#DEE9F7;padding:62px 0 30px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid rgba(216,230,251,.17);padding-bottom:60px}
.footer-top img{width:205px;display:block}
.footer-top p{font-size:12px;line-height:1.7;color:#B3C5DC;max-width:260px;margin:0}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:27px;color:#8EA4C0;font-size:11px}
@media(max-width:1180px){.container{width:min(1280px,calc(100% - 64px))}.hero h1{font-size:clamp(48px,5.3vw,66px)}.hero{min-height:690px}.hero-visual{transform:scale(.92);transform-origin:center}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card{min-height:370px}.service-icon{margin-top:23px;margin-bottom:21px}.floating-card-left{left:-22px}}
@media(max-width:850px){.container{width:calc(100% - 42px)}.site-header{height:80px}.brand img{width:195px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:72px;padding-bottom:27px;gap:25px}.hero-copy{text-align:left}.hero h1{max-width:680px;font-size:clamp(48px,7vw,68px)}.hero-visual{transform:scale(1);height:635px;width:min(650px,100%);margin:0 auto}.hero-bottom-bar>span:last-child{display:none}.intro-section{padding:95px 0}.intro-layout{grid-template-columns:1fr;gap:37px}.intro-copy h2{margin:0;max-width:700px}.section-topline p{max-width:250px;text-align:right;line-height:1.5}.method-layout,.difference-layout{grid-template-columns:1fr;gap:42px}.difference-mark{height:350px}.difference-copy{max-width:660px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.site-header{height:74px}.brand img{width:166px}.hero{padding-top:51px;padding-bottom:4px;gap:0}.eyebrow{font-size:9.5px;letter-spacing:1.6px;margin-bottom:24px}.hero h1{font-size:clamp(44px,10.6vw,61px);line-height:1.08;letter-spacing:-2.8px}.hero-lead{font-size:15px;line-height:1.72}.hero-footnote{margin-top:31px;font-size:10px}.hero-visual{height:545px;margin-top:-8px;transform:scale(.83);transform-origin:top center;width:120%;margin-left:-10%}.flow-board{width:100%;max-width:445px;transform:rotate(-2deg)}.floating-card-left{left:-24px;bottom:74px}.floating-spark{right:-4px;top:45px}.orbit-1{width:490px;height:490px}.orbit-2{width:365px;height:365px}.visual-note{bottom:48px;right:2px}.hero-bottom-bar{height:58px}.hero-bottom-bar>span:first-child{font-size:10px}.intro-section{padding:77px 0 87px}.intro-layout{gap:28px}.intro-copy h2{font-size:39px;letter-spacing:-1.9px}.intro-copy p{font-size:14px}.services-section{padding:79px 0 88px}.section-topline{align-items:flex-start}.section-topline p{display:none}.section-heading{font-size:43px;letter-spacing:-2.1px;margin:25px 0 35px}.services-grid{grid-template-columns:1fr;gap:13px}.service-card{min-height:320px;padding:19px 23px}.service-icon{width:62px;height:62px;margin-top:21px;margin-bottom:16px}.service-icon svg{width:47px;height:47px}.service-body h3{font-size:27px;margin-bottom:12px}.service-body p{font-size:13px;line-height:1.65;margin-bottom:17px;max-width:380px}.method-section{padding:84px 0}.method-intro h2{font-size:41px;letter-spacing:-2px}.step{grid-template-columns:42px 1fr 15px}.difference-section{padding:80px 0 86px}.difference-mark{height:258px}.difference-mark>span{font-size:185px}.difference-mark i{font-size:68px}.difference-copy h2{font-size:39px;letter-spacing:-2px}.footer-top{flex-direction:column;align-items:flex-start;gap:23px;padding-bottom:39px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:560px){.floating-card-left{display:none}}
/* Presentación corporativa sin enlaces, botones ni bloque de contacto. */
.header-caption{font-size:10px;letter-spacing:1.9px;font-weight:750;color:#B7C7DF;white-space:nowrap}
.hero-lead{margin-bottom:20px}
.hero-footnote{margin-top:25px}
.step{grid-template-columns:52px 1fr}
@media(max-width:560px){.header-caption{display:none}.step{grid-template-columns:42px 1fr}}

/* Identidad cromática 2026 · AZUL / ROJO / GRISES. Sin botones ni enlaces. */
::selection{background:#B7D5FA;color:#102A4A}
.eyebrow-dot{background:var(--red-on-dark);box-shadow:0 0 0 5px rgba(240,88,110,.15)}
.eyebrow{color:#C1D9F8}
.hero h1 em{color:#AAD2FF}
.hero-footnote .footnote-line{background:var(--red-on-dark)}
.ambient-dot.a1,.ambient-dot.a2{background:var(--red-on-dark)}
.ambient-dot.a3{background:#8EBDF6}
.floating-spark,.bar-asterisk{color:var(--red-on-dark)}
.hero-bottom-bar i{color:var(--red-on-dark)}
.board-logo span{color:#FF7287}
.board-pill{color:#315781}
.board-pill i,.board-mini-dot{background:var(--red)}
.process-check{background:#E8EFFB;color:#2C67AF}
.process-icon.icon-payments{background:#FBE7EB;color:#C5324C}
.process-icon.icon-invoice{background:#EDF1F7;color:#566C89}
.process-icon.icon-logistics{background:#DFEBFA;color:#2864A9}
.small-square{background:var(--red)}
.section-heading em{color:#2A68B0}
.method-intro h2 em{color:#C53650}
.difference-mark i{color:#FF647A}
.difference-qualities span{background:rgba(255,255,255,.36)}
.card-finance .service-icon{color:#C13853}
.card-invoice .service-icon{color:#B83A50}
.header-caption{color:#B6C8E2}