@font-face{font-family:Montserrat;src:url('../assets/fonts/Montserrat-600.woff2') format('woff2');font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('../assets/fonts/Montserrat-700.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url('../assets/fonts/Inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
/* Colores del manual; los fondos claros son mezclas del azul corporativo con blanco. */
:root{--blue:#01336b;--green:#2a9d18;--deep-green:#0b690c;--yellow:#fcbd19;--cyan:#09b0de;--pale:#f3f7fb;--muted:#53677b;--line:#dce5ed;--white:#fff;--heading:Montserrat,Arial,sans-serif;--body:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--blue);background:white;font:16px/1.7 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--deep-green);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:700;line-height:1.18;letter-spacing:-.045em}h2{font-size:clamp(29px,3.2vw,44px)}h3{font-size:24px}p{color:var(--muted)}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;z-index:20;left:20px;top:-90px;background:var(--yellow);padding:12px}.skip-link:focus{top:10px}.header{background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.nav-row{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:280px;flex-shrink:0;padding:6px 0}.brand img{width:280px}.nav-row nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav-row nav a:hover{color:var(--deep-green)}.nav-contact{border:1px solid var(--line);padding:11px 20px;border-radius:6px}.nav-contact span{margin-left:22px}.menu-toggle{background:white;border:1px solid var(--line);border-radius:5px;padding:8px 12px;color:var(--blue)}.menu-toggle:not([hidden]){display:none}.hero{position:relative;background:linear-gradient(115deg,#fff 45%,#f3f7fb);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px;min-height:690px;padding-top:54px;padding-bottom:56px}.eyebrow{font-size:10px;font-family:var(--heading);font-weight:600;letter-spacing:.15em;color:var(--blue);display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(44px,4.7vw,66px);margin:24px 0}.hero h1>span{color:var(--deep-green)}.intro{font-size:19px;max-width:440px;color:var(--blue);line-height:1.6}.hero-description{font-size:14px;max-width:455px;margin-top:15px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;font:600 12px/1.5 var(--heading);padding:17px 21px;border-radius:6px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #01336b18}.primary{color:white;background:var(--blue)}.text-link{font:600 12px/1.5 var(--heading);display:inline-flex;gap:20px;align-items:center;padding-block:10px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-note{margin-top:28px;font-size:11px;color:var(--muted)}.hero-note>span{color:var(--deep-green);margin-right:8px}.hero-strip{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.hero-strip>span{font:600 9px var(--heading);letter-spacing:.13em;color:var(--muted)}.hero-strip p{font:600 15px var(--heading);color:var(--blue)}.hero-strip i{font-style:normal;color:var(--deep-green);margin-left:55px}

.section{padding-block:94px}.about-grid{display:grid;grid-template-columns:1fr 2.8fr;gap:50px}.about-grid>.eyebrow{align-self:start;margin-top:7px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:28px;font-size:14px}.about strong{color:var(--blue);font-weight:400}.solutions{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:40px}.section-heading h2{margin-top:17px}.section-heading>p{font-size:14px;max-width:300px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.solution-card{border:1px solid var(--line);border-radius:12px;padding:34px;background:white;position:relative;overflow:hidden}.solution-card:before{content:'';height:3px;background:var(--blue);position:absolute;top:0;left:0;right:0}.app-card:before{background:var(--deep-green)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.product-icon{width:46px;height:46px;background:var(--pale);border-radius:10px;text-align:center;font-size:30px;line-height:46px}.app-card .product-icon{color:var(--deep-green);background:#f0f8ee}.pill{font:600 9px var(--heading);letter-spacing:.1em;border:1px solid var(--line);border-radius:20px;padding:7px 12px}.solution-card h3{font-size:27px;letter-spacing:-.04em}.solution-card>p{font-size:14px;margin-top:17px;min-height:96px}.solution-card ul{list-style:none;margin:22px 0;padding:0;font-size:13px;color:var(--muted)}.solution-card li{padding:8px 0}.solution-card li:before{content:'✓';color:var(--deep-green);margin-right:12px}.card-bottom{margin-top:25px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted)}.card-bottom>span:first-child{font:600 8px var(--heading);letter-spacing:.1em}.ecosystem{background:var(--blue);color:white}.ecosystem-heading{text-align:center;max-width:740px;margin:auto}.ecosystem .eyebrow{color:var(--cyan);justify-content:center}.ecosystem h2{margin:20px 0}.ecosystem h2 span{color:var(--yellow)}.ecosystem-heading>p:last-child{color:#d4e2ef;max-width:570px;font-size:14px;margin:auto}.connection-map{display:flex;align-items:center;justify-content:center;margin:48px auto 35px;max-width:990px}.channel{display:flex;align-items:center;flex-direction:column;gap:8px;min-width:210px}.channel>span{font-size:42px;color:var(--cyan);line-height:1.2}.channel strong{font:600 15px var(--heading)}.channel small{font-size:11px;color:#d4e2ef}.map-line{height:1px;background:#ffffff55;flex:1;min-width:20px;position:relative}.map-line:after{content:'';position:absolute;right:0;width:6px;height:6px;top:-3px;background:var(--yellow);border-radius:50%}.shared-hub{min-width:230px;border:1px solid #ffffff40;border-radius:14px;padding:20px;text-align:center;background:#ffffff08}.shared-hub img{width:82px;margin:0 auto 12px;border-radius:5px}.shared-hub strong{display:block;font:600 13px var(--heading)}.shared-hub small{color:#d4e2ef;font-size:10px}.ecosystem-features{display:flex;justify-content:center;gap:65px;border-top:1px solid #ffffff25;padding-top:30px;font-size:11px;color:#d4e2ef}.benefits h2{margin-top:20px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.benefit-grid article{border-top:1px solid var(--line);padding-top:22px}.benefit-grid article>span{color:var(--deep-green);font:600 11px var(--heading)}.benefit-grid h3{font-size:19px;margin:20px 0 12px;letter-spacing:-.03em}.benefit-grid p{font-size:13px}.contact-section{padding:65px 0;background:var(--yellow)}.contact-inner{display:flex;justify-content:space-between;gap:40px;align-items:center}.contact-inner h2{margin:18px 0;font-size:clamp(28px,3vw,40px)}.contact-inner p{color:var(--blue);font-size:13px}.contact-action{display:flex;flex-direction:column;align-items:start;gap:12px}.yellow-button{background:var(--blue);color:white;padding:18px 25px}.email-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contact-action small{font-size:10px}footer{padding-top:35px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:30px}.footer-top p{font-size:12px}.footer-top>a:not(.brand){font-size:12px}.footer-bottom{padding-block:22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.privacy-button{border:0;background:none;color:var(--muted);font-size:10px;padding:12px 0;text-decoration:underline}.footer-bottom>a{padding:12px 0}dialog{border:1px solid var(--line);border-radius:12px;padding:40px;width:min(580px,calc(100% - 32px));color:var(--blue)}dialog::backdrop{background:#01336b99}dialog h2{font-size:25px;margin-bottom:20px}dialog p{font-size:14px;margin-top:14px}.dialog-close{position:absolute;top:5px;right:8px;border:0;background:white;color:var(--blue);font-size:25px;width:40px;height:40px}.will-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}.is-visible{opacity:1;transform:none}
.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:35px 0}.order-steps li{border-top:1px solid var(--line);padding-top:22px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--pale);color:var(--deep-green);font:600 12px var(--heading)}.order-steps h3{font-size:19px;letter-spacing:-.03em;margin:20px 0 12px}.order-steps p{font-size:13px}.payment-note{background:var(--pale);border-left:3px solid var(--yellow);border-radius:5px;padding:23px 26px;margin:30px 0 15px}.payment-note strong{font:600 14px var(--heading)}.payment-note p{font-size:12px;margin-top:9px;max-width:900px}@media(max-width:600px){.order-steps{grid-template-columns:1fr;gap:25px}.payment-note{padding:20px}.pill{font-size:8px}.solution-card>p{min-height:0}}
.app-preview{background:linear-gradient(180deg,#fff,var(--pale))}.app-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.app-shot{margin:0;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 22px 0;overflow:hidden}.shot-heading>span{font:600 9px var(--heading);letter-spacing:.13em;color:var(--deep-green)}.shot-heading h3{font-size:19px;letter-spacing:-.035em;margin:12px 0 8px}.shot-heading p{font-size:12px;min-height:42px}.real-phone{max-width:240px;margin:24px auto 28px;border:7px solid var(--blue);border-radius:32px;overflow:hidden;box-shadow:0 18px 32px #01336b18;background:var(--blue)}.real-phone img{width:100%;height:auto}.app-preview-note{font-size:11px;line-height:1.7;margin-top:24px;max-width:880px}.hero-app-visual{margin:0;min-width:0;position:relative}.hero-app-visual>img{width:100%;height:auto;border-radius:18px}.hero-app-visual figcaption{font-size:10px;color:var(--muted);text-align:center;padding-top:12px}.hero-app-tag{display:inline-flex;align-items:center;gap:8px;font:600 9px var(--heading);letter-spacing:.09em;margin-bottom:15px}.hero-app-visual a{display:inline-block;font-size:12px;border-bottom:1px solid var(--line);margin-top:10px}@media(max-width:959px){.app-gallery{gap:15px}.app-shot{padding:22px 14px 0}.shot-heading h3{font-size:16px}.real-phone{border-width:5px;border-radius:23px}.hero-app-visual{margin-top:30px}}@media(max-width:600px){.app-gallery{grid-template-columns:1fr}.app-shot{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px;padding:24px 18px}.shot-heading h3{font-size:20px}.shot-heading p{min-height:0}.real-phone{margin:0;max-width:190px;border-radius:22px}.hero-app-visual figcaption{font-size:9px}.hero-app-tag{font-size:8px}}@media(max-width:380px){.app-shot{gap:10px;padding:20px 12px}.shot-heading h3{font-size:17px}}
/* Capturas web reales: el marco es decorativo y nunca recorta el contenido. */
.web-preview{background:#fff}.web-showcase{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:45px;align-items:center}.web-browser{margin:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:0 20px 55px #01336b12;background:white}.web-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--pale);padding:12px 16px;border-bottom:1px solid var(--line);font-size:10px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#b3c3d1;border-radius:50%}.web-address{background:white;border:1px solid var(--line);border-radius:5px;text-align:center;width:65%;padding:3px 10px;color:var(--muted)}.web-browser>img{width:100%;height:auto}.web-browser figcaption{padding:12px 18px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.web-feature-label{font:600 9px var(--heading);letter-spacing:.1em;color:var(--deep-green)}.web-showcase-copy h3{font-size:30px;margin:17px 0}.web-showcase-copy p{font-size:13px}.web-showcase-copy ul{list-style:none;padding:0;margin:18px 0 25px;font-size:12px;color:var(--muted)}.web-showcase-copy li{margin-top:9px}.web-showcase-copy li:before{content:'✓';color:var(--deep-green);margin-right:9px}@media(max-width:959px){.web-showcase{grid-template-columns:1fr;gap:30px}.web-showcase-copy h3 br{display:none}.web-showcase-copy{max-width:600px}}@media(max-width:600px){.web-showcase{gap:25px}.web-showcase-copy h3{font-size:27px}.web-browser-bar{padding:9px;font-size:8px}.web-browser figcaption{font-size:10px}.web-address{width:70%}}
@media(min-width:1500px){.hero-grid{min-height:740px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.nav-row nav{gap:20px}.hero-grid{gap:10px}.hero h1{font-size:52px}.actions{gap:12px}.product-scene{transform:scale(.9);transform-origin:center right}.browser-mock{width:100%}.hero-strip i{margin-left:20px}.about-grid{grid-template-columns:1fr 3fr;gap:25px}.solution-card{padding:27px}.channel{min-width:185px}.footer-top{flex-wrap:wrap}}
@media(max-width:959px){.nav-row{min-height:96px;flex-wrap:wrap;gap:0}.menu-toggle:not([hidden]){display:block}.nav-row nav{display:flex;width:100%;padding:10px 0 20px;flex-wrap:wrap;gap:20px}.nav-row:has(.menu-toggle:not([hidden])) nav{display:none}.nav-row nav.is-open{display:flex}.hero-grid{grid-template-columns:1fr;max-width:690px;padding-top:45px}.hero h1{font-size:60px}.hero-description,.intro{max-width:530px}.product-scene{transform:none;width:540px;max-width:100%;margin:25px auto 0}.browser-mock{width:90%}.hero-strip{flex-wrap:wrap}.hero-strip>span{width:100%}.about-grid{grid-template-columns:1fr;gap:24px}.section{padding-block:65px}.section-heading{display:block}.section-heading>p{max-width:500px;margin-top:20px}.solution-card h3{font-size:22px}.solution-card>p{min-height:150px}.card-bottom{flex-direction:column;gap:7px}.channel{min-width:155px}.channel strong{font-size:11px}.shared-hub{min-width:190px;padding:17px 12px}.ecosystem-features{gap:25px}.contact-inner{align-items:start;flex-direction:column}.benefit-grid{gap:24px}.benefit-grid h3{font-size:17px}.footer-top{justify-content:start}.footer-top p{margin-left:auto}}
@media(max-width:600px){.container{width:calc(100% - 36px)}.brand,.brand img{width:280px}.nav-row{min-height:90px}.menu-toggle{font-size:11px;padding:8px}.menu-toggle span{display:none}.nav-row{column-gap:8px}.hero-grid{padding-top:36px}.eyebrow{font-size:8px;letter-spacing:.1em}.hero h1{font-size:clamp(39px,10vw,55px);margin-top:23px}.intro{font-size:17px}.hero-description{font-size:13px}.actions{align-items:start;flex-direction:column;gap:9px}.button{font-size:11px}.hero-note{margin-top:18px}.product-scene{height:405px;margin-top:20px}.scene-label{left:10px;top:5px;font-size:7px}.browser-mock{top:55px;width:90%;height:263px}.browser-bar{padding:7px 10px;font-size:6px}.store-top{padding:12px}.store-top strong{font-size:9px}.store-top>span{font-size:5px}.store-banner{margin:0 10px;padding:12px}.store-banner strong{font-size:15px}.store-banner small{font-size:5px}.bag{width:43px;height:48px;right:22px;font-size:30px;bottom:15px}.bag:before{width:20px;height:17px;left:9px;top:-14px;border-width:3px}.mock-caption{padding:11px 12px 7px;font-size:6px}.mock-caption span{font-size:5px}.mock-products{padding:0 12px;gap:5px}.mock-products>div{padding:5px}.mock-products .package{height:24px;width:22px}.package:after{width:12px;left:5px;top:9px;height:7px}.mock-products b,.mock-products small{font-size:5px}.phone-mock{transform:rotate(5deg) scale(.77);transform-origin:top right;top:100px;right:-1px}.connection-badge{bottom:25px;left:0;padding:10px 12px;gap:8px}.connection-badge b{font-size:8px}.connection-badge small{font-size:7px}.scene-footnote{bottom:0;left:0;font-size:7px}.orbit{width:330px;height:330px;left:0;top:25px}.orbit-two{width:420px;height:420px;left:-50px;top:-20px}.hero-strip{gap:20px;padding-block:23px}.hero-strip p{font-size:11px}.hero-strip i{margin-left:4px}.section{padding-block:55px}.about-columns{grid-template-columns:1fr;gap:16px;font-size:13px}.solution-grid{grid-template-columns:1fr;gap:18px}.solution-card{padding:26px}.solution-card>p{min-height:0;font-size:13px}.solution-card h3{font-size:24px}.solution-card li{font-size:12px}.card-bottom{flex-direction:row}.connection-map{flex-direction:column;margin-top:30px;gap:15px}.channel{gap:6px}.channel strong{font-size:14px}.channel>span{font-size:33px}.map-line{width:1px;height:25px;min-width:1px;flex:none}.map-line:after{top:auto;bottom:0;left:-2px;right:auto}.shared-hub{width:240px}.ecosystem-features{flex-direction:column;align-items:center;gap:15px}.benefit-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.benefit-grid h3{font-size:20px;margin-top:14px}.contact-section{padding:45px 0}.contact-inner{gap:25px}.footer-top{gap:23px}.footer-top p{margin-left:0;width:100%}.footer-bottom{align-items:start;flex-direction:column;gap:2px}.footer-bottom>span{font-size:9px}dialog{padding:34px 24px}}
@media(max-width:380px){.nav-row .brand,.nav-row .brand img{width:245px}.nav-row .brand{flex-shrink:1}.nav-row{column-gap:5px}.menu-toggle{padding:8px 6px}.card-bottom{flex-direction:column}.hero-strip{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}

/* Fila alternada: imagen a la derecha, sin ampliar a todo el contenedor. */
.web-showcase-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);margin-top:55px}.web-showcase-reverse .web-browser{width:100%;max-width:744px;justify-self:end}.loyalty-preview{margin:22px 0 0;padding:10px;background:var(--pale);border:1px solid var(--line);border-radius:8px}.loyalty-preview img{width:100%;height:auto}.loyalty-preview figcaption{font-size:9px;color:var(--muted);line-height:1.6;margin-top:8px}@media(max-width:959px){.web-showcase-reverse{grid-template-columns:1fr;margin-top:40px}.web-showcase-reverse .web-browser{max-width:690px;justify-self:start}}