:root { --zli-ink:#061a37; --zli-blue:#0a55c9; --zli-gold:#ffca05; --zli-green:#008f68; --zli-pink:#db1763; --zli-line:#dce5ef; --zli-muted:#506277; --zli-soft:#f5f8fc; }
.zli2-page { overflow:hidden; color:var(--zli-ink); background:#fff; }.zli2-page * { box-sizing:border-box; }
.zli2-hero { min-height:650px; display:flex; align-items:center; position:relative; isolation:isolate; overflow:hidden; background:var(--zli-ink); }.zli2-hero::before { content:""; position:absolute; z-index:1; inset:0; background:linear-gradient(90deg,rgba(2,18,45,.93) 0%,rgba(2,18,45,.76) 49%,rgba(2,18,45,.34) 100%); }.zli2-hero::after { content:""; position:absolute; z-index:1; right:-8%; bottom:-34%; width:min(53vw,720px); aspect-ratio:1; border:1px solid rgba(255,202,5,.52); border-radius:50%; box-shadow:0 0 0 36px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018); animation:zli-orbit 14s linear infinite; }.zli2-hero-img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.78) contrast(1.1); }.zli2-hero-inner { position:relative; z-index:2; max-width:1200px; }.zli2-kicker { display:inline-flex; align-items:center; gap:9px; color:var(--zli-gold); font:800 .78rem/1 var(--font-display); letter-spacing:.1em; text-transform:uppercase; }.zli2-kicker::before { content:""; width:9px; height:9px; border-radius:50%; background:currentColor; box-shadow:0 0 0 7px rgba(255,202,5,.14); }
.zli2-hero h1,.zli2-heading h2,.zli2-partner-shell h2,.zli2-cta h2 { font-family:var(--font-display); letter-spacing:-.06em; }.zli2-hero h1 { max-width:760px; margin:18px 0 26px; color:#fff; font-size:clamp(3.25rem,6.2vw,6rem); line-height:.94; }.zli2-hero h1 span { color:#fff; }.zli2-hero p { max-width:570px; margin:0 0 34px; color:#e4eef9; font-size:1.08rem; line-height:1.65; }.zli2-hero-cta { display:inline-flex; align-items:center; gap:16px; padding:16px 20px; border:0; border-radius:0; background:#fff; color:var(--zli-ink); font:800 .84rem/1 var(--font-display); text-decoration:none; transition:background .2s,gap .2s; }.zli2-hero-cta:hover { gap:22px; background:var(--zli-gold); }.zli2-hero-index { position:absolute; right:24px; bottom:42px; color:#fff; font:500 .7rem/1 var(--font-display); letter-spacing:.14em; }.zli2-hero-index::before { content:""; display:inline-block; width:45px; margin:0 12px 3px 0; border-top:1px solid var(--zli-gold); }
.zli2-benefits,.zli2-solutions,.zli2-capabilities { padding:92px 0; }.zli2-benefits { background:var(--zli-soft); }.zli2-heading { max-width:900px; margin:0 auto 42px; text-align:center; }.zli2-heading h2 { margin:14px auto 10px; font-size:clamp(2.35rem,4.3vw,4.65rem); line-height:.98; }.zli2-heading p { max-width:720px; margin:auto; color:var(--zli-muted); line-height:1.65; }
.zli2-benefit-row { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid var(--zli-line); border-bottom:1px solid var(--zli-line); background:#fff; }.zli2-benefit-row article { min-height:180px; padding:25px 18px; text-align:center; border-right:1px solid var(--zli-line); }.zli2-benefit-row article:last-child { border:0; }.zli2-benefit-row img { width:58px; height:58px; object-fit:contain; }.zli2-benefit-row b,.zli2-benefit-row span { display:block; }.zli2-benefit-row b { margin-top:16px; font:800 1rem/1.15 var(--font-display); }.zli2-benefit-row span { margin:8px auto 0; max-width:160px; color:var(--zli-muted); font-size:.86rem; line-height:1.45; }
.zli2-solution-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.zli2-solution { min-height:540px; display:flex; flex-direction:column; padding:24px; border:1px solid var(--zli-line); border-top:5px solid var(--zli-blue); background:#fff; transition:transform .25s,box-shadow .25s; }.zli2-solution:hover { transform:translateY(-6px); box-shadow:0 20px 45px rgba(2,21,44,.12); }.zli2-infra { border-color:var(--zli-line); border-top-color:#1567d5; }.zli2-adobe { border-color:var(--zli-line); border-top-color:var(--zli-pink); }.zli2-acronis { border-color:var(--zli-line); border-top-color:var(--zli-green); }.zli2-solution-top { display:flex; align-items:center; justify-content:space-between; min-height:76px; }.zli2-solution-top>img { width:155px; max-height:56px; object-fit:contain; object-position:left center; }.zli2-adobe-mark>img { width:118px; }.zli2-solution-top span { color:#b7c5d5; font:800 .95rem/1 var(--font-display); }.zli2-solution h3 { min-height:55px; margin:27px 0 12px; color:var(--zli-blue); font:800 1.6rem/1.03 var(--font-display); letter-spacing:-.045em; }.zli2-adobe h3 { color:#be1257; }.zli2-acronis h3 { color:#00775b; }.zli2-solution p { min-height:82px; margin:0; color:var(--zli-muted); line-height:1.58; }.zli2-solution ul { margin:22px 0; padding:0; list-style:none; }.zli2-solution li { position:relative; padding:0 0 11px 20px; color:#283a4d; font-size:.93rem; line-height:1.42; }.zli2-solution li::before { content:""; position:absolute; left:0; top:.44em; width:8px; height:8px; border-radius:50%; background:var(--zli-blue); }.zli2-adobe li::before { background:var(--zli-pink); }.zli2-acronis li::before { background:var(--zli-green); }.zli2-solution-impact { display:flex; gap:12px; align-items:center; margin-top:auto; padding-top:16px; border-top:1px solid var(--zli-line); }.zli2-solution-impact img { width:46px; height:46px; object-fit:contain; }.zli2-solution-impact span { font:800 .86rem/1.3 var(--font-display); }
.zli2-partners { padding:0 0 92px; background:#fff; }.zli2-partner-shell { display:grid; grid-template-columns:.8fr 1.2fr; gap:50px; align-items:center; padding:50px; background:var(--zli-ink); color:#fff; }.zli2-partner-shell h2 { margin:14px 0; font-size:clamp(2.15rem,3.6vw,3.7rem); line-height:.98; }.zli2-partner-shell p { max-width:500px; margin:0; color:#c8d7e8; line-height:1.65; }.zli2-partner-logos { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.22); border:1px solid rgba(255,255,255,.22); }.zli2-partner-logos img { width:100%; height:130px; padding:32px; object-fit:contain; background:#fff; }.zli2-partner-logos img:first-child { padding:28px; }.zli2-partner-logos img:last-child { padding:35px; }
.zli2-capabilities { background:var(--zli-soft); }.zli2-capability-flow { display:grid; grid-template-columns:repeat(6,1fr); position:relative; border-top:1px solid var(--zli-line); }.zli2-capability-flow::before { content:""; position:absolute; top:44px; left:8%; right:8%; border-top:2px dashed rgba(10,85,201,.6); }.zli2-capability-flow article { position:relative; z-index:1; padding:27px 13px 0; text-align:center; }.zli2-capability-flow article:not(:last-child)::after { content:"→"; position:absolute; top:65px; right:-7px; z-index:2; color:var(--zli-gold); font-size:1.3rem; }.zli2-capability-flow span { display:block; width:38px; height:38px; margin:0 auto 13px; padding-top:10px; border-radius:50%; background:var(--zli-blue); color:#fff; font:800 .72rem/1 var(--font-display); }.zli2-capability-flow img { width:68px; height:68px; padding:8px; object-fit:contain; background:#fff; border-radius:50%; }.zli2-capability-flow h3 { margin:17px 0 7px; font:800 1.05rem/1 var(--font-display); }.zli2-capability-flow p { margin:0; color:var(--zli-muted); font-size:.84rem; line-height:1.45; }
.zli2-cta { padding:0 0 78px; background:#fff; }.zli2-cta-shell { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:42px 48px; background:linear-gradient(105deg,var(--zli-ink),#073a75); }.zli2-cta h2 { max-width:720px; margin:12px 0 0; color:#fff; font-size:clamp(2rem,3vw,3.4rem); line-height:1; }.zli2-cta .button { display:inline-flex; flex:none; gap:12px; align-items:center; }
@keyframes zli-orbit { to { transform:rotate(360deg); } }
@media (max-width:1100px) { .zli2-solution-grid { grid-template-columns:repeat(2,1fr); }.zli2-benefit-row { grid-template-columns:repeat(3,1fr); }.zli2-benefit-row article:nth-child(3) { border-right:0; }.zli2-benefit-row article:nth-child(4),.zli2-benefit-row article:nth-child(5) { border-top:1px solid var(--zli-line); }.zli2-partner-shell { grid-template-columns:1fr; }.zli2-capability-flow { grid-template-columns:repeat(3,1fr); gap:26px 0; }.zli2-capability-flow::before,.zli2-capability-flow article::after { display:none; } }
@media (max-width:700px) { .zli2-hero { min-height:580px; }.zli2-hero h1 { font-size:clamp(2.75rem,13vw,4rem); }.zli2-hero-index { right:16px; bottom:24px; }.zli2-benefits,.zli2-solutions,.zli2-capabilities { padding:62px 0; }.zli2-benefit-row,.zli2-solution-grid { grid-template-columns:1fr; }.zli2-benefit-row article { min-height:0; display:flex; gap:17px; align-items:center; text-align:left; border-right:0; border-bottom:1px solid var(--zli-line); }.zli2-benefit-row article:nth-child(n) { border-top:0; }.zli2-benefit-row article:last-child { border-bottom:0; }.zli2-benefit-row b { margin-top:0; }.zli2-benefit-row span { margin:5px 0 0; }.zli2-solution { min-height:0; }.zli2-solution h3,.zli2-solution p { min-height:0; }.zli2-partners { padding-bottom:62px; }.zli2-partner-shell { padding:31px 24px; }.zli2-partner-logos { grid-template-columns:1fr; }.zli2-partner-logos img { height:100px; }.zli2-capability-flow { grid-template-columns:repeat(2,1fr); }.zli2-cta-shell { display:block; padding:34px 25px; }.zli2-cta .button { margin-top:26px; }.zli2-cta { padding-bottom:60px; } }

/* Logos adjuntos: dimensiones contenidas y contraste estable sobre superficies blancas. */
.zli2-microsoft .zli2-solution-top > img,
.zli2-infra .zli2-solution-top > img { width:170px; max-height:60px; }
.zli2-partner-logos img:first-child { padding:23px; background:#fff; }

/* Beneficios: iconografía y contenido centrados en todos los anchos. */
.zli2-benefit-row article { display:flex; flex-direction:column; align-items:center; justify-content:center; }
.zli2-benefit-row img { display:block; margin-inline:auto; }

@media (min-width:701px) and (max-width:1100px) {
  .zli2-benefit-row { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .zli2-benefit-row article:nth-child(2n) { border-right:0; }
  .zli2-benefit-row article:nth-child(n + 3) { border-top:1px solid var(--zli-line); }
  .zli2-benefit-row article:last-child { grid-column:1 / -1; border-right:0; }
}