/* Mapa de canales: superficie única, nodos accesibles y sin dependencias de imagen. */
#connected-business-map { padding: clamp(4.5rem, 8vw, 7rem) 0 3.5rem; background: radial-gradient(circle at 50% 33%, rgba(0, 209, 255, .10), transparent 28rem), #020b16; }
.connected-map__experience { overflow: hidden; border: 1px solid rgba(111, 169, 201, .36); border-radius: 1.5rem; background: linear-gradient(145deg, rgba(5, 19, 34, .96), rgba(1, 10, 20, .99)); box-shadow: inset 0 1px rgba(255,255,255,.03), 0 2.5rem 6rem rgba(0,0,0,.28); }
.connected-map__intro { max-width: 43rem; margin: 0 auto; padding: clamp(2.5rem, 5vw, 4.25rem) 1.5rem 1.3rem; text-align: center; }
.connected-map__eyebrow, .premium-modules__eyebrow { color: #00d1ff; font-size: .72rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.connected-map__intro h2 { margin: .8rem 0 .85rem; color: #f8fcff; font-size: clamp(2rem, 4.1vw, 3.75rem); line-height: .99; letter-spacing: -.055em; }
.connected-map__intro h2 em { color: #64e7ff; font-style: normal; }
.connected-map__intro p { max-width: 35rem; margin: 0 auto; color: #9db5c8; font-size: clamp(.9rem, 1.4vw, 1rem); line-height: 1.6; }
.connected-map__network { position: relative; isolation: isolate; width: min(100% - 2rem, 61rem); min-height: 34.5rem; margin: .5rem auto 0; border-radius: 1.1rem; background: radial-gradient(ellipse at center, rgba(0, 186, 244, .085), transparent 36%), linear-gradient(rgba(82, 142, 175, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(82, 142, 175, .055) 1px, transparent 1px); background-size: auto, 3rem 3rem, 3rem 3rem; }
.connected-map__network::before, .connected-map__network::after { position: absolute; top: 50%; left: 50%; z-index: -1; border: 1px solid rgba(0,209,255,.13); border-radius: 50%; content: ''; transform: translate(-50%, -50%); }
.connected-map__network::before { width: 31rem; height: 22rem; }.connected-map__network::after { width: 18rem; height: 13rem; border-color: rgba(0,209,255,.2); }
.connected-map__connectors { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.connected-map__connectors path { fill: none; stroke: rgba(0, 209, 255, .55); stroke-width: 1.3; stroke-dasharray: 3 7; animation: map-flow 3s linear infinite; }.connected-map__connectors circle { fill: #12dbff; }
.connected-map__node { position: absolute; z-index: 2; display: grid; grid-template-columns: 1.7rem 1fr; align-items: center; column-gap: .65rem; width: clamp(8.4rem, 16vw, 10.4rem); min-height: 4.85rem; padding: .7rem .8rem; border: 1px solid rgba(119, 169, 196, .34); border-radius: .55rem; background: linear-gradient(150deg, rgba(12, 31, 49, .98), rgba(5, 17, 31, .98)); color: #eaf8ff; box-shadow: 0 .8rem 1.8rem rgba(0,0,0,.18); font: inherit; text-align: left; cursor: pointer; transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; }
.connected-map__node iconify-icon { grid-row: span 2; color: #0bd9ff; font-size: 1.45rem; }.connected-map__node strong { font-size: .7rem; line-height: 1.1; }.connected-map__node span { display: block; width: 85%; height: 3px; border-radius: 999px; background: rgba(180, 213, 230, .25); }.connected-map__node span + span { width: 62%; margin-top: -.35rem; }.connected-map__node::after { position: absolute; right: .55rem; bottom: .55rem; width: .32rem; height: .32rem; border-radius: 50%; background: #00d1ff; box-shadow: 0 0 .8rem #00d1ff; content: ''; }
.connected-map__node:hover, .connected-map__node.is-active { border-color: #00d1ff; background: linear-gradient(150deg, rgba(9, 48, 70, .98), rgba(4, 24, 41, .98)); box-shadow: 0 0 0 1px rgba(0,209,255,.18), 0 .9rem 2rem rgba(0,0,0,.3), 0 0 2rem rgba(0,209,255,.12); transform: translateY(-3px); }.connected-map__node:focus-visible, .premium-module-card button:focus-visible { outline: 3px solid #66e8ff; outline-offset: 3px; }
.connected-map__node--whatsapp { top: 1.1rem; left: calc(50% - 5.2rem); }.connected-map__node--mercado { top: 10rem; left: 1.5rem; }.connected-map__node--catalogo { top: 10rem; right: 1.5rem; }.connected-map__node--redes { bottom: 1rem; left: 3rem; }.connected-map__node--sucursales { right: 3rem; bottom: 1rem; }.connected-map__node--susbi { bottom: 0; left: calc(50% - 5.2rem); min-height: 4rem; }
.connected-map__core { position: absolute; top: 50%; left: 50%; z-index: 3; display: grid; place-items: center; width: 8.5rem; height: 8.5rem; border: 1px solid rgba(0, 229, 255, .86); border-radius: 1rem; background: radial-gradient(circle at 35% 25%, rgba(55, 226, 255, .35), transparent 45%), linear-gradient(145deg, rgba(8, 67, 96, .92), rgba(3, 25, 44, .98)); box-shadow: inset 0 0 1.4rem rgba(29,215,255,.18), 0 0 3rem rgba(0,209,255,.22); color: #effcff; text-align: center; transform: translate(-50%, -50%); }
.connected-map__core-orbit { position: absolute; inset: -.8rem; border: 1px solid rgba(0,209,255,.25); border-radius: 1.3rem; transform: rotate(45deg); }.connected-map__core iconify-icon { color: #67eaff; font-size: 2.2rem; filter: drop-shadow(0 0 .5rem #00d1ff); }.connected-map__core strong { margin-top: -.55rem; font-size: .76rem; }.connected-map__core small { margin-top: -.8rem; color: #b6eaf5; font-size: .68rem; }
.connected-map__detail-wrap { min-height: 4.7rem; margin: 0 1rem; border-top: 1px solid rgba(116,166,194,.2); }.connected-map__panel { display: flex; align-items: baseline; justify-content: center; gap: .75rem; max-width: 48rem; min-height: 4.6rem; margin: 0 auto; padding: 1rem; color: #a9c5d8; text-align: center; }.connected-map__panel span { color: #64e7ff; font-size: .75rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; }.connected-map__panel p { margin: 0; font-size: .88rem; line-height: 1.45; }.connected-map[data-premium-map-ready="true"] .connected-map__panel[hidden] { display: none; }
.connected-map__benefits { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid rgba(116,166,194,.2); background: rgba(0, 6, 14, .36); }.connected-map__benefits article { min-height: 8.4rem; padding: 1.35rem 1rem; border-right: 1px solid rgba(116,166,194,.16); text-align: center; }.connected-map__benefits article:last-child { border-right: 0; }.connected-map__benefits iconify-icon { color: #00d1ff; font-size: 1.45rem; }.connected-map__benefits h3 { margin: .65rem 0 .3rem; color: #eaf8ff; font-size: .78rem; }.connected-map__benefits p { margin: 0; color: #8daabe; font-size: .68rem; line-height: 1.4; }
#premium-modules-deck { padding: 3rem 0 clamp(5rem, 8vw, 7rem); background: #020b16; }.premium-modules__intro { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.5rem; }.premium-modules__intro h2 { max-width: 19ch; margin: .65rem 0 0; color: #f7fbff; font-size: clamp(1.9rem, 3vw, 3rem); line-height: 1.04; letter-spacing: -.04em; }.premium-modules__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }.premium-module-card { min-height: 15rem; padding: 1.35rem; border: 1px solid rgba(110,155,181,.24); border-radius: 1.1rem; background: linear-gradient(145deg, rgba(8,29,47,.82), rgba(2,13,26,.94)); transition: transform 180ms ease, border-color 180ms ease; }.premium-module-card:hover { border-color: rgba(0,209,255,.55); transform: translateY(-3px); }.premium-module-card > iconify-icon { color: #00d1ff; font-size: 1.7rem; }.premium-module-card h3 { margin: .85rem 0 .45rem; color: #fff; font-size: 1.15rem; }.premium-module-card p { min-height: 3.1rem; margin: 0; color: #aabfd1; font-size: .92rem; line-height: 1.55; }.premium-module-card button { margin-top: 1rem; padding: 0; border: 0; background: transparent; color: #00d1ff; font: inherit; font-size: .84rem; font-weight: 700; cursor: pointer; }.premium-module-card [data-module-detail] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .85rem; }.premium-module-card [data-module-detail] span { padding: .35rem .55rem; border: 1px solid rgba(121,172,200,.28); border-radius: 99rem; color: #c4d9e8; font-size: .76rem; }.premium-modules[data-premium-modules-ready="true"] [data-module-detail][hidden] { display: none; }
@keyframes map-flow { to { stroke-dashoffset: -30; } }
@media (max-width: 700px) { .connected-map__network { min-height: 31rem; width: calc(100% - 1rem); }.connected-map__node { width: 7.2rem; min-height: 4.3rem; padding: .55rem; grid-template-columns: 1.35rem 1fr; column-gap: .35rem; }.connected-map__node strong { font-size: .61rem; }.connected-map__node--whatsapp, .connected-map__node--susbi { left: calc(50% - 3.6rem); }.connected-map__node--mercado { left: .2rem; }.connected-map__node--catalogo { right: .2rem; }.connected-map__node--redes { bottom: 2.4rem; left: .5rem; }.connected-map__node--sucursales { right: .5rem; bottom: 2.4rem; }.connected-map__core { width: 7rem; height: 7rem; }.connected-map__network::before { width: 18rem; height: 16rem; }.connected-map__panel { display: block; }.connected-map__panel span { display: block; margin-bottom: .3rem; }.connected-map__benefits { grid-template-columns: repeat(2, 1fr); }.connected-map__benefits article:nth-child(2) { border-right: 0; }.connected-map__benefits article:nth-child(-n+2) { border-bottom: 1px solid rgba(116,166,194,.16); }.premium-modules__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 470px) { .connected-map__intro { padding-inline: 1rem; }.connected-map__network { min-height: 28rem; transform: scale(.93); transform-origin: top center; margin-bottom: -2rem; }.connected-map__benefits article { min-height: 7.4rem; }.premium-modules__intro { display: block; }.premium-modules__grid { grid-template-columns: 1fr; }.premium-module-card { min-height: 0; } }
@media (prefers-reduced-motion: reduce) { .connected-map__connectors path { animation: none; }.connected-map__node, .premium-module-card { transition: none; }.connected-map__node:hover, .premium-module-card:hover { transform: none; } }
/* El carrusel recuperado conserva su interacción, con una cabecera breve. */
.scene-section .scene-header--compact { display: grid; grid-template-columns: minmax(9rem, .7fr) minmax(15rem, 1.2fr) minmax(14rem, .9fr); align-items: center; gap: 1.25rem 2rem; max-width: 72rem; margin: 0 auto 2rem; padding: 0 1.5rem; text-align: left; }
.scene-section .scene-header--compact .scene-eyebrow { margin: 0; }.scene-section .scene-header--compact .scene-headline { margin: 0; font-size: clamp(1.7rem, 3vw, 2.65rem); line-height: 1.02; }.scene-section .scene-header--compact .scene-hline { display: block; }.scene-section .scene-header--compact .scene-desc { max-width: 25rem; margin: 0; font-size: .92rem; }
@media (max-width: 760px) { .scene-section .scene-header--compact { grid-template-columns: 1fr; gap: .65rem; margin-bottom: 1.25rem; }.scene-section .scene-header--compact .scene-desc { max-width: 34rem; } }
/* Pulido de composición y contacto comercial. */
.scene-section .scene-header--compact { grid-template-columns: minmax(0,1.35fr) minmax(14rem,.8fr); max-width:78rem; }.scene-section .scene-header--compact .scene-eyebrow { grid-column:1; grid-row:1; justify-self:start; }.scene-section .scene-header--compact .scene-headline { grid-column:1; grid-row:2; }.scene-section .scene-header--compact .scene-desc { grid-column:2; grid-row:2; max-width:24rem; }
.connected-map__experience { overflow:visible; border:0; border-radius:0; background:none; box-shadow:none; }.connected-map__intro { max-width:54rem; padding-top:clamp(1rem,3vw,2.25rem); }.connected-map__intro h2 { font-size:clamp(1.7rem,3vw,2.65rem); }.connected-map__intro h2 em { background:linear-gradient(90deg,#08d9ff 8%,#51bfff 52%,#9b7cff 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }.connected-map__network { width:min(100%,75rem); margin-top:1.25rem; }.connected-map__benefits { border-inline:1px solid rgba(116,166,194,.2); border-radius:1rem 1rem 0 0; }
.landing-contact { padding:clamp(4.5rem,8vw,7rem) 0; background:radial-gradient(circle at 74% 42%,rgba(67,108,255,.13),transparent 25rem),#020b16; }.landing-contact__surface { display:grid; grid-template-columns:minmax(0,.86fr) minmax(22rem,1.14fr); gap:clamp(2rem,5vw,5rem); padding:clamp(1.4rem,4vw,3.5rem); border:1px solid rgba(105,166,202,.3); border-radius:1.5rem; background:linear-gradient(135deg,rgba(8,31,51,.84),rgba(2,13,27,.96)); box-shadow:0 2rem 5rem rgba(0,0,0,.22); }.landing-contact__eyebrow { display:inline-flex; align-items:center; gap:.45rem; color:#00d1ff; font-size:.75rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }.landing-contact h2 { margin:.8rem 0 1rem; color:#f9fcff; font-size:clamp(2rem,4vw,3.6rem); line-height:1; letter-spacing:-.055em; }.landing-contact h2 span { background:linear-gradient(90deg,#09dcff,#8286ff); -webkit-background-clip:text; background-clip:text; color:transparent; }.landing-contact__intro>p { max-width:30rem; color:#a7c0d4; line-height:1.65; }.landing-contact__links { display:grid; gap:.75rem; margin:1.75rem 0; }.landing-contact__links a,.landing-contact__pricing { display:inline-flex; align-items:center; gap:.55rem; color:#d8ecf7; text-decoration:none; }.landing-contact__links a:hover,.landing-contact__pricing:hover { color:#65e7ff; }.landing-contact__links iconify-icon,.landing-contact__pricing iconify-icon { color:#00d1ff; }.landing-contact__pricing { font-weight:750; }.landing-contact__form { padding:clamp(1.2rem,3vw,2rem); border:1px solid rgba(104,165,201,.25); border-radius:1rem; background:rgba(1,12,24,.46); }.landing-contact__fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.landing-contact__fields label { display:grid; gap:.45rem; color:#dceef8; font-size:.85rem; font-weight:650; }.landing-contact__fields input,.landing-contact__fields select,.landing-contact__fields textarea { width:100%; border:1px solid rgba(125,178,207,.28); border-radius:.65rem; background:rgba(6,27,44,.9); color:#f4fbff; font:inherit; font-size:.92rem; outline:0; }.landing-contact__fields input,.landing-contact__fields select { height:2.8rem; padding:0 .8rem; }.landing-contact__fields textarea { padding:.75rem .8rem; resize:vertical; }.landing-contact__fields input:focus,.landing-contact__fields select:focus,.landing-contact__fields textarea:focus { border-color:#00d1ff; box-shadow:0 0 0 3px rgba(0,209,255,.13); }.landing-contact__message { grid-column:1/-1; }.landing-contact__submit { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:1.25rem; color:#a9c6d8; font-size:.85rem; }.landing-contact__submit button { display:inline-flex; align-items:center; gap:.55rem; padding:.75rem 1rem; border:0; border-radius:.65rem; background:linear-gradient(100deg,#00ccea,#6284ff); color:#01101d; font:inherit; font-weight:800; cursor:pointer; }.landing-contact__submit button:hover { filter:brightness(1.08); }
@media (max-width:760px) { .scene-section .scene-header--compact { grid-template-columns:1fr; }.scene-section .scene-header--compact .scene-eyebrow,.scene-section .scene-header--compact .scene-headline,.scene-section .scene-header--compact .scene-desc { grid-column:1; grid-row:auto; }.landing-contact__surface { grid-template-columns:1fr; }.landing-contact__fields { grid-template-columns:1fr; }.landing-contact__message { grid-column:auto; } }
@media (max-width:470px) { .landing-contact__surface { margin-inline:.25rem; padding:1.25rem; border-radius:1rem; }.landing-contact__submit { align-items:stretch; flex-direction:column; }.landing-contact__submit button { justify-content:center; } }
/* Compactación y jerarquía consistente. */
.connected-map__network { min-height:28rem; }.connected-map__node--whatsapp { top:.5rem; }.connected-map__node--mercado,.connected-map__node--catalogo { top:7.5rem; }.connected-map__node--redes,.connected-map__node--sucursales { bottom:.25rem; }.connected-map__node--susbi { bottom:-.2rem; }.connected-map__core { width:9rem; height:9rem; transition:box-shadow .22s ease, border-color .22s ease; }.connected-map__core small { max-width:7rem; line-height:1.2; }.connected-map[data-active-node] .connected-map__core { border-color:#65e7ff; box-shadow:inset 0 0 1.4rem rgba(29,215,255,.2),0 0 3rem rgba(0,209,255,.3); }.premium-modules__intro h2,.connected-map__intro h2 { font-family:Inter,system-ui,sans-serif; font-weight:800; }.premium-modules__intro h2 span { background:linear-gradient(90deg,#08d9ff,#9b7cff); -webkit-background-clip:text; background-clip:text; color:transparent; }.premium-modules__intro h2 { font-size:clamp(1.7rem,3vw,2.65rem); }
@media (max-width:700px) { .connected-map__network { min-height:27rem; }.connected-map__node--mercado,.connected-map__node--catalogo { top:7rem; }.connected-map__node--redes,.connected-map__node--sucursales { bottom:2rem; } }
/* Corrección de proporciones: área visual contenida y nodos con aire lateral. */
#connected-business-map { padding-bottom:2.5rem; }.connected-map__network { width:min(calc(100% - 6rem),64rem); min-height:25.5rem; margin-inline:auto; }.connected-map__network::before { width:25rem; height:18rem; }.connected-map__network::after { width:15rem; height:11rem; }.connected-map__node { width:9.25rem; min-height:4.35rem; }.connected-map__node--mercado { left:2.5rem; }.connected-map__node--catalogo { right:2.5rem; }.connected-map__node--redes { left:4rem; bottom:.8rem; }.connected-map__node--sucursales { right:4rem; bottom:.8rem; }.connected-map__node--susbi { bottom:0; }.connected-map__core { width:8.25rem; height:8.25rem; }.connected-map__detail-wrap { margin-inline:clamp(1.5rem,5vw,4rem); }.connected-map__benefits { width:min(calc(100% - 4rem),68rem); margin-inline:auto; }
@media (max-width:700px) { .connected-map__network { width:calc(100% - 1rem); min-height:27rem; }.connected-map__node--mercado { left:.2rem; }.connected-map__node--catalogo { right:.2rem; }.connected-map__node--redes { left:.5rem; bottom:2rem; }.connected-map__node--sucursales { right:.5rem; bottom:2rem; }.connected-map__benefits { width:calc(100% - 1rem); } }
/* Ancho natural de sección, con respiración en ambos extremos. */
.connected-map__network { width:min(calc(100% - 3rem),70rem); }.connected-map__node--mercado { left:3rem; }.connected-map__node--catalogo { right:3rem; }.connected-map__node--redes { left:4.5rem; }.connected-map__node--sucursales { right:4.5rem; }.connected-map__benefits { width:min(calc(100% - 3rem),70rem); }
@media (max-width:700px) { .connected-map__network,.connected-map__benefits { width:calc(100% - 1rem); }.connected-map__node--mercado { left:.2rem; }.connected-map__node--catalogo { right:.2rem; }.connected-map__node--redes { left:.5rem; }.connected-map__node--sucursales { right:.5rem; } }
/* Lienzo continuo: la grilla se funde con el fondo de la landing, sin bordes de panel. */
#connected-business-map { background:radial-gradient(ellipse at 50% 48%,rgba(0,186,244,.075),transparent 32rem),#020b16; }.connected-map__network { width:min(100%,72rem); min-height:29.5rem; background-image:linear-gradient(90deg,#020b16 0%,rgba(2,11,22,0) 10%,rgba(2,11,22,0) 90%,#020b16 100%),radial-gradient(ellipse at center,rgba(0,186,244,.075),transparent 38%),linear-gradient(rgba(82,142,175,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(82,142,175,.055) 1px,transparent 1px); background-size:auto,auto,3rem 3rem,3rem 3rem; }.connected-map__node--mercado { left:4.5rem; }.connected-map__node--catalogo { right:4.5rem; }.connected-map__node--redes { left:6rem; bottom:.7rem; }.connected-map__node--sucursales { right:6rem; bottom:.7rem; }.connected-map__benefits { width:min(calc(100% - 2rem),72rem); }
@media (max-width:700px) { .connected-map__network { width:calc(100% - 1rem); min-height:27rem; }.connected-map__node--mercado { left:.2rem; }.connected-map__node--catalogo { right:.2rem; }.connected-map__node--redes { left:.5rem; bottom:2rem; }.connected-map__node--sucursales { right:.5rem; bottom:2rem; } }
/* Órbita abierta: ancho natural, asimetría deliberada y conectores equivalentes. */
.connected-map__network { width:min(100%,72rem); min-height:29.5rem; }
.connected-map__network::before { width:31rem; height:22rem; }.connected-map__network::after { width:18rem; height:13rem; }
.connected-map__node { width:9.25rem; min-height:4.35rem; }.connected-map__node--whatsapp { top:.5rem; }.connected-map__node--mercado { top:8.4rem; left:4.25rem; }.connected-map__node--catalogo { top:6.7rem; right:4.1rem; }.connected-map__node--redes { left:6.2rem; bottom:.7rem; }.connected-map__node--sucursales { right:5.35rem; bottom:1.65rem; }.connected-map__node--susbi { bottom:0; }.connected-map__core { width:8.5rem; height:8.5rem; }.connected-map__benefits { width:min(calc(100% - 2rem),72rem); }
@media (max-width:700px) { .connected-map__network { width:calc(100% - 1rem); min-height:27rem; }.connected-map__node { width:7.2rem; }.connected-map__node--mercado { left:.2rem; top:7rem; }.connected-map__node--catalogo { right:.2rem; top:7rem; }.connected-map__node--redes { left:.5rem; bottom:2rem; }.connected-map__node--sucursales { right:.5rem; bottom:2rem; }.connected-map__benefits { width:calc(100% - 1rem); } }
/* Tarjetas amplias y conexiones verticales extendidas. */
.connected-map__node { width:11rem; min-height:5.2rem; padding:.82rem .9rem; }.connected-map__node iconify-icon { font-size:1.6rem; }.connected-map__node strong { font-size:.76rem; }.connected-map__node--whatsapp,.connected-map__node--susbi { left:calc(50% - 5.5rem); }.connected-map__node--mercado { top:7.8rem; left:3.2rem; }.connected-map__node--catalogo { top:6.1rem; right:3rem; }.connected-map__node--redes { left:4.9rem; bottom:.3rem; }.connected-map__node--sucursales { right:3.6rem; bottom:1.3rem; }.connected-map__node--susbi { bottom:-.35rem; }
@media (max-width:700px) { .connected-map__node { width:7.2rem; min-height:4.3rem; padding:.55rem; }.connected-map__node iconify-icon { font-size:1.45rem; }.connected-map__node strong { font-size:.61rem; }.connected-map__node--whatsapp,.connected-map__node--susbi { left:calc(50% - 3.6rem); }.connected-map__node--mercado { left:.2rem; top:7rem; }.connected-map__node--catalogo { right:.2rem; top:7rem; }.connected-map__node--redes { left:.5rem; bottom:2rem; }.connected-map__node--sucursales { right:.5rem; bottom:2rem; }.connected-map__node--susbi { bottom:0; } }
/* Conectores diagonales equilibrados para WhatsApp y SUSBI. */
@media (min-width:701px) { .connected-map__node--whatsapp { left:26%; }.connected-map__node--susbi { left:59%; } }
@media (max-width:700px) { .connected-map__node--whatsapp,.connected-map__node--susbi { left:calc(50% - 3.6rem); } }
/* Órbita vertical extendida: más recorrido arriba y abajo sin achicar tarjetas. */
@media (min-width:701px) { .connected-map__network { min-height:36rem; }.connected-map__network::before { height:27rem; }.connected-map__network::after { height:16rem; } }
/* Reorganización temporal del mapa: solo escritorio con puntero preciso. */
[data-map-drag-canvas] { touch-action: pan-y; }
.connected-map__drag-tools { display: flex; justify-content: flex-end; width: min(100%, 72rem); margin: .25rem auto 0; }
.connected-map__reset { border: 1px solid rgba(100, 231, 255, .38); border-radius: 999px; padding: .5rem .8rem; background: rgba(4, 24, 41, .75); color: #bceefe; font: inherit; font-size: .76rem; font-weight: 700; cursor: pointer; }
.connected-map__reset:hover { border-color: #64e7ff; color: #fff; }
.connected-map__reset:focus-visible { outline: 3px solid #66e8ff; outline-offset: 3px; }

@media (min-width: 701px) and (pointer: fine) {
  [data-map-drag-canvas] .connected-map__node { cursor: grab; will-change: transform; }
  [data-map-drag-canvas] .connected-map__node.is-dragging { cursor: grabbing; z-index: 5; transition: none; }
}

@media (prefers-reduced-motion: reduce) {
  [data-map-drag-canvas] .connected-map__node.is-dragging { transition: none; }
}

/* Partículas ambientales: capas decorativas sin modificar el HTML de la landing. */
#connected-business-map, #premium-modules-deck, .landing-contact { position:relative; isolation:isolate; overflow:hidden; }
#connected-business-map > *, #premium-modules-deck > *, .landing-contact > * { position:relative; z-index:1; }
#connected-business-map::before, #connected-business-map::after,
#premium-modules-deck::before, #premium-modules-deck::after,
.landing-contact::before, .landing-contact::after {
  position:absolute; z-index:0; width:3px; height:3px; border-radius:50%; background:rgba(0,220,255,.72); box-shadow:11vw 18rem 0 1px rgba(56,189,248,.56), 27vw 6rem 0 -1px rgba(0,229,255,.78), 43vw 23rem 0 1px rgba(114,144,255,.42), 66vw 10rem 0 0 rgba(0,209,255,.56), 81vw 27rem 0 -1px rgba(56,189,248,.62); content:''; opacity:.6; pointer-events:none; animation:landing-ambient-particles 14s linear infinite;
}
#connected-business-map::after, #premium-modules-deck::after, .landing-contact::after { animation-delay:-7s; animation-duration:18s; opacity:.38; }
#premium-modules-deck::before, .landing-contact::after { background:rgba(111,231,255,.62); }
.landing-contact::before { background:rgba(105,139,255,.48); }
@keyframes landing-ambient-particles { 0% { transform:translate3d(0,5rem,0); opacity:0; } 12%,86% { opacity:.65; } 100% { transform:translate3d(2vw,-9rem,0); opacity:0; } }
@media (max-width:700px) { #connected-business-map::before, #premium-modules-deck::before, .landing-contact::before { opacity:.38; } #connected-business-map::after, #premium-modules-deck::after, .landing-contact::after { display:none; } }
@media (prefers-reduced-motion: reduce) { #connected-business-map::before, #connected-business-map::after, #premium-modules-deck::before, #premium-modules-deck::after, .landing-contact::before, .landing-contact::after { animation:none; opacity:.18; } }