.hub-hero{padding:56px 0 72px;background:#fff}
.hub-hero__grid{display:grid;grid-template-columns:1.12fr .88fr;gap:8vw;align-items:end}
.hub-hero h1{font-size:clamp(48px,5.5vw,78px);font-weight:800;line-height:.98;letter-spacing:-.055em;max-width:13ch}
.hub-hero__copy{border-top:3px solid var(--navy);padding-top:24px}
.hub-hero__copy p{margin:0;color:#555c6b;max-width:49ch;font-size:18px}
.hub-hero__copy strong{display:block;color:var(--navy);font-family:Montserrat,sans-serif;font-size:22px;line-height:1.3;margin-bottom:14px}
.hub-jump{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:54px}
.hub-jump a{min-height:62px;padding:16px 32px 16px 18px;text-decoration:none;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;color:var(--navy);background:var(--nube);border-top:3px solid var(--navy);clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);transition:background .2s,color .2s,transform .2s}
.hub-jump a:hover{background:var(--navy);color:#fff;transform:translateY(-3px)}
.solution-band{padding:74px 0 82px;border-top:1px solid var(--borde);position:relative;overflow:hidden}
.solution-band__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7vw;align-items:start}
.solution-band__kind{font-size:11px;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--rojo);display:block;margin-bottom:14px}
.solution-band h2{font-size:clamp(40px,4.5vw,64px);line-height:.98;letter-spacing:-.05em;max-width:13ch}
.solution-band__titlecol{position:relative}
.band-art{height:220px;margin-top:34px;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),calc(100% - 38px) 100%,0 100%);background:var(--navy)}
.band-art::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 13px,rgba(255,255,255,.055) 13px 15px);pointer-events:none}
.band-art__tag{position:absolute;left:20px;top:18px;z-index:3;background:rgba(255,255,255,.14);color:#fff;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.band-art--erp{background:linear-gradient(180deg,rgba(20,24,38,.12),rgba(20,24,38,.9)),url('../media/industrias/retail.webp') center/cover}
.band-art--erp::before{content:'OPERACIÓN REAL';position:absolute;left:20px;bottom:22px;z-index:2;font-family:Montserrat,sans-serif;font-weight:800;font-size:24px;color:#fff;letter-spacing:-.03em}
.band-art--web{background:linear-gradient(180deg,rgba(20,24,38,.12),rgba(20,24,38,.91)),url('../media/soluciones/web-ecommerce.jpg') center 46%/cover}
.band-art--web::before{content:'PRESENCIA QUE CONVIERTE';position:absolute;left:20px;bottom:22px;z-index:2;font-family:Montserrat,sans-serif;font-weight:800;font-size:21px;color:#fff;letter-spacing:-.025em}
.band-art--apps{background:linear-gradient(180deg,rgba(20,24,38,.08),rgba(20,24,38,.9)),url('../media/soluciones/aplicaciones-moviles.jpg') center 42%/cover}
.band-art--apps::before{content:'TRABAJO EN MOVIMIENTO';position:absolute;left:20px;bottom:22px;z-index:2;font-family:Montserrat,sans-serif;font-weight:800;font-size:21px;color:#fff;letter-spacing:-.025em}
.band-art--invoice{background:linear-gradient(180deg,rgba(20,24,38,.1),rgba(20,24,38,.91)),url('../media/soluciones/facturacion-electronica.jpg') center 43%/cover}
.band-art--invoice::before{content:'DOCUMENTOS BAJO CONTROL';position:absolute;left:20px;bottom:22px;z-index:2;font-family:Montserrat,sans-serif;font-weight:800;font-size:21px;color:#fff;letter-spacing:-.025em}
.browser-mini,.phone-mini,.doc-mini{display:none}
.solution-band__claim{font-family:Montserrat,sans-serif;font-size:clamp(22px,2.1vw,30px);font-weight:700;line-height:1.22;color:var(--navy);max-width:31ch;margin:0 0 18px}
.solution-band__desc{color:#555c6b;max-width:60ch;margin:0 0 28px}
.solution-band__points{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;margin:0 0 30px;padding:0;border-top:1px solid var(--borde)}
.solution-band__points li{padding:12px 16px 12px 0;border-bottom:1px solid var(--borde);font-size:14px;font-weight:600;color:#3d4350}
.solution-band__points li::before{content:'—';color:var(--rojo);margin-right:8px}
.solution-band__link{display:inline-flex;align-items:center;gap:12px;color:var(--rojo);font-weight:800;font-size:14px;text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:5px;transition:gap .2s}
.solution-band__link:hover{gap:18px}
.solution-band--erp{background:var(--navy);color:#fff;border-top:4px solid var(--rojo)}
.solution-band--erp h2,.solution-band--erp .solution-band__claim{color:#fff}
.solution-band--erp .solution-band__desc{color:#bec4d1}
.solution-band--erp .solution-band__kind{color:#d26b6b}
.solution-band--erp .solution-band__link{color:var(--navy);background:#fff;border:0;padding:13px 24px 15px 16px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 9px) 100%,0 100%)}
.solution-band--erp .solution-band__link:hover{gap:16px;background:#e9ebef}
.solution-band--erp .solution-band__points{border:0;gap:8px 10px;margin-bottom:26px}
.solution-band--erp .solution-band__points li{border:0;background:rgba(255,255,255,.065);color:#f4f5f8;padding:11px 14px;font-size:14.5px}
.solution-band--erp .solution-band__points li::before{content:'';display:inline-block;width:7px;height:7px;background:var(--rojo);margin:0 9px 1px 0}
.industry-preview{margin-top:24px;padding:22px;background:rgba(255,255,255,.045)}
.industry-preview__label{display:block;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#bac0ce;margin-bottom:16px}
.industry-preview__list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;list-style:none;margin:0;padding:0}
.industry-preview__list a{min-height:58px;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;background:#202638;padding:10px 13px;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .18s,transform .18s}
.industry-preview__list a:hover{background:var(--rojo);transform:translateY(-2px)}
.industry-preview__list svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.industry-preview__list span{font-family:Montserrat,sans-serif;font-size:12.5px;line-height:1.25;font-weight:700}
.solution-band--erp .industry-preview{margin-top:44px}
.solution-band--erp .industry-preview__list{grid-template-columns:repeat(4,minmax(0,1fr))}
.solution-band--soft{background:var(--nube)}
.solution-band--redline::after{content:'';position:absolute;right:0;top:0;width:18%;height:4px;background:var(--rojo)}
.hub-close{padding:64px 0;background:var(--rojo);color:#fff}
.hub-close__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.hub-close h2{color:#fff;font-size:clamp(32px,3.5vw,48px);line-height:1.05;max-width:20ch}
.hub-close p{margin:14px 0 0;color:#f1d6d6;max-width:55ch}
.hub-close__action{justify-self:end}
@media(max-width:900px){
  .hub-hero__grid,.solution-band__grid,.hub-close__grid{grid-template-columns:1fr;gap:32px}
  .hub-hero h1{max-width:16ch}.hub-close__action{justify-self:start}
  .industry-preview__list,.solution-band--erp .industry-preview__list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .hub-hero{padding:34px 0 52px}.hub-hero h1{font-size:42px;max-width:none}
  .hub-jump{grid-template-columns:1fr 1fr;margin-top:38px}
  .solution-band{padding:52px 0 60px}.solution-band h2{font-size:40px;max-width:none}.band-art{height:190px;max-width:520px}
  .solution-band__points{grid-template-columns:1fr}.industry-preview__list{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.hub-jump{grid-template-columns:1fr}.industry-preview{padding:16px}.industry-preview__list,.solution-band--erp .industry-preview__list{grid-template-columns:1fr}}