*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#081a4d;background:#f4f7fd}a{text-decoration:none;color:inherit}.topbar{height:82px;background:#020b2e;color:#fff;position:relative;z-index:50;border-bottom:1px solid #1a4380}.nav-shell{height:100%;width:100%;max-width:1800px;margin:auto;padding:0 42px;display:flex;align-items:center;gap:30px}.brand img{width:180px;height:auto;display:block}.nav{margin-left:auto;display:flex;align-items:center;gap:5px}.nav a{font-size:14px;font-weight:800;padding:12px 19px;border-radius:10px;color:#edf4ff}.nav a:hover{background:#ffffff10}.nav a.active{background:linear-gradient(135deg,#0878ff,#1751d5);box-shadow:0 8px 20px #0758e84d}.nav-wa{height:46px;border:1px solid #00d66d;border-radius:12px;padding:0 18px;display:flex;align-items:center;gap:9px;color:#fff;font-weight:850;font-size:13px;margin-left:8px}.nav-wa svg{width:22px;height:22px;color:#00e36d}.wa-brand-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto}.wa-brand-icon svg{width:25px;height:25px;display:block;color:#00e36d}.hero-action-icon{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%}.hero-action-icon svg{width:24px;height:24px;display:block}.whatsapp-official{color:#fff}.hero-wa-btn .whatsapp-official{background:#00c96a;border-radius:50%;box-shadow:0 0 0 3px #ffffff18}.hero-map-btn{min-width:160px}.maps-official{background:#fff;border-radius:50%;box-shadow:0 3px 12px #00113e55}.hero-actions .btn b{font-size:16px;margin-left:3px}.hero-actions .btn{min-width:205px}.hero-wa-btn{border:1px solid #2d9bff}.hero-map-btn:hover{background:#ffffff18;border-color:#7ce8ff}.nav-wa:hover .wa-brand-icon{transform:scale(1.08);transition:.2s}
.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px;border-radius:4px}

