/* ===== SD-WAN — estilos de sección (sobre network-management.css) ===== */

/* alternancia de fondo entre secciones */
.nmx-section:nth-of-type(even){background:#0d1728}

/* grids */
.sdw-grid{display:grid;gap:20px}
.sdw-grid-2{grid-template-columns:repeat(2,1fr)}
.sdw-grid-3{grid-template-columns:repeat(3,1fr)}
.sdw-grid-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.sdw-grid-3,.sdw-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sdw-grid-2,.sdw-grid-3,.sdw-grid-4{grid-template-columns:1fr}}

/* cita destacada (misión) */
.sdw-quote{margin-top:34px;border:1px solid rgba(63,94,251,.28);border-left:3px solid var(--c3-blue-royal);border-radius:14px;padding:32px 34px;background:linear-gradient(120deg,rgba(63,94,251,.09),rgba(0,229,204,.04))}
.sdw-quote p{font-size:18px;line-height:1.65;color:rgba(204,231,255,.85);font-family:var(--font-body)}
.sdw-quote strong{color:#fff}

/* beneficios */
.sdw-card{display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(21,38,63,.6),rgba(15,29,51,.5));border:1px solid rgba(204,231,255,.12);border-radius:16px;padding:30px;transition:border-color .2s ease,transform .2s ease}
.sdw-card:hover{border-color:var(--c3-blue-royal);transform:translateY(-4px)}
.sdw-ico{width:44px;height:44px;border-radius:11px;background:rgba(63,94,251,.14);display:inline-flex;align-items:center;justify-content:center;color:var(--c3-blue-royal);margin-bottom:18px;flex-shrink:0}
.sdw-ico svg{width:24px;height:24px}
.sdw-card h4{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:8px}
.sdw-card p{font-size:14px;line-height:1.55;color:rgba(204,231,255,.72);font-family:var(--font-body)}

/* aliados */
.sdw-vendor{background:rgba(15,29,51,.55);border:1px solid rgba(204,231,255,.12);border-radius:16px;padding:32px;transition:border-color .2s ease}
.sdw-vendor:hover{border-color:var(--c3-blue-royal)}
.sdw-vendor-logo{display:flex;align-items:center;height:32px;margin-bottom:20px}
.sdw-vendor-logo img{height:100%;width:auto;max-width:150px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.sdw-vendor p{font-size:14.5px;line-height:1.6;color:rgba(204,231,255,.75);font-family:var(--font-body)}

/* componentes */
.sdw-comp{border:1px solid rgba(204,231,255,.12);border-radius:16px;padding:32px;background:linear-gradient(180deg,rgba(21,38,63,.5),rgba(15,29,51,.4))}
.sdw-num{font-family:var(--font-sans);font-weight:800;font-size:42px;line-height:1;letter-spacing:-.04em;background:var(--sublime-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}
.sdw-comp h4{font-size:19px;font-weight:800;color:#fff;margin-bottom:8px}
.sdw-comp p{font-size:14.5px;line-height:1.55;color:rgba(204,231,255,.72);font-family:var(--font-body)}

/* SD-WAN para todos */
.sdw-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.sdw-groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sdw-groups{grid-template-columns:1fr}}
.sdw-group{border:1px solid rgba(204,231,255,.1);border-radius:14px;padding:24px;background:rgba(15,29,51,.4)}
.sdw-group h5{font-family:var(--font-sans);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--c3-blue-royal);margin-bottom:16px}
.sdw-chips{display:flex;flex-wrap:wrap;gap:8px}
.sdw-chips span{font-family:var(--font-mono);font-size:11.5px;padding:7px 12px;border-radius:99px;border:1px solid rgba(204,231,255,.18);color:var(--text-secondary);background:rgba(204,231,255,.04)}

/* características */
.sdw-feat{border:1px solid rgba(204,231,255,.1);border-radius:14px;padding:24px;background:linear-gradient(180deg,rgba(21,38,63,.5),rgba(15,29,51,.4));transition:border-color .2s ease,transform .2s ease}
.sdw-feat:hover{border-color:var(--c3-blue-royal);transform:translateY(-3px)}
.sdw-feat h4{font-size:15.5px;font-weight:800;color:#fff;margin-bottom:12px;letter-spacing:-.01em;line-height:1.25}
.sdw-feat ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}
.sdw-feat li{font-size:13px;line-height:1.5;color:rgba(204,231,255,.72);font-family:var(--font-body);padding-left:16px;position:relative}
.sdw-feat li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:2px;background:var(--c3-blue-royal)}

