:root{--navy:#141826;--navy2:#1c2233;--red:#9d0000;--red2:#7a0000;--ink:#2a2f3c;--gray:#59606f;--cloud:#f6f7f9;--line:#e4e7ec;--max:1400px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}a{color:inherit}h1,h2,h3{font-family:Montserrat,sans-serif;margin:0;color:var(--navy);text-wrap:balance}.wrap{max-width:var(--max);margin:auto;padding:0 6%}
.skip{position:fixed;top:10px;left:10px;z-index:90;background:#fff;padding:8px 12px;transform:translateY(-150%)}.skip:focus{transform:none}
.subhead{position:sticky;top:0;z-index:50;background:rgba(20,24,38,.97);border-bottom:3px solid var(--red);backdrop-filter:blur(10px)}.subhead__in{height:80px;display:flex;align-items:center;gap:32px}.subhead img{display:block;width:auto;height:42px}.subhead__nav{margin-left:auto;display:flex;align-items:center;gap:28px}.subhead__nav a{position:relative;color:#fff;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.035em}.subhead__nav a:not(.subhead__cta)::after{content:'';position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--red);transition:right .22s}.subhead__nav a:hover::after,.subhead__nav a.is-active::after{right:0}.subhead__cta{min-height:50px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);padding:0 22px!important;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 11px) 100%,0 100%)}.subhead-menu{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;cursor:pointer}.subhead-menu span{display:block;width:24px;height:2px;margin:5px auto;background:#fff}.subhead-menu:focus-visible,.subhead__nav a:focus-visible{outline:3px solid #e39292;outline-offset:4px}
.crumb{font-size:12px;color:#747b88;padding-top:22px}.crumb a{text-decoration:none}.crumb a:hover{color:var(--red)}
.detail-hero{padding:42px 0 72px;position:relative;overflow:hidden}.detail-hero::after{content:'';position:absolute;right:0;top:58px;width:9vw;height:120px;background:var(--red);z-index:-1}.detail-hero__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:start}.detail-hero__label{color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;margin:0 0 16px}.detail-hero h1{font-size:clamp(50px,6vw,88px);line-height:.94;letter-spacing:-.06em;max-width:13ch}.detail-hero__side{border-top:3px solid var(--navy);padding-top:24px}.detail-hero__claim{font-family:Montserrat,sans-serif;font-size:clamp(23px,2.25vw,32px);font-weight:700;line-height:1.22;color:var(--navy);margin:0 0 17px}.detail-hero__intro{color:var(--gray);margin:0 0 26px;max-width:57ch}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border:2px solid transparent;border-radius:7px;text-decoration:none;font-size:14px;font-weight:800;transition:.2s}.btn--red{background:var(--red);color:#fff}.btn--red:hover{background:var(--red2);transform:translateY(-2px)}.btn--line{border-color:var(--navy);color:var(--navy)}.btn--line:hover{background:var(--navy);color:#fff}
.service-visual{height:235px;margin-top:34px;position:relative;overflow:hidden;background:var(--navy);clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),calc(100% - 38px) 100%,0 100%)}.service-visual::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 13px,rgba(255,255,255,.055) 13px 15px)}
.service-visual__tag{position:absolute;left:20px;top:18px;z-index:3;background:rgba(255,255,255,.16);color:#fff;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.service-visual--erp{background:linear-gradient(180deg,rgba(20,24,38,.08),rgba(20,24,38,.88)),url('../media/hero-operacion.webp') center/cover}.service-visual--erp::before{content:'CONTROL · TRAZABILIDAD · DECISIÓN';position:absolute;left:20px;bottom:24px;z-index:2;color:#fff;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}
.service-visual--web{background:linear-gradient(180deg,rgba(20,24,38,.1),rgba(20,24,38,.91)),url('../media/soluciones/web-ecommerce.jpg') center 46%/cover}.service-visual--web::before{content:'PRESENCIA QUE CONVIERTE';position:absolute;left:20px;bottom:24px;z-index:2;color:#fff;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}
.service-visual--apps{background:linear-gradient(180deg,rgba(20,24,38,.08),rgba(20,24,38,.9)),url('../media/soluciones/aplicaciones-moviles.jpg') center 42%/cover}.service-visual--apps::before{content:'TRABAJO EN MOVIMIENTO';position:absolute;left:20px;bottom:24px;z-index:2;color:#fff;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}
.service-visual--invoice{background:linear-gradient(180deg,rgba(20,24,38,.1),rgba(20,24,38,.91)),url('../media/soluciones/facturacion-electronica.jpg') center 43%/cover}.service-visual--invoice::before{content:'DOCUMENTOS BAJO CONTROL';position:absolute;left:20px;bottom:24px;z-index:2;color:#fff;font-family:Montserrat,sans-serif;font-size:15px;font-weight:800}
.web-window,.mobile-device,.invoice-sheet{display:none}
.proofline{background:var(--navy);color:#fff;border-top:4px solid var(--red)}.proofline__grid{display:grid;grid-template-columns:repeat(4,1fr)}.proofline div{padding:22px 20px;border-right:1px solid #343a4b}.proofline div:last-child{border-right:0}.proofline strong{display:block;font-family:Montserrat,sans-serif;font-size:16px}.proofline span{font-size:12px;color:#aeb5c4}
.section{padding:76px 0}.section--soft{background:var(--cloud)}.section--dark{background:var(--navy);color:#fff}.section__head{display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;align-items:start;margin-bottom:46px}.section__kicker{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:800;color:var(--red);margin:0 0 12px}.section h2{font-size:clamp(36px,4.1vw,58px);line-height:1;letter-spacing:-.045em}.section__lead{font-size:19px;line-height:1.52;color:var(--gray);margin:0;max-width:57ch}.section--dark h2{color:#fff}.section--dark .section__lead{color:#b8becc}
.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--navy)}.editorial-grid article{padding:26px 28px 30px 0;border-right:1px solid var(--line)}.editorial-grid article+article{padding-left:28px}.editorial-grid article:last-child{border-right:0}.editorial-grid h3{font-size:22px;line-height:1.2;margin-bottom:11px}.editorial-grid p{margin:0;color:var(--gray);font-size:14.5px}.editorial-grid ul{list-style:none;margin:15px 0 0;padding:0}.editorial-grid li{font-size:14px;padding:6px 0;border-bottom:1px solid var(--line)}.editorial-grid li::before{content:'—';color:var(--red);margin-right:7px}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);border-top:3px solid var(--navy);list-style:none;margin:0;padding:0}.feature-list li{padding:16px 22px 16px 0;border-bottom:1px solid var(--line);font-weight:600}.feature-list li:nth-child(even){padding-left:22px;border-left:1px solid var(--line)}.feature-list small{display:block;color:var(--red);text-transform:uppercase;letter-spacing:.12em;font-size:9px;margin-bottom:4px}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry{min-height:210px;position:relative;display:flex;align-items:flex-end;padding:22px;color:#fff;background:linear-gradient(180deg,rgba(20,24,38,.18),rgba(20,24,38,.94)),var(--img) center/cover;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%)}.industry h3{color:#fff;font-size:21px;line-height:1.08}.industry span{display:block;font-size:11px;color:#d2d6df;margin-top:6px}.industry--retail{--img:url('../media/industrias/retail.webp')}.industry--dist{--img:url('../media/industrias/distribuidoras.webp')}.industry--build{--img:url('../media/industrias/constructoras.webp')}.industry--health{--img:url('../media/industrias/clinicas.webp')}.industry--make{--img:url('../media/industrias/manufactura.webp')}.industry--food{--img:url('../media/industrias/gastronomia.webp')}
.process{display:grid;grid-template-columns:repeat(3,1fr);counter-reset:step;border-top:3px solid var(--navy)}.process article{counter-increment:step;padding:24px 26px 0 0}.process article+article{padding-left:26px;border-left:1px solid var(--line)}.process article::before{content:'0' counter(step);display:block;font-family:Montserrat,sans-serif;font-size:13px;color:var(--red);letter-spacing:.12em;margin-bottom:14px}.process h3{font-size:21px;margin-bottom:9px}.process p{margin:0;color:var(--gray);font-size:14.5px}
.web-types{display:grid;grid-template-columns:1.2fr .8fr;grid-template-areas:'corp catalog' 'corp shop';gap:14px}.web-type{position:relative;min-height:340px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}.web-type h3{position:relative;z-index:2;font-size:clamp(27px,3vw,41px);line-height:1;color:inherit;max-width:11ch;margin-bottom:12px}.web-type p{position:relative;z-index:2;margin:0;max-width:42ch;font-size:14.5px;line-height:1.5}.web-type__badge{position:absolute;left:28px;top:26px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.web-type--corp{grid-area:corp;min-height:694px;background:var(--navy);color:#fff}.web-type--corp h3{color:#fff}.web-type--corp p{color:#c4c9d3}.web-type--catalog{grid-area:catalog;background:#eceef2;color:var(--navy)}.web-type--shop{grid-area:shop;background:var(--red);color:#fff}.web-type--shop h3{color:#fff}.web-type--shop p{color:#f0d4d4}.web-type__mock{position:absolute;left:28px;right:28px;top:74px;height:52%;background:#fff;border-top:22px solid #343a4c;padding:16px;display:grid;gap:10px;z-index:1}.web-type__mock--corp{grid-template-columns:1.25fr .75fr}.web-type__mock--corp i{background:#e8eaf0}.web-type__mock--corp i:first-child{background:linear-gradient(var(--red) 0 28%,#e8eaf0 28%)}.web-type__mock--catalog{grid-template-columns:repeat(3,1fr);height:30%;top:64px}.web-type__mock--catalog i{background:#dfe2e8;border-bottom:8px solid #fff}.web-type__mock--shop{grid-template-columns:1fr .72fr;height:30%;top:64px;background:#fff}.web-type__mock--shop i{background:#e5e7ec}.web-type__mock--shop i:last-child{background:var(--navy)}
.web-type__mock--corp{height:36%}
.detail-cta{background:var(--red);padding:58px 0;color:#fff}.detail-cta__grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center}.detail-cta h2{color:#fff;font-size:clamp(32px,3.4vw,48px);line-height:1.04}.detail-cta p{color:#f0d2d2;margin:12px 0 0}.detail-cta .btn{justify-self:end;background:#fff;color:var(--navy)}
.detail-foot{background:var(--navy);color:#aab1bf;padding:34px 0}.detail-foot__in{display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-foot img{height:28px}.detail-foot a{color:#fff;text-decoration:none;font-size:13px}
[data-reveal]{opacity:0;transform:translateY(16px)}[data-reveal].visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1)}
@media(max-width:900px){.detail-hero__grid,.section__head,.detail-cta__grid{grid-template-columns:1fr;gap:30px}.proofline__grid{grid-template-columns:1fr 1fr}.industry-grid{grid-template-columns:1fr 1fr}.detail-cta .btn{justify-self:start}}
@media(max-width:900px){.web-types{grid-template-columns:1fr;grid-template-areas:'corp' 'catalog' 'shop'}.web-type{min-height:380px}.web-type--corp{min-height:500px}}
@media(max-width:720px){.wrap{padding:0 24px}.subhead__in{height:68px}.subhead img{height:34px}.subhead__nav a:not(.subhead__cta){display:none}.detail-hero{padding:30px 0 52px}.detail-hero h1{font-size:43px;max-width:none}.service-visual{height:205px}.proofline__grid,.editorial-grid,.feature-list,.industry-grid,.process{grid-template-columns:1fr}.proofline div{border-right:0;border-bottom:1px solid #343a4b}.editorial-grid article,.editorial-grid article+article{padding:23px 0;border-right:0;border-bottom:1px solid var(--line)}.feature-list li:nth-child(even){padding-left:0;border-left:0}.industry{min-height:190px}.process article,.process article+article{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}.section{padding:56px 0}.detail-foot__in{align-items:flex-start;flex-direction:column}.web-type,.web-type--corp{min-height:400px;padding:26px}.web-type__mock{left:26px;right:26px}}
@media(max-width:840px){.subhead-menu{display:block}.subhead__nav{position:fixed;left:0;right:0;top:80px;display:none;margin:0;padding:20px 24px 28px;align-items:stretch;flex-direction:column;gap:0;background:var(--navy);border-bottom:3px solid var(--red)}.subhead__nav.is-open{display:flex}.subhead__nav.is-open a,.subhead__nav.is-open a:not(.subhead__cta){display:flex;padding:13px 0}.subhead__nav a::after{display:none}.subhead__nav .subhead__cta{margin-top:10px;padding:0 18px!important}.subhead__in{height:70px}.subhead img{height:35px}.subhead__nav{top:70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}[data-reveal]{opacity:1;transform:none}}