/* HERO: sin panel vacío. Las dos imágenes llenan todo el ancho y el centro se integra con una capa de cristal y una red óptica. */
.contact-hero{height:560px;position:relative;overflow:hidden;background:linear-gradient(110deg,#031440,#0a3d8e 50%,#031440);color:#fff}.hero-bg-left,.hero-bg-right{position:absolute;top:0;bottom:0;width:55%;background-repeat:no-repeat;background-size:cover}.hero-bg-left{left:0;background-image:linear-gradient(90deg,#02123be8 0%,#021b55aa 50%,transparent 100%),url('../assets/contact-red.png');background-position:left center}.hero-bg-right{right:0;background-image:linear-gradient(270deg,#02123be8 0%,#021b55aa 50%,transparent 100%),url('../assets/contact-casa.png');background-position:right center}.hero-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,#1f8cff38 0,transparent 35%),linear-gradient(90deg,transparent 30%,#07377a44 50%,transparent 70%);z-index:1}.hero-network{position:absolute;inset:0;z-index:2;opacity:.7}.hero-network:before,.hero-network:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#38d9ff66,transparent);transform:rotate(-8deg)}.hero-network:after{transform:rotate(10deg);top:42%}.node{position:absolute;width:9px;height:9px;border-radius:50%;background:#4de5ff;box-shadow:0 0 18px #23cfff}.n1{left:15%;top:27%}.n2{left:25%;top:18%}.n3{right:19%;top:30%}.n4{right:28%;top:18%}.n5{left:48%;top:12%}.line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#45ddff,transparent);transform-origin:left center}.l1{width:430px;left:15%;top:27%;transform:rotate(-16deg)}.l2{width:390px;left:25%;top:18%;transform:rotate(12deg)}.l3{width:400px;right:19%;top:30%;transform:rotate(18deg)}.l4{width:350px;right:28%;top:18%;transform:rotate(-13deg)}.hero-content{position:relative;z-index:5;width:min(760px,calc(100% - 40px));height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.hero-content:before{content:"";position:absolute;inset:74px 0 68px;border:1px solid #62dfff4d;border-radius:28px;background:linear-gradient(135deg,#061c50b8,#0b4a98a8 50%,#051b50b8);box-shadow:0 25px 80px #00113e80,inset 0 1px #ffffff18;backdrop-filter:blur(5px);z-index:-1}.hero-brandline{font-size:10px;letter-spacing:2px;font-weight:900;color:#6eeaff;background:#062459dd;border:1px solid #50dfff66;padding:8px 15px;border-radius:999px}.fiber-dot{display:inline-block;width:5px;height:5px;background:#23d9ff;border-radius:50%;vertical-align:middle;box-shadow:0 0 8px #23d9ff}.hero-symbol{width:150px;height:72px;margin:10px 0 -3px;filter:drop-shadow(0 0 14px #0fd7ff55)}.hero-symbol svg{width:100%;height:100%}.hero-content h1{font-size:72px;line-height:1;margin:0 0 13px;letter-spacing:-2.5px;font-weight:900;text-shadow:0 8px 30px #0009}.hero-content p{max-width:650px;margin:0;color:#eaf2ff;font-size:18px;line-height:1.5}.hero-content p strong{color:#54e1ff}.hero-actions{display:flex;justify-content:center;gap:12px;margin:25px 0 17px}.btn{min-height:49px;padding:0 22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,#0878ff,#1552dc);box-shadow:0 12px 30px #006dff55}.btn.outline{background:#ffffff0b;border:1px solid #71dfff99}.hero-badges{display:flex;justify-content:center;gap:28px;color:#d7e7ff;font-size:11px}.hero-caption{position:absolute;z-index:4;bottom:25px;font-size:9px;letter-spacing:1.7px;color:#bce9ff;font-weight:900;opacity:.8}.left-caption{left:4%}.right-caption{right:4%;text-align:right}

.intro{text-align:center;padding:54px 20px 30px}.intro-kicker{display:inline-block;color:#0865ed;background:#e9f2ff;border:1px solid #cce0ff;padding:7px 12px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:1.5px}.intro h2{font-size:34px;line-height:1.1;margin:14px 0 6px;color:#071b50}.intro p{margin:0;color:#60718e;font-size:14px}.contact-grid{width:min(1450px,calc(100% - 80px));margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;gap:28px;padding:10px 0 28px}.card{border-radius:22px;overflow:hidden;border:1px solid #d9e4f5;box-shadow:0 18px 45px #10275a16}.info-card{background:#fff;padding:30px}.channels-card{background:linear-gradient(150deg,#0a338e 0%,#06215f 52%,#031441 100%);color:#fff;padding:30px;position:relative}.card-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.head-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#0b76ff,#1753dc);color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 20px #1265e730}.card-head small{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900;margin-bottom:4px;color:#6b83a9}.card-head h2{margin:0;font-size:25px;color:#092b78}.light-head small{color:#8dc4ff}.light-head h2{color:#fff}.contact-item,.contact-row{position:relative;display:grid;grid-template-columns:50px 1fr;gap:14px;border-radius:16px;padding:18px;margin-top:13px}.address{background:#eef5ff}.sales{background:#eaf9f4}.email-row{background:#f3edff}.hours-row{background:#fff4e8}.item-icon{width:48px;height:48px;border-radius:13px;background:#fff;display:grid;place-items:center;color:#0868f3;font-size:23px;box-shadow:0 6px 17px #19345a18}.item-icon.green{color:#079d61}.item-icon.purple{color:#6c2be9}.item-icon.orange{color:#f47700}.item-main>span{display:block;font-size:9px;letter-spacing:1.15px;font-weight:900;color:#657da5;margin:1px 0 5px}.item-main>strong{display:block;font-size:15px;color:#091c50}.item-main p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#31466d}.item-main p b{color:#0758df}.map-btn{position:absolute;right:16px;top:15px;background:#0b66ee;color:#fff;border-radius:9px;padding:10px 12px;font-size:10px;font-weight:900;box-shadow:0 8px 17px #0d64ef35}.sales-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.sales-grid a{background:#fff;border:1px solid #c9e4d8;border-radius:10px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:5px;color:#0758df}.sales-grid b{font-size:12px}.sales-grid small{font-size:8px;color:#07965f;font-weight:900}.support{display:flex;gap:8px;border-top:1px solid #bfe0d4;margin-top:10px;padding-top:9px;font-size:11px}.support span{color:#078b58;font-weight:900}.support a{color:#092456;font-weight:900}.item-main>a{color:#5f23e8;font-size:14px;font-weight:900}.channels-intro{font-size:12px;color:#bfd2f3;margin:-6px 0 17px}.channel{display:grid;grid-template-columns:55px 1fr 25px;align-items:center;gap:13px;border-radius:15px;padding:12px 15px;margin-top:11px;border:1px solid transparent;transition:.2s}.channel:hover{transform:translateX(4px);border-color:#ffffff2d}.channel.whatsapp{background:#00bd62}.channel.facebook{background:#1455d8}.channel.tiktok{background:#03060d}.channel-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#ffffff17;color:#fff}.channel-icon svg{width:29px;height:29px}.channel.facebook .channel-icon svg{width:31px;height:31px}.channel.tiktok .channel-icon{background:#10151d}.channel.tiktok .channel-icon svg{filter:drop-shadow(2px 0 #16efff) drop-shadow(-2px 0 #ff2d67)}.channel strong{display:block;font-size:16px}.channel small{display:block;font-size:10px;color:#edf5ff;margin-top:3px}.channel>b{font-size:25px;font-weight:400}.response-box{display:flex;align-items:center;gap:13px;margin-top:20px;padding:17px 4px;border-top:1px solid #83a9e050;border-bottom:1px solid #83a9e050}.response-icon{font-size:26px}.response-box strong{display:block;font-size:13px}.response-box small{display:block;font-size:10px;color:#b7cdf0;margin-top:3px}.channel-foot{display:flex;gap:9px;margin-top:16px;color:#86b5ed;font-size:10px;align-items:center}.channel-foot span{color:#5be0ff;font-weight:900}.trust-grid{width:min(1450px,calc(100% - 80px));margin:0 auto 26px;background:#fff;border:1px solid #dce5f4;border-radius:18px;display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;box-shadow:0 12px 32px #152d5b12;overflow:hidden}.trust-grid>div{display:flex;align-items:center;gap:12px;padding:17px 20px;border-right:1px solid #e4ebf6}.trust-icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#eaf3ff;color:#0966ed;font-size:20px}.trust-icon.violet{background:#f2edff;color:#6d2ce8}.trust-icon.green{background:#eaf9f2;color:#0b9960}.trust-grid strong{font-size:12px;color:#0757dd}.trust-grid p{margin:4px 0 0;font-size:10px;color:#63718a}.trust-btn{margin:0 18px;background:#0a63ed;color:#fff;border-radius:11px;padding:14px 19px;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 8px 18px #0a63ed2f;display:flex;align-items:center;gap:8px}.trust-btn svg{width:19px;height:19px}.final-cta{width:min(1450px,calc(100% - 80px));margin:0 auto 26px;border-radius:20px;background:linear-gradient(110deg,#06194f,#0a3a99);color:#fff;padding:25px 30px;display:flex;align-items:center;gap:20px;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;right:-80px;top:-130px;width:390px;height:390px;border:1px solid #54dcff35;border-radius:50%;box-shadow:0 0 0 65px #54dcff09,0 0 0 130px #54dcff05}.cta-orbit{width:4px;height:70px;border-radius:4px;background:linear-gradient(#2de0ff,#1a5cff)}.cta-content{position:relative;z-index:2}.cta-content>span{font-size:9px;letter-spacing:1.5px;color:#68e5ff;font-weight:900}.cta-content h2{font-size:25px;margin:5px 0 4px}.cta-content p{font-size:11px;color:#bfd5f4;margin:0}.cta-actions{margin-left:auto;display:flex;gap:9px;position:relative;z-index:3}.cta-actions a{border:1px solid #66dcff66;padding:12px 15px;border-radius:10px;font-size:10px;font-weight:900}.cta-actions .cta-main{background:#0b72f5;border-color:#0b72f5}footer{height:58px;background:#020b2e;color:#d8e4fa;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:600}
@media(max-width:1100px){.nav-shell{padding:0 24px}.nav a{padding:11px 12px}.nav-wa{padding:0 13px}.contact-grid,.trust-grid,.final-cta{width:min(94%,980px)}.hero-content h1{font-size:60px}.contact-hero{height:520px}.sales-grid{grid-template-columns:1fr 1fr}.sales-grid a:last-child{grid-column:1/-1}}
@media(max-width:760px){.topbar{height:72px}.nav-shell{padding:0 15px}.brand img{width:145px}.menu-toggle{display:block;margin-left:auto}.nav{position:absolute;top:72px;left:12px;right:12px;background:#03113b;border:1px solid #21427b;border-radius:14px;padding:8px;display:none;flex-direction:column;align-items:stretch;box-shadow:0 20px 40px #0006}.nav.open{display:flex}.nav a{padding:13px 14px}.nav-wa{width:45px;height:45px;padding:0;justify-content:center;border-radius:12px;margin-left:0}.nav-wa span{display:none}.nav-wa svg{width:23px}.contact-hero{height:650px}.hero-bg-left,.hero-bg-right{width:100%;height:50%;left:0;right:auto;background-size:cover}.hero-bg-left{top:0;bottom:auto;background-position:center top}.hero-bg-right{top:50%;bottom:auto;background-position:center bottom}.hero-glow{background:linear-gradient(180deg,#04163c55,#072b6ad9 38%,#072b6ae6 65%,#02143888)}.hero-network{opacity:.45}.hero-content{width:calc(100% - 24px);padding:30px 16px;justify-content:center}.hero-content:before{inset:55px 0 55px;border-radius:22px;background:linear-gradient(180deg,#041b51d9,#063d83d9)}.hero-brandline{font-size:8px;letter-spacing:1.3px;padding:7px 10px}.hero-symbol{width:130px;height:62px;margin:7px 0 0}.hero-content h1{font-size:46px;letter-spacing:-1.5px;margin:2px 0 10px}.hero-content p{font-size:14px;line-height:1.5}.hero-actions{flex-direction:column;width:100%;gap:9px;margin-top:20px}.btn{width:100%;min-height:48px}.hero-actions .btn{min-width:0}.hero-action-icon{width:27px;height:27px}.hero-action-icon svg{width:25px;height:25px}.hero-badges{display:grid;grid-template-columns:1fr;gap:6px;font-size:10px}.hero-caption{font-size:7px;bottom:13px}.left-caption{left:12px}.right-caption{right:12px}.intro{padding:38px 16px 22px}.intro h2{font-size:27px}.intro p{font-size:13px}.contact-grid{width:100%;grid-template-columns:1fr;padding:7px 14px 17px;gap:14px}.card{border-radius:18px}.info-card,.channels-card{padding:18px}.card-head h2{font-size:21px}.contact-item,.contact-row{grid-template-columns:43px 1fr;padding:14px}.item-icon{width:42px;height:42px}.map-btn{position:static;display:inline-flex;width:max-content;max-width:100%;margin-top:10px;padding:9px 10px;grid-column:2}.sales-grid{grid-template-columns:1fr 1fr}.sales-grid a:last-child{grid-column:1/-1}.trust-grid{width:calc(100% - 28px);grid-template-columns:1fr;margin-bottom:15px}.trust-grid>div{border-right:0;padding:14px 16px;border-bottom:1px solid #e4ebf6}.trust-btn{margin:12px 14px 14px;text-align:center;justify-content:center}.final-cta{width:calc(100% - 28px);display:block;padding:20px;margin-bottom:18px}.cta-orbit{width:70px;height:4px;margin-bottom:13px}.cta-content h2{font-size:21px}.cta-actions{margin-top:17px;display:grid;grid-template-columns:1fr 1fr}.cta-actions a{text-align:center}footer{height:auto;min-height:58px;padding:15px;flex-direction:column;gap:3px;font-size:9px}}

/* V6 — iconografía corporativa y accesos más claros */
.head-icon svg{width:25px;height:25px;display:block}.item-icon svg{width:26px;height:26px;display:block}.item-icon.map-pin{color:#0b69ef}.map-btn{display:flex;align-items:center;gap:8px;min-width:164px;justify-content:center;padding:9px 12px;background:linear-gradient(135deg,#0b74f6,#1355db);border:1px solid #4ca4ff66;box-shadow:0 8px 20px #075de33d}.map-btn>span:not(.google-maps-mark){display:none}.google-maps-mark{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto}.google-maps-mark svg{width:25px;height:25px;display:block}.map-btn span:nth-child(2){display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.map-btn span:nth-child(2) strong{font-size:10px}.map-btn span:nth-child(2) small{font-size:8px;color:#dcecff;margin-top:3px}.map-btn>b{font-size:14px;margin-left:auto}.sales-grid a{position:relative;justify-content:flex-start;padding:8px 9px 8px 8px;min-height:43px}.sales-grid a .mini-wa{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e7fff4;color:#08a960;flex:0 0 auto}.mini-wa svg{width:17px;height:17px;display:block}.sales-grid a b{font-size:11px;white-space:nowrap}.sales-grid a small{margin-left:auto;font-size:7px;padding:3px 5px;border-radius:5px;background:#e8fff3}.support{align-items:center;flex-wrap:wrap}.support>span:first-child{font-size:10px}.support a{display:inline-flex;align-items:center;gap:4px}.support .mini-wa{width:19px;height:19px;display:inline-grid;place-items:center;border-radius:50%;background:#e8fff3;color:#08a960}.support .mini-wa svg{width:13px;height:13px}.support-sep{color:#9bb0c4}.response-icon svg{width:27px;height:27px;display:block;color:#ffad00}.nav-wa .wa-logo{width:23px;height:23px;display:block}.channel-icon{overflow:hidden}.channel-icon svg{display:block}.channel.whatsapp .channel-icon{color:#fff}.channel.facebook .channel-icon{color:#fff}.channel.tiktok .channel-icon{color:#fff}.channel-tiktok{} 
@media(max-width:760px){.map-btn{min-width:0;width:100%;justify-content:center}.sales-grid a{min-height:46px}.sales-grid a b{font-size:11px}.sales-grid a small{font-size:7px}.support{gap:6px;font-size:10px}.support-sep{display:none}.support>span:first-child{width:100%;margin-bottom:2px}.map-btn span:nth-child(2) strong{font-size:10px}.map-btn span:nth-child(2) small{font-size:8px}}


/* V7 — Contactos separados: Ventas / Soporte / Gerencia */
.contact-section-label{font-size:9px;letter-spacing:1.3px;font-weight:900;color:#55729c;margin:1px 0 5px;text-transform:uppercase}
.contact-item.sales,.contact-item.support-card,.contact-item.management-card{align-items:center}
.contact-item.support-card{background:#eef8ff;border:1px solid #d5e9ff}
.contact-item.management-card{background:#eef3ff;border:1px solid #d8e4ff}
.item-icon.support-green{color:#0877d9;background:#fff}
.item-icon.management-blue{color:#2859d8;background:#fff}
.contact-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}
.person-contact{min-height:47px;border:1px solid #cfe1f5;background:#fff;border-radius:11px;display:flex;align-items:center;gap:8px;padding:7px 9px;color:#0a285f;transition:.2s;box-shadow:0 5px 12px #173c6910}
.person-contact:hover{transform:translateY(-2px);border-color:#0b76ee;box-shadow:0 8px 18px #0b76ee20}
.person-contact .mini-wa{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e6fff3;color:#05a45e;flex:0 0 auto}
.person-contact .mini-wa svg{width:17px;height:17px}
.person-contact>strong{font-size:12px;white-space:nowrap}
.person-contact .wa-label{margin-left:auto;font-size:8px;font-weight:900;color:#079b5c;background:#eafff3;border-radius:5px;padding:4px 5px;white-space:nowrap}
.single-contact-row{margin-top:11px}
.person-contact.featured{width:100%;justify-content:flex-start;padding:9px 11px;border-color:#bfe0ff;background:#fff}
.person-contact.featured>span:nth-child(2){display:flex;flex-direction:column;gap:2px}
.person-contact.featured>span:nth-child(2) strong{font-size:14px;color:#092b69}
.person-contact.featured>span:nth-child(2) small{font-size:9px;color:#078f59;font-weight:900}
.person-contact.featured>b{margin-left:auto;font-size:18px;color:#0b68ee;font-weight:500}
.person-contact.featured.management{border-color:#c8d7ff}
.trust-icon svg{width:24px;height:24px;display:block}
.trust-btn svg{width:19px;height:19px;display:block}
@media(max-width:1100px){.contact-buttons{grid-template-columns:1fr 1fr}.contact-buttons .person-contact:last-child{grid-column:1/-1}}
@media(max-width:760px){.contact-buttons{grid-template-columns:1fr}.contact-buttons .person-contact:last-child{grid-column:auto}.person-contact{min-height:49px}.person-contact .wa-label{margin-left:auto}.single-contact-row{width:100%}}

/* V8 — Redes compactas, carrusel promocional y soporte directo */
.channels-card{min-height:100%;padding-bottom:26px}
.social-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px}
.social-chip{min-height:54px;border-radius:13px;padding:8px 11px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff2a;box-shadow:0 8px 20px #00000018;transition:.22s;position:relative;overflow:hidden}
.social-chip:hover{transform:translateY(-2px);box-shadow:0 12px 25px #00000030}
.social-chip.whatsapp{background:linear-gradient(135deg,#00d26a,#00b85a);color:#fff}.social-chip.facebook{background:linear-gradient(135deg,#2474ee,#1452cf);color:#fff}.social-chip.tiktok{background:linear-gradient(135deg,#11151e,#03050a);color:#fff}
.social-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff18;flex:0 0 auto}.social-logo svg{width:22px;height:22px;display:block}.social-chip.tiktok .social-logo svg{filter:drop-shadow(1.5px 0 #16efff) drop-shadow(-1.5px 0 #ff2d67)}
.social-chip>span:nth-child(2){font-size:12px;font-weight:900;white-space:nowrap}.social-chip>b{margin-left:auto;font-size:15px;font-weight:500;opacity:.9}
.promo-slider{border:1px solid #3b73d888;border-radius:18px;background:linear-gradient(180deg,#061d53,#031541);padding:12px;box-shadow:inset 0 1px #ffffff14,0 15px 35px #0000001e}.slider-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px;color:#b9d5ff;font-size:8px;letter-spacing:1.2px;font-weight:900}.slider-status{display:flex;align-items:center;gap:6px;letter-spacing:.2px;color:#6fe6c0;text-transform:none}.slider-status i{width:7px;height:7px;border-radius:50%;background:#19d989;box-shadow:0 0 9px #19d989;display:block}
.slider-window{position:relative;height:405px;border-radius:13px;overflow:hidden;background:#020b22;box-shadow:inset 0 0 0 1px #ffffff12}.slider-track{position:relative;width:100%;height:100%}.slide{position:absolute;inset:0;opacity:0;transform:scale(1.015);transition:opacity .65s ease,transform 4s ease;display:grid;place-items:center;background:#020b22}.slide.active{opacity:1;transform:scale(1)}.slide img{width:100%;height:100%;object-fit:contain;display:block}.slider-window:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#020b2208 55%,#020b2270 100%)}
.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid #ffffff45;background:#031541b8;color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}.slider-arrow:hover{background:#0a6df0e8;border-color:#63cfff}.slider-arrow.prev{left:10px}.slider-arrow.next{right:10px}.slider-dots{position:absolute;z-index:5;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:7px;padding:6px 9px;border-radius:999px;background:#020b22a8;border:1px solid #ffffff1f;backdrop-filter:blur(8px)}.dot{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:#ffffff66;cursor:pointer;transition:.2s}.dot.active{width:23px;border-radius:999px;background:#36dfff;box-shadow:0 0 12px #36dfff80}
.trust-help{display:flex;align-items:center;gap:12px;padding:17px 20px;border-right:1px solid #e4ebf6;color:inherit;transition:.2s;position:relative}.trust-help:hover{background:#f5f9ff;transform:translateY(-1px)}.trust-help .trust-icon{flex:0 0 auto}.trust-help strong{font-size:12px;color:#0757dd}.trust-help p{margin:4px 0 0;font-size:10px;color:#63718a}.trust-arrow{margin-left:auto;width:28px;height:28px;border-radius:9px;background:#eaf3ff;color:#0868ed;display:grid;place-items:center;font-weight:900}.trust-btn{background:linear-gradient(135deg,#0b72f5,#0756dc);border:1px solid #4ca4ff66}.cta-actions a{display:flex;align-items:center;gap:7px;justify-content:center}.cta-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffffff18}.cta-icon svg{width:15px;height:15px;display:block}.maps-mini{background:#fff}.maps-mini svg{width:18px;height:18px}
@media(min-width:1101px){.channels-card{min-height:780px}.slider-window{height:500px}.social-chip{min-height:58px}.social-logo{width:38px;height:38px}.social-logo svg{width:24px;height:24px}}
@media(max-width:1100px){.slider-window{height:430px}.social-chip>span:nth-child(2){font-size:11px}}
@media(max-width:760px){.social-row{grid-template-columns:repeat(3,1fr);gap:7px}.social-chip{min-height:52px;padding:7px 6px;gap:6px;justify-content:center}.social-chip>span:nth-child(2){font-size:9px}.social-logo{width:30px;height:30px;border-radius:9px}.social-logo svg{width:19px;height:19px}.social-chip>b{font-size:12px}.promo-slider{padding:9px}.slider-window{height:390px}.slider-topline{font-size:7px}.slider-arrow{width:34px;height:34px;font-size:25px}.trust-help{border-right:0;border-bottom:1px solid #e4ebf6;padding:14px 16px}.trust-arrow{margin-left:auto}.cta-actions a{min-height:46px}}

/* V9 — Carrusel promocional ampliado: mayor presencia visual y mejor encuadre */
@media (min-width:1101px){
  .channels-card{min-height:940px;padding-bottom:28px}
  .promo-slider{padding:14px;border-radius:20px}
  .slider-window{height:660px;border-radius:15px}
  .slider-topline{margin:0 3px 11px;font-size:9px}
  .slider-arrow{width:44px;height:44px;font-size:30px}
  .slider-arrow.prev{left:12px}.slider-arrow.next{right:12px}
  .slider-dots{bottom:14px}
  .dot{width:9px;height:9px}.dot.active{width:28px}
  .slide img{object-fit:contain;object-position:center center}
}
@media (min-width:1400px){
  .channels-card{min-height:980px}
  .slider-window{height:700px}
}
@media (max-width:1100px) and (min-width:761px){
  .channels-card{min-height:860px}
  .slider-window{height:600px}
  .slide img{object-fit:contain;object-position:center center}
}
@media (max-width:760px){
  .channels-card{min-height:auto}
  .slider-window{height:min(112vw,620px)}
  .slide img{object-fit:contain;object-position:center center}
}

/* V12 - múltiples líneas de soporte técnico por WhatsApp */
.support-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}
.support-buttons .person-contact.featured{min-width:0}
.support-buttons .person-contact.featured>span:nth-child(2) strong{font-size:12px}
.support-buttons .person-contact.featured>span:nth-child(2) small{font-size:8px}
@media(max-width:1100px){.support-buttons{grid-template-columns:1fr 1fr}.support-buttons .person-contact:last-child{grid-column:1/-1}}
@media(max-width:760px){.support-buttons{grid-template-columns:1fr}.support-buttons .person-contact:last-child{grid-column:auto}}

/* V23 — Sin flechas decorativas en botones de Contáctanos.
   Se conservan únicamente las flechas del carrusel, que son controles de navegación. */
.hero-actions .btn > b,
.map-btn > b,
.person-contact > b,
.social-chip > b,
.trust-arrow,
.cta-actions a > b {
  display: none !important;
}


/* V24 — Google Maps y botones limpios
   - Sin flechas decorativas en los botones de contacto.
   - El acceso superior abre la búsqueda de SISMOTIK + dirección.
   - Los accesos "Cómo llegar" abren la ruta hacia la ubicación. */
.hero-actions .btn, .map-btn, .cta-actions a {
  -webkit-tap-highlight-color: transparent;
}
.hero-actions .btn {
  white-space: nowrap;
}
.map-btn {
  min-width: 168px;
  min-height: 42px;
}
.map-btn span:nth-child(2) {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width:760px){
  .map-btn {
    width: 100%;
    min-height: 46px;
  }
}


/* V25 — HARD FIX: no decorative arrows in Contactanos buttons. */
.contact-buttons .person-contact::before,
.contact-buttons .person-contact::after,
.support-buttons .person-contact::before,
.support-buttons .person-contact::after,
.single-contact-row .person-contact::before,
.single-contact-row .person-contact::after,
.contact-buttons .person-contact > b,
.support-buttons .person-contact > b,
.single-contact-row .person-contact > b {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* SISMOTIK V26 - nuevo logotipo corporativo */
.brand img{
  width:200px!important;
  height:auto!important;
  max-height:66px!important;
  object-fit:contain!important;
  display:block!important;
}
@media(max-width:760px){
  .brand img{
    width:155px!important;
    max-width:calc(100vw - 100px)!important;
    max-height:56px!important;
    height:auto!important;
    object-fit:contain!important;
  }
}


/* SISMOTIK V27 — header logo contrast */
.site-header .nav-wrap > .brand,
.site-header .nav-wrap a.brand {
  width: 245px !important;
  min-width: 245px !important;
  height: 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px 10px !important;
  margin-right: auto !important;
  border-radius: 10px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.28), 0 0 0 1px rgba(25,92,180,.18) !important;
  overflow: hidden !important;
}
.site-header .nav-wrap > .brand img,
.site-header .nav-wrap a.brand img {
  content: url('../assets/sismotik-logo-v28.png') !important;
  width: 225px !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 62px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
  opacity: 1 !important;
}
@media (max-width: 760px) {
  .site-header .nav-wrap > .brand,
  .site-header .nav-wrap a.brand {
    width: 180px !important;
    min-width: 180px !important;
    height: 58px !important;
    padding: 3px 7px !important;
    border-radius: 8px !important;
  }
  .site-header .nav-wrap > .brand img,
  .site-header .nav-wrap a.brand img {
    width: 166px !important;
    max-height: 50px !important;
  }
}

/* SISMOTIK V28 — unique logo asset filename */
.site-header .brand img{
  content:url('../assets/sismotik-logo-v28.png')!important;
  filter:none!important;
  opacity:1!important;
}

/* SISMOTIK V29 — header profesional */
.site-header{
  background:linear-gradient(135deg,#0b315f 0%,#124d86 52%,#1769a8 100%)!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.24)!important;
}
.site-header .nav-wrap{background:transparent!important}
.site-header .nav-links a,
.site-header .nav-link,
.site-header .menu-toggle{color:#fff!important}
.site-header .nav-links a:hover{background:rgba(255,255,255,.13)!important}
.site-header .nav-links a.active,
.site-header .nav-links a[aria-current="page"]{
  background:linear-gradient(135deg,#1677e8,#2c8fff)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(0,75,160,.28)!important;
}
.site-header .whatsapp{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  color:#fff!important;
}
@media(max-width:760px){
  .site-header{background:linear-gradient(135deg,#0b315f 0%,#155b98 100%)!important}
}

/* =========================================================
   SISMOTIK V30 — LOGOTIPO CORPORATIVO FINAL
   Sin caja blanca: logo blanco/cian sobre barra azul.
   ========================================================= */
.site-header .brand,
.site-header .nav-wrap > .brand,
.site-header .nav-wrap a.brand,
.brand{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  width:245px!important;
  min-width:245px!important;
  height:70px!important;
  padding:2px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  position:relative!important;
}
.site-header .brand::before,
.site-header .nav-wrap > .brand::before,
.site-header .nav-wrap a.brand::before,
.brand::before{
  content:""!important;
  position:absolute!important;
  left:0!important; top:4px!important; bottom:4px!important;
  width:235px!important;
  border-radius:16px!important;
  background:radial-gradient(ellipse at 48% 50%,rgba(54,204,255,.18) 0%,rgba(25,117,185,.10) 38%,rgba(0,0,0,0) 75%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.site-header .brand img,
.site-header .nav-wrap > .brand img,
.site-header .nav-wrap a.brand img,
.brand img{
  content:url('../assets/sismotik-logo-v30.png')!important;
  width:225px!important;
  max-width:225px!important;
  max-height:64px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 0 5px rgba(75,215,255,.34))!important;
  opacity:1!important;
  position:relative!important;
  z-index:1!important;
}
@media(max-width:1100px) and (min-width:761px){
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:220px!important;min-width:220px!important;height:68px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:202px!important;max-width:202px!important;max-height:60px!important;
  }
}
@media(max-width:760px){
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:184px!important;min-width:184px!important;height:58px!important;
    padding:2px 3px!important;
  }
  .site-header .brand::before,.site-header .nav-wrap > .brand::before,.site-header .nav-wrap a.brand::before,.brand::before{
    width:178px!important;top:3px!important;bottom:3px!important;border-radius:12px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:170px!important;max-width:170px!important;max-height:52px!important;
  }
}

/* V30 — barra de navegación corporativa */
.site-header{
  background:linear-gradient(135deg,#061a3a 0%,#0a2f59 52%,#0b3e70 100%)!important;
  border-bottom:1px solid rgba(83,208,255,.22)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.28)!important;
}
.site-header .nav-wrap{background:transparent!important}
.site-header .nav-links a,.site-header .nav-link,.site-header .menu-toggle{
  color:#fff!important;
}
.site-header .nav-links a:hover{
  background:rgba(74,200,255,.12)!important;
}
.site-header .nav-links a.active,
.site-header .nav-links a[aria-current="page"]{
  background:linear-gradient(135deg,#1475e8,#258fff)!important;
  color:#fff!important;
  box-shadow:0 4px 13px rgba(0,98,190,.32)!important;
}
.site-header .whatsapp{
  background:rgba(20,128,190,.10)!important;
  border:1px solid rgba(65,224,255,.65)!important;
  color:#fff!important;
}
@media(max-width:760px){
  .site-header{
    background:linear-gradient(135deg,#061a3a 0%,#0b3867 100%)!important;
  }
}

/* =========================================================
   SISMOTIK V31 — LOGO ORIGINAL A TODO COLOR + HEADER PREMIUM
   ========================================================= */
.site-header,
.site-header .nav-wrap{
  background:linear-gradient(105deg,#03163a 0%,#073b70 34%,#0b5b96 58%,#06396e 82%,#021a40 100%)!important;
}
.site-header{
  border-bottom:1px solid rgba(77,206,255,.34)!important;
  box-shadow:0 4px 20px rgba(0,0,0,.34)!important;
}
.site-header .brand,
.site-header .nav-wrap > .brand,
.site-header .nav-wrap a.brand,
.brand{
  background:radial-gradient(ellipse at center,rgba(35,147,219,.20) 0%,rgba(9,69,119,.10) 48%,rgba(0,0,0,0) 78%)!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:12px!important;
  width:245px!important;
  min-width:245px!important;
  height:70px!important;
  padding:2px 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  position:relative!important;
}
.site-header .brand::after,
.site-header .nav-wrap > .brand::after,
.site-header .nav-wrap a.brand::after,
.brand::after{
  content:""!important;
  position:absolute!important;
  left:4px!important; right:4px!important; top:5px!important; bottom:5px!important;
  border:1px solid rgba(93,211,255,.16)!important;
  border-radius:12px!important;
  pointer-events:none!important;
}
.site-header .brand img,
.site-header .nav-wrap > .brand img,
.site-header .nav-wrap a.brand img,
.brand img{
  content:url('../assets/sismotik-logo-v31.png')!important;
  width:225px!important;
  max-width:225px!important;
  max-height:64px!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.45)) drop-shadow(0 0 3px rgba(86,205,255,.24))!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
}
.site-header .nav-links a,
.site-header .nav-link,
.site-header .menu-toggle{color:#fff!important}
.site-header .nav-links a:hover{
  background:rgba(87,207,255,.13)!important;
}
.site-header .nav-links a.active,
.site-header .nav-links a[aria-current="page"]{
  background:linear-gradient(135deg,#126fe2,#2b96ff)!important;
  color:#fff!important;
  box-shadow:0 4px 14px rgba(0,94,190,.36)!important;
}
.site-header .whatsapp{
  background:rgba(0,120,190,.12)!important;
  border:1px solid rgba(74,221,255,.70)!important;
  color:#fff!important;
  box-shadow:0 3px 12px rgba(0,0,0,.16)!important;
}
@media(max-width:1100px) and (min-width:761px){
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:220px!important;min-width:220px!important;height:68px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:202px!important;max-width:202px!important;max-height:60px!important;
  }
}
@media(max-width:760px){
  .site-header,.site-header .nav-wrap{
    background:linear-gradient(105deg,#03163a 0%,#07477b 55%,#052a55 100%)!important;
  }
  .site-header .brand,.site-header .nav-wrap > .brand,.site-header .nav-wrap a.brand,.brand{
    width:184px!important;min-width:184px!important;height:58px!important;
    padding:2px 3px!important;border-radius:10px!important;
  }
  .site-header .brand img,.site-header .nav-wrap > .brand img,.site-header .nav-wrap a.brand img,.brand img{
    width:170px!important;max-width:170px!important;max-height:52px!important;
  }
}