/* estadísticas de industria */
.sdw-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:700px){.sdw-stats{grid-template-columns:1fr}}
.sdw-stat{border:1px solid rgba(204,231,255,.12);border-radius:18px;padding:40px;background:linear-gradient(140deg,rgba(63,94,251,.1),transparent)}
.sdw-stat .num{font-family:var(--font-sans);font-weight:800;font-size:clamp(48px,7vw,84px);line-height:1;letter-spacing:-.04em;color:#fff}
.sdw-stat .num .plus{background:var(--sublime-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sdw-stat p{margin-top:16px;font-size:16px;line-height:1.6;color:rgba(204,231,255,.8);font-family:var(--font-body)}
.sdw-stat .src{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}

/* diferenciadores */
.sdw-diff{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
@media(max-width:900px){.sdw-diff{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sdw-diff{grid-template-columns:1fr}}
.sdw-diff-item{display:flex;align-items:center;gap:12px;padding:18px 20px;border:1px solid rgba(204,231,255,.1);border-radius:12px;background:rgba(15,29,51,.4);font-family:var(--font-sans);font-weight:600;font-size:14px;color:#fff;line-height:1.3}
.sdw-diff-item .chk{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--c3-blue-royal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}

/* ===== Highlight de ahorro en el hero ===== */
.sdw-hero-hl{display:flex;align-items:center;gap:24px;margin-top:38px;flex-wrap:wrap}
.sdw-hl-num{font-family:var(--font-sans);font-weight:800;font-size:clamp(64px,9vw,120px);line-height:.9;letter-spacing:-.05em;background:var(--sublime-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.sdw-hl-num span{font-size:.45em;margin-left:2px}
.sdw-hl-txt{max-width:34ch;font-size:16px;line-height:1.55;color:rgba(204,231,255,.82);font-family:var(--font-body)}

/* ===== Carrusel de aliados (moderno / minimalista) ===== */
.sdw-carousel{position:relative}
.sdw-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sdw-track::-webkit-scrollbar{display:none}
.sdw-track .sdw-vendor{flex:0 0 auto;width:min(86%,380px);scroll-snap-align:start}
.sdw-nav{position:absolute;top:-62px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(204,231,255,.2);background:rgba(10,16,32,.55);backdrop-filter:blur(6px);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.sdw-nav:hover{border-color:var(--c3-blue-royal);background:rgba(63,94,251,.18)}
.sdw-nav:active{transform:scale(.94)}
.sdw-nav.next{right:0}
.sdw-nav.prev{right:52px}
@media(max-width:700px){.sdw-nav{display:none}}
.sdw-track .sdw-feat{flex:0 0 auto;width:min(78%,300px);scroll-snap-align:start}

/* ===== Diagramas SD-WAN ===== */
.sdw-diagrams{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.sdw-diagrams img{width:100%;height:auto;display:block;border-radius:14px;border:1px solid rgba(204,231,255,.14);background:#0b1524}
@media(max-width:800px){.sdw-diagrams{grid-template-columns:1fr}}
.sdw-todos{display:block;width:100%;max-width:1000px;margin:0 auto;height:auto;border-radius:16px;border:1px solid rgba(204,231,255,.14);background:#0b1524}
.sdw-diagrams{margin-top:44px}

/* título del hero en dos líneas */
.hero h1{max-width:34ch}

/* ===== Sección WiFi con imagen a la izquierda ===== */
.wifi-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.wifi-split .nmx-head{max-width:none;margin:0}
.wifi-split-img img{width:70%;height:auto;display:block;margin:0 auto}
@media(max-width:820px){.wifi-split{grid-template-columns:1fr;gap:32px}.wifi-split-img{order:-1}}

/* ===== Párrafo extra + chips grandes (Switching & Routing) ===== */
.sdw-p{margin-top:20px;max-width:64ch;font-size:16px;line-height:1.65;color:rgba(204,231,255,.72);font-family:var(--font-body)}
.sdw-chips-lg{margin-top:34px}
.sdw-chips-lg span{font-family:var(--font-sans);font-size:13px;font-weight:600;letter-spacing:0;padding:11px 20px;color:#fff;border-color:rgba(63,94,251,.4);background:rgba(63,94,251,.1)}

/* ===== Chips llamativos en el hero (Switching & Routing) ===== */
.sw-hero-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.sw-hero-chips span{font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.01em;color:#fff;padding:12px 22px;border-radius:99px;background:linear-gradient(120deg,rgba(63,94,251,.24),rgba(0,229,204,.12));border:1px solid rgba(63,94,251,.5);box-shadow:0 10px 26px -12px rgba(63,94,251,.6)}

/* iconos más grandes en las tarjetas de características */
.sw-chars .sdw-ico{width:62px;height:62px;border-radius:16px}
.sw-chars .sdw-ico svg{width:34px;height:34px}

/* ===== Sección de cierre con degradado (Switching & Routing) ===== */
.sw-outro{position:relative;overflow:hidden;text-align:center;padding-top:64px;padding-bottom:64px;background:linear-gradient(120deg,#641f31 0%,#1d296f 100%)}
.sw-outro-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}
.sw-outro .wrap{position:relative;z-index:1;max-width:840px}
.sw-outro h2{color:#fff}
.sw-outro h2 em{font-style:italic;color:#fff;opacity:.85}
.sw-outro p{margin:20px auto 0;max-width:70ch;font-family:var(--font-body);font-size:18px;line-height:1.65;color:rgba(255,255,255,.92)}
.sw-outro-cta{margin-top:48px}

/* CTA sin recuadro: se funde con el fondo */
.nmx-cta-plain{background:none;border:0;border-radius:0;padding:0;margin-top:0}
