<section class="position-relative overflow-hidden bg-dark">
<img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22650%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%231a2050%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2210%25%22%20font-family%3D%22sans-serif%22%20font-size%3D%2230%22%20fill%3D%22%2393B7FF%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3EIMAGEN%20DUMMY%20%E2%80%94%20HERO%3C%2Ftext%3E%3C%2Fsvg%3E" alt="" class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover z-0" style="opacity:.25;">
<div class="position-absolute top-0 start-0 w-100 h-100 z-1" style="background:linear-gradient(100deg, var(--color-bg-dark) 45%, rgba(13,17,64,.55) 100%);"></div>
<div class="container-1200 position-relative z-2 section-py">
<span class="badge rounded-pill mb-3 bg-white text-heading">+30 años de experiencia</span>
<h1 class="text-white" style="max-width:820px;">Tu infraestructura tecnológica, diseñada para crecer sin interrupciones</h1>
<p class="text-white opacity-75 mb-0" style="max-width:820px;">Implementamos soluciones de redes empresariales de extremo a extremo para retail, manufactura, salud y finanzas.</p>
</div>
<div class="position-relative z-2" style="background:linear-gradient(90deg, var(--color-extblue2), var(--color-text-accent));">
<div class="container-1200">
<div class="row text-center py-4 g-3">
<div class="col-12 col-md-4">
<div class="h3 text-white mb-1">Top 10</div>
<div class="text-small text-white opacity-75">Partners Cisco México y LATAM</div>
</div>
<div class="col-12 col-md-4">
<div class="h3 text-white mb-1">+30K</div>
<div class="text-small text-white opacity-75">Sitios con implementación exitosa</div>
</div>
<div class="col-12 col-md-4">
<div class="h3 text-white mb-1">24/7</div>
<div class="text-small text-white opacity-75">Soporte desde NOC propio</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-py bg-light">
<div class="container-1200">
<div class="row align-items-center g-4 g-lg-5">
<div class="col-12 col-md-6">
<span class="badge rounded-pill mb-2 badge-accent">El reto que enfrentas</span>
<h2 class="text-heading">Tu red empresarial no puede ser un punto de falla</h2>
<p>Los directores de TI y CEOs de empresas medianas y grandes en México enfrentan los mismos desafíos críticos. ¿Te identificas?</p>
</div>
<div class="col-12 col-md-6">
<div class="row g-3">
<div class="col-12 col-sm-6">
<div class="p-3 rounded h-100 bg-neutral position-relative">
<span class="position-absolute top-0 end-0 m-2 d-flex align-items-center justify-content-center rounded" style="width:30px;height:30px;background:var(--color-bg-dark);color:#fff;font-size:.85rem;">⊘</span>
<h3 class="h6 text-accent mb-2 pe-4">1 Caídas no planeadas</h3>
<p class="text-muted small mb-0">Interrupciones de red que paralizan la operación, generan pérdidas y afectan la experiencia del cliente.</p>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="p-3 rounded h-100 bg-neutral position-relative">
<span class="position-absolute top-0 end-0 m-2 d-flex align-items-center justify-content-center rounded" style="width:30px;height:30px;background:var(--color-bg-dark);color:#fff;font-size:.85rem;">◎</span>
<h3 class="h6 text-accent mb-2 pe-4">2 Sin visibilidad en tiempo real</h3>
<p class="text-muted small mb-0">No tienes visibilidad completa de la red, aplicaciones y seguridad para tomar decisiones informadas.</p>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="p-3 rounded h-100 bg-neutral position-relative">
<span class="position-absolute top-0 end-0 m-2 d-flex align-items-center justify-content-center rounded" style="width:30px;height:30px;background:var(--color-bg-dark);color:#fff;font-size:.85rem;">▲</span>
<h3 class="h6 text-accent mb-2 pe-4">3 Riesgos de seguridad</h3>
<p class="text-muted small mb-0">Infraestructura vulnerable a amenazas externas e internas sin un sistema de detección y respuesta adecuado.</p>
</div>
</div>
<div class="col-12 col-sm-6">
<div class="p-3 rounded h-100 bg-neutral position-relative">
<span class="position-absolute top-0 end-0 m-2 d-flex align-items-center justify-content-center rounded" style="width:30px;height:30px;background:var(--color-bg-dark);color:#fff;font-size:.85rem;">✕</span>
<h3 class="h6 text-accent mb-2 pe-4">4 Proveedor sin especialización</h3>
<p class="text-muted small mb-0">Tu proveedor actual no conoce los procesos críticos de tu industria ni tiene personal certificado de alto nivel.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-py bg-light">
<div class="container-1200">
<span class="badge rounded-pill mb-2 badge-accent">Soluciones por industria</span>
<h2 class="text-heading">Conocemos los procesos críticos de tu sector</h2>
<p style="max-width:795px;">Más de 30 años implementando soluciones que atienden las necesidades específicas de cada industria. Haz clic en tu sector:</p>
<div class="d-flex flex-wrap gap-2 mb-4">
<span class="badge rounded-pill badge-accent px-3 py-2">Retail</span>
<span class="badge rounded-pill border border-primary text-accent px-3 py-2" style="border-color:var(--color-text-accent)!important;">Manufactura</span>
<span class="badge rounded-pill border text-accent px-3 py-2" style="border-color:var(--color-text-accent)!important;">Salud</span>
<span class="badge rounded-pill border text-accent px-3 py-2" style="border-color:var(--color-text-accent)!important;">Finanzas</span>
</div>
<div class="row g-4 g-lg-5">
<div class="col-12 col-lg-8">
<h3 class="text-accent">Retail</h3>
<p class="fw-semibold text-heading mb-4">Experiencia de compra sin interrupciones en cada punto de venta</p>
<div class="row g-4 mb-4">
<div class="col-12 col-md-6">
<p class="fw-bold text-heading mb-2">Problemática común</p>
<ul class="list-unstyled list-check mb-0">
<li>Caídas en puntos de venta que detienen transacciones</li>
<li>Cadenas de suministro desconectadas</li>
<li>WiFi deficiente para clientes y empleados</li>
<li>Falta de trazabilidad en inventarios</li>
</ul>
</div>
<div class="col-12 col-md-6">
<p class="fw-bold text-heading mb-2">Lo que implementamos</p>
<ul class="list-unstyled list-check mb-0">
<li>SD-WAN para conectividad multi-sucursal garantizada</li>
<li>WiFi empresarial Meraki con analytics de clientes</li>
<li>Seguridad PCI DSS para transacciones</li>
<li>Monitoreo centralizado de todas las sucursales</li>
</ul>
</div>
</div>
<div class="d-inline-flex align-items-center gap-2 p-3 rounded bg-neutral">
<span class="h3 text-accent mb-0">40%</span>
<span class="text-heading">reducción en incidentes de red en cadenas retail</span>
</div>
</div>
<div class="col-12 col-lg-4">
<img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22900%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%2393B7FF%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22sans-serif%22%20font-size%3D%2224%22%20fill%3D%22%230d1140%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3EIMAGEN%20DUMMY%20%E2%80%94%20RETAIL%3C%2Ftext%3E%3C%2Fsvg%3E" alt="Retail" class="img-fluid rounded w-100 h-100" style="object-fit:cover;">
</div>
</div>
</div>
</section>
<section class="section-py bg-light">
<div class="container-1200">
<span class="badge rounded-pill mb-2 badge-accent">Proceso de trabajo</span>
<h2 class="text-heading">Así es como llevamos tu proyecto al éxito</h2>
<p>Desde el primer diagnóstico hasta la adopción completa de la solución, acompañamos cada etapa.</p>
<div class="row g-5 align-items-start mt-3">
<div class="col-12 col-lg-6">
<div class="d-flex gap-3 mb-4">
<span class="d-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent fw-bold flex-shrink-0" style="width:50px;height:50px;">1</span>
<div>
<h3 class="h5 text-heading">Diagnóstico sin costo</h3>
<p class="mb-0">Un ingeniero certificado revisa tu infraestructura, detecta brechas y oportunidades de mejora, y te entrega un diagnóstico real, sin compromiso.</p>
</div>
</div>
<div class="d-flex gap-3 mb-4">
<span class="d-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent fw-bold flex-shrink-0" style="width:50px;height:50px;">2</span>
<div>
<h3 class="h5 text-heading">Diseño de solución a la medida</h3>
<p class="mb-0">Nuestro equipo de preventa diseña la arquitectura óptima con lista de materiales (BOM) y una propuesta económica detallada.</p>
</div>
</div>
<div class="d-flex gap-3 mb-4">
<span class="d-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent fw-bold flex-shrink-0" style="width:50px;height:50px;">3</span>
<div>
<h3 class="h5 text-heading">Implementación con ingenieros certificados</h3>
<p class="mb-0">Desplegamos la solución tecnológica con metodología probada, mínima interrupción a tu operación y un Project Manager asignado.</p>
</div>
</div>
<div class="d-flex gap-3">
<span class="d-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent fw-bold flex-shrink-0" style="width:50px;height:50px;">4</span>
<div>
<h3 class="h5 text-heading">Soporte y monitoreo continuo</h3>
<p class="mb-0">NOC propio, monitoreo 24/7, Service Desk omnicanal, reportes mensuales y adopción tecnológica guiada para tu equipo.</p>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="row g-3">
<div class="col-7"><img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22650%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23c7cdd6%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22sans-serif%22%20font-size%3D%2230%22%20fill%3D%22%234b5563%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3EIMAGEN%20DUMMY%201%3C%2Ftext%3E%3C%2Fsvg%3E" class="img-fluid rounded w-100" alt=""></div>
<div class="col-5"><img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22650%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%233a4658%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22sans-serif%22%20font-size%3D%2230%22%20fill%3D%22%23e7ebf0%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3EIMAGEN%20DUMMY%202%3C%2Ftext%3E%3C%2Fsvg%3E" class="img-fluid rounded w-100" alt=""></div>
<div class="col-5"><img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22650%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23c7cdd6%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22sans-serif%22%20font-size%3D%2230%22%20fill%3D%22%234b5563%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3EIMAGEN%20DUMMY%203%3C%2Ftext%3E%3C%2Fsvg%3E" class="img-fluid rounded w-100" alt=""></div>
<div class="col-7"><img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22650%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%233a4658%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22sans-serif%22%20font-size%3D%2230%22%20fill%3D%22%23e7ebf0%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3EIMAGEN%20DUMMY%204%3C%2Ftext%3E%3C%2Fsvg%3E" class="img-fluid rounded w-100" alt=""></div>
</div>
</div>
</div>
</div>
</section>
<section class="section-py bg-light">
<div class="container-1200">
<span class="badge rounded-pill mb-2 badge-accent">Nuestras soluciones</span>
<h2 class="text-heading">Todo lo que tu empresa necesita en un solo partner</h2>
<p>Somos el único punto de contacto para diseño, implementación, soporte y evolución de tu infraestructura tecnológica.</p>
<div class="row g-4 g-lg-5 mt-3">
<div class="col-12 col-md-6 col-lg-4">
<span class="d-inline-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent mb-3" style="width:40px;height:40px;">⌗</span>
<h3 class="h5 text-heading">Redes empresariales</h3>
<p class="text-muted mb-3">LAN, WAN, SD-WAN, wireless y switching de alto rendimiento para soportar operaciones exigentes.</p>
<span class="badge rounded-pill bg-neutral text-heading fw-normal px-3 py-2">Cisco DNA · Meraki · NEXUS</span>
</div>
<div class="col-12 col-md-6 col-lg-4">
<span class="d-inline-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent mb-3" style="width:40px;height:40px;">⛨</span>
<h3 class="h5 text-heading">Seguridad avanzada</h3>
<p class="text-muted mb-3">Firewall, IPS/IDS, acceso seguro, VPN y detección de amenazas en tiempo real con respuesta automatizada.</p>
<span class="badge rounded-pill bg-neutral text-heading fw-normal px-3 py-2">Zero Trust · NGFW · SASE</span>
</div>
<div class="col-12 col-md-6 col-lg-4">
<span class="d-inline-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent mb-3" style="width:40px;height:40px;">☰</span>
<h3 class="h5 text-heading">Data center y nube</h3>
<p class="text-muted mb-3">Diseño e implementación de centros de datos, virtualización, nube híbrida y estrategias multicloud.</p>
<span class="badge rounded-pill bg-neutral text-heading fw-normal px-3 py-2">HCI · VMware · Azure · AWS</span>
</div>
<div class="col-12 col-md-6 col-lg-4">
<span class="d-inline-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent mb-3" style="width:40px;height:40px;">◑</span>
<h3 class="h5 text-heading">Servicios administrados NOC</h3>
<p class="text-muted mb-3">Monitoreo proactivo 24/7 desde nuestro Network Operations Center. Resolvemos antes de que lo notes.</p>
<span class="badge rounded-pill bg-neutral text-heading fw-normal px-3 py-2">ITIL · SLA garantizado</span>
</div>
<div class="col-12 col-md-6 col-lg-4">
<span class="d-inline-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent mb-3" style="width:40px;height:40px;">▤</span>
<h3 class="h5 text-heading">Analítica y AppDynamics</h3>
<p class="text-muted mb-3">Visibilidad total de aplicaciones, usuarios y desempeño de red para decisiones en tiempo real.</p>
<span class="badge rounded-pill bg-neutral text-heading fw-normal px-3 py-2">AppDynamics · Splunk · Syslog</span>
</div>
<div class="col-12 col-md-6 col-lg-4">
<span class="d-inline-flex align-items-center justify-content-center rounded-circle bg-neutral text-accent mb-3" style="width:40px;height:40px;">⚭</span>
<h3 class="h5 text-heading">Colaboración y comunicaciones</h3>
<p class="text-muted mb-3">Videoconferencia, telefonía IP, contact center y comunicaciones unificadas para equipos distribuidos.</p>
<span class="badge rounded-pill bg-neutral text-heading fw-normal px-3 py-2">Webex · IP Telephony · UCaaS</span>
</div>
</div>
</div>
</section>
<section class="section-py">
<div class="container-1200">
<h2>Guía de estilo — Botones generados</h2>
<div class="d-flex flex-wrap" style="gap:var(--gap-x);">
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-dark">Botón Oscuro</button>
<span class="text-secondary text-small">Normal</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-dark hover-preview">Botón Oscuro</button>
<span class="text-secondary text-small">Hover</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-neutral">Botón Neutral</button>
<span class="text-secondary text-small">Normal</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-neutral hover-preview">Botón Neutral</button>
<span class="text-secondary text-small">Hover</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-accent">Botón Accent</button>
<span class="text-secondary text-small">Normal</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-accent hover-preview">Botón Accent</button>
<span class="text-secondary text-small">Hover</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-extblue2">Botón Azul Ext2</button>
<span class="text-secondary text-small">Normal</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-extblue2 hover-preview">Botón Azul Ext2</button>
<span class="text-secondary text-small">Hover</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-guinda">Botón Guinda (CTA formulario)</button>
<span class="text-secondary text-small">Normal</span>
</div>
<div class="d-flex flex-column align-items-start gap-2">
<button type="button" class="btn btn-brand btn-guinda hover-preview">Botón Guinda (CTA formulario)</button>
<span class="text-secondary text-small">Hover</span>
</div>
</div>
</div>
</section>
<section class="section-py bg-light">
<div class="container-1200">
<span class="badge rounded-pill mb-2 badge-accent">Reconocimientos Cisco</span>
<h2 class="text-heading">Cisco Partner Awards Winner</h2>
<p style="max-width:720px;">Como Cisco Preferred Partner, hemos sido reconocidos en múltiples ocasiones por nuestra excelencia como integrador de soluciones.</p>
<div class="mt-4">
<span class="badge bg-accent text-white mb-3" style="font-size:1rem;">2025</span>
<div class="row g-3">
<div class="col-6 col-md-3 border-start ps-3">
<p class="fw-bold text-heading mb-0">Enterprise Partner</p>
<p class="text-muted small mb-0">of the Year</p>
</div>
<div class="col-6 col-md-3 border-start ps-3">
<p class="fw-bold text-heading mb-0">Growth Partner</p>
<p class="text-muted small mb-0">of the Year</p>
</div>
<div class="col-6 col-md-3 border-start ps-3">
<p class="fw-bold text-heading mb-0">Networking Partner</p>
<p class="text-muted small mb-0">of the Year</p>
</div>
<div class="col-6 col-md-3 border-start ps-3">
<p class="fw-bold text-heading mb-0">Service and Software Excellence</p>
<p class="text-muted small mb-0">Partner of the Year</p>
</div>
</div>
</div>
<div class="mt-4">
<span class="badge bg-extblue7 text-heading mb-3" style="font-size:1rem;">2024</span>
<div class="row g-3">
<div class="col-6 col-md-4 border-start ps-3">
<p class="fw-bold text-heading mb-0">2nd Tier, Customer Experience</p>
<p class="text-muted small mb-0">Partner of the Year</p>
</div>
<div class="col-6 col-md-4 border-start ps-3">
<p class="fw-bold text-heading mb-0">2nd Tier, Partner of the Year</p>
<p class="text-muted small mb-0">Reconocimiento general</p>
</div>
<div class="col-6 col-md-4 border-start ps-3">
<p class="fw-bold text-heading mb-0">2nd Tier, Software Partner</p>
<p class="text-muted small mb-0">of the Year</p>
</div>
<div class="col-6 col-md-4 border-start ps-3">
<p class="fw-bold text-heading mb-0">2nd Tier, Mexico Partner</p>
<p class="text-muted small mb-0">Of the Year</p>
</div>
<div class="col-6 col-md-4 border-start ps-3">
<p class="fw-bold text-heading mb-0">2nd Tier, Marketing Partner</p>
<p class="text-muted small mb-0">Of the Year</p>
</div>
<div class="col-6 col-md-4 border-start ps-3">
<p class="fw-bold text-heading mb-0">Partner Summit, Marketing Partner</p>
<p class="text-muted small mb-0">Of the Year (x2)</p>
</div>
</div>
</div>
</div>
</section>
<section class="section-py bg-neutral">
<div class="container-1200">
<span class="badge rounded-pill mb-2 badge-accent">Preguntas frecuentes</span>
<h2 class="text-heading">Resuelve tus dudas antes de contactarnos</h2>
<div class="accordion accordion-flush mt-4" id="accordionFaq">
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1" aria-expanded="true" aria-controls="faq1">
¿Cuánto tiempo toma implementar una solución tecnológica típica?
</button>
</h3>
<div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#accordionFaq">
<div class="accordion-body">
Depende del alcance del proyecto. Una renovación tecnológica puede ejecutarse en 4–8 semanas. Proyectos de mayor escala (multi-sitio, data center) normalmente toman entre 3 y 6 meses. Durante el diagnóstico te damos un cronograma detallado.
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2" aria-expanded="false" aria-controls="faq2">
¿Qué nivel de certificación tienen sus ingenieros?
</button>
</h3>
<div id="faq2" class="accordion-collapse collapse" data-bs-parent="#accordionFaq">
<div class="accordion-body">
Contamos con ingenieros CCIE, CCNP y CCNA en todas las líneas de Cisco: Enterprise Networking, Security, Collaboration y Data Center. Además, certificaciones en VMware, Microsoft Azure y otras tecnologías complementarias.
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3" aria-expanded="false" aria-controls="faq3">
¿En qué ciudades tienen presencia?
</button>
</h3>
<div id="faq3" class="accordion-collapse collapse" data-bs-parent="#accordionFaq">
<div class="accordion-body">
Tenemos cobertura nacional con presencia en Monterrey, CDMX, Guadalajara, y proyectos en toda la República Mexicana. También atendemos clientes en LATAM a través de nuestra red de alianzas.
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4" aria-expanded="false" aria-controls="faq4">
¿Qué diferencia a PlanNet de otros partners Cisco?
</button>
</h3>
<div id="faq4" class="accordion-collapse collapse" data-bs-parent="#accordionFaq">
<div class="accordion-body">
Contamos con NOC propio 24/7, laboratorio DevNet para demostraciones reales antes de comprar, más de 30 años de experiencia específica en industrias mexicanas, y capacidad de desarrollar e integrar aplicaciones de terceros sobre plataformas Cisco — algo que la mayoría de partners no ofrece.
</div>
</div>
</div>
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq5" aria-expanded="false" aria-controls="faq5">
¿Puedo ver una demostración antes de decidir?
</button>
</h3>
<div id="faq5" class="accordion-collapse collapse" data-bs-parent="#accordionFaq">
<div class="accordion-body">
Sí. Ofrecemos demostraciones virtuales y presenciales en nuestro Laboratorio DevNet — uno de los pocos en México. Puedes ver funcionando la solución que necesitas antes de firmar cualquier contrato.
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-py bg-light">
<div class="container-1200">
<div class="row g-4 g-lg-5 align-items-start">
<div class="col-12 col-lg-5">
<h2 class="text-heading">Evalúa el desempeño real de tu infraestructura de red</h2>
<p class="mb-4">Agenda un diagnóstico sin costo con uno de nuestros ingenieros certificados. Sin compromiso, con entregable real en 48 horas.</p>
<img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22900%22%20height%3D%22650%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%231a2050%22%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20font-family%3D%22sans-serif%22%20font-size%3D%2230%22%20fill%3D%22%2393B7FF%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%3EIMAGEN%20DUMMY%20%E2%80%94%20DIAGNOSTICO%3C%2Ftext%3E%3C%2Fsvg%3E" alt="" class="img-fluid rounded w-100">
</div>
<div class="col-12 col-lg-7">
<div class="p-4 p-md-5 rounded bg-dark">
<h3 class="text-white text-center mb-1">Solicita tu diagnóstico gratuito</h3>
<p class="text-white opacity-75 text-center mb-4">Un especialista te contacta en menos de 24 horas hábiles</p>
<form>
<div class="row g-3 mb-3">
<div class="col-12 col-sm-6">
<label class="form-label text-white small">Nombre*</label>
<input type="text" class="form-control" placeholder="Escribe aquí...">
</div>
<div class="col-12 col-sm-6">
<label class="form-label text-white small">Apellido*</label>
<input type="text" class="form-control" placeholder="Escribe aquí...">
</div>
</div>
<div class="row g-3 mb-3">
<div class="col-12 col-sm-6">
<label class="form-label text-white small">Email*</label>
<input type="email" class="form-control" placeholder="
</div>
<div class="col-12 col-sm-6">
<label class="form-label text-white small">Empresa*</label>
<input type="text" class="form-control" placeholder="Escribe aquí...">
</div>
</div>
<div class="row g-3 mb-4">
<div class="col-12 col-sm-6">
<label class="form-label text-white small">Industria*</label>
<select class="form-select"><option>Selecciona aquí</option></select>
</div>
<div class="col-12 col-sm-6">
<label class="form-label text-white small">¿Cuál es tu principal reto de TI?</label>
<select class="form-select"><option>Selecciona aquí</option></select>
</div>
</div>
<button type="submit" class="btn btn-brand btn-guinda w-100">Quiero mi diagnóstico gratuito ></button>
<p class="text-white opacity-75 text-center text-small mt-3 mb-0">*Campos obligatorios | <a href="#" class="text-white text-decoration-underline">Aviso de Privacidad</a></p>
</form>
</div>
</div>
</div>
</div>
</section>