<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="MA MSP — Marcus Aurelius MSP IT Services. Ciberseguridad avanzada, desbloqueos y soporte IT. Powered by UnlockMxPro. Orlando FL y México.">
  <title>MA MSP — Marcus Aurelius MSP IT Services</title>
  <link rel="icon" href="img/favicon.ico" type="image/x-icon">
  <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
  <link rel="manifest" href="img/site.webmanifest">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>
<body>

<!-- NAVBAR -->
<nav class="navbar">
  <div class="container">
    <a class="logo" href="index.html">MA<span>MSP</span></a>
    <ul class="nav-links">
      <li><a href="index.html" class="active">Inicio</a></li>
      <li><a href="ciberseguridad.html">Ciberseguridad</a></li>
      <li><a href="desbloqueos.html">Desbloqueos</a></li>
      <li><a href="planes.html">Planes</a></li>
      <li><a href="contacto.html" class="btn-nav">Cotización</a></li>
    </ul>
    <div class="hamburger"><span></span><span></span><span></span></div>
  </div>
</nav>

<!-- HERO -->
<section class="hero">
  <div class="container">
    <div class="hero-content">
      <div class="hero-badge">Marcus Aurelius MSP IT Services</div>
      <h1>MA <span class="gradient-text">MSP</span></h1>
      <p>Ciberseguridad avanzada, desbloqueos y soporte IT para tu negocio y hogar. Orlando FL y México. Powered by UnlockMxPro.</p>
      <div class="hero-buttons">
        <a href="contacto.html" class="btn-primary">Cotización Gratuita</a>
        <a href="#servicios" class="btn-secondary">Ver Servicios</a>
      </div>
      <div class="hero-stats">
        <div class="stat"><span>24/7</span><p>Soporte</p></div>
        <div class="stat"><span>100%</span><p>Protegido</p></div>
        <div class="stat"><span>+500</span><p>Clientes</p></div>
        <div class="stat"><span>$0</span><p>Costo Auditoría</p></div>
      </div>
    </div>
  </div>
</section>

<!-- SERVICIOS -->
<section id="servicios" class="services">
  <div class="container">
    <div class="section-header">
      <h2>Nuestros <span class="gradient-text">Servicios</span></h2>
      <p>Soluciones completas de seguridad y tecnología móvil</p>
    </div>
    <div class="services-grid">
      <div class="service-card">
        <div class="service-icon"><i class="fas fa-shield-alt"></i></div>
        <h3>Ciberseguridad Avanzada</h3>
        <p>Antivirus de última generación, protección contra ransomware, exploits y amenazas web en tiempo real con ThreatDown.</p>
        <a href="ciberseguridad.html">Ver detalles →</a>
      </div>
      <div class="service-card">
        <div class="service-icon"><i class="fas fa-mobile-alt"></i></div>
        <h3>Desbloqueos y Reparaciones</h3>
        <p>Liberación de SIM, eSIM, IMEI, bypass FRP, cambio de pantalla, batería y piezas originales. Rápido y confiable.</p>
        <a href="desbloqueos.html">Solicitar →</a>
      </div>
      <div class="service-card">
        <div class="service-icon"><i class="fas fa-eye"></i></div>
        <h3>Monitoreo Continuo</h3>
        <p>Escaneos automáticos 24/7, detección proactiva de amenazas y alertas en tiempo real para tus dispositivos.</p>
        <a href="planes.html">Ver planes →</a>
      </div>
      <div class="service-card">
        <div class="service-icon"><i class="fas fa-network-wired"></i></div>
        <h3>Protección de Red</h3>
        <p>Filtrado DNS, protección web y seguridad perimetral para tu hogar o negocio contra intrusiones externas.</p>
        <a href="contacto.html">Consultar →</a>
      </div>
      <div class="service-card">
        <div class="service-icon"><i class="fas fa-cloud-upload-alt"></i></div>
        <h3>Backup y Recuperación</h3>
        <p>Copias de seguridad automáticas y planes de recuperación ante ransomware o pérdida de datos críticos.</p>
        <a href="planes.html">Ver planes →</a>
      </div>
      <div class="service-card">
        <div class="service-icon"><i class="fas fa-headset"></i></div>
        <h3>Soporte Prioritario</h3>
        <p>Atención personalizada vía WhatsApp, email o llamada. Respuesta rápida ante incidentes de seguridad.</p>
        <a href="contacto.html">Contactar →</a>
      </div>
    </div>
  </div>
</section>

<!-- THREATDOWN -->
<section class="dark-section">
  <div class="container">
    <div class="two-col">
      <div class="two-col-text">
        <div class="hero-badge" style="margin-bottom:20px;">Partner Autorizado</div>
        <h2 style="color:var(--white); font-size:2rem; font-weight:800; margin-bottom:16px;">ThreatDown<br><span class="gradient-text">by Malwarebytes</span></h2>
        <p style="color:#94a3b8; margin-bottom:24px;">Somos partner autorizado de ThreatDown, la plataforma de seguridad endpoint empresarial impulsada por Malwarebytes. Protección real para negocios y hogares a precios accesibles.</p>
        <ul class="feature-list">
          <li><i class="fas fa-check"></i> Antivirus y anti-ransomware de próxima generación</li>
          <li><i class="fas fa-check"></i> Filtrado DNS y protección web</li>
          <li><i class="fas fa-check"></i> EDR con análisis de comportamiento</li>
          <li><i class="fas fa-check"></i> Rollback de ransomware (7 días)</li>
          <li><i class="fas fa-check"></i> Gestión centralizada en la nube</li>
        </ul>
        <a href="planes.html" class="btn-primary">Ver Planes ThreatDown</a>
      </div>
      <div style="display:flex; justify-content:center; align-items:center;">
        <div style="width:240px; height:240px; border-radius:50%; background:rgba(37,99,235,0.15); border:2px solid rgba(56,189,248,0.3); display:flex; flex-direction:column; align-items:center; justify-content:center;">
          <i class="fas fa-shield-alt" style="font-size:5rem; color:var(--accent); margin-bottom:12px;"></i>
          <span style="font-size:0.85rem; font-weight:700; color:var(--accent); letter-spacing:3px;">PROTEGIDO</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- PLANES RESUMEN -->
<section class="pricing">
  <div class="container">
    <div class="section-header">
      <h2>Planes <span class="gradient-text">de Protección</span></h2>
      <p>Tres niveles de seguridad profesional. Sin costos ocultos.</p>
    </div>
    <div class="pricing-grid">
      <div class="pricing-card">
        <div class="pricing-header">
          <h3>Essential</h3>
          <div class="price"><span>$71.99</span>/endpoint/mes</div>
        </div>
        <ul>
          <li><i class="fas fa-check"></i> Next-Gen AV + Anti-ransomware</li>
          <li><i class="fas fa-check"></i> Protección web en tiempo real</li>
          <li><i class="fas fa-check"></i> Bloqueo de exploits</li>
          <li><i class="fas fa-check"></i> Remediación end-to-end</li>
        </ul>
        <a href="contacto.html" class="btn-outline">Elegir Essential</a>
      </div>
      <div class="pricing-card featured">
        <div class="popular-badge">Recomendado</div>
        <div class="pricing-header">
          <h3>Advanced</h3>
          <div class="price"><span>$91.99</span>/endpoint/mes</div>
        </div>
        <ul>
          <li><i class="fas fa-check"></i> Todo de Essential</li>
          <li><i class="fas fa-check"></i> EDR con IA y comportamiento</li>
          <li><i class="fas fa-check"></i> Rollback de ransomware 7 días</li>
          <li><i class="fas fa-check"></i> Aislamiento de dispositivo</li>
        </ul>
        <a href="contacto.html" class="btn-primary">Elegir Advanced</a>
      </div>
      <div class="pricing-card">
        <div class="pricing-header">
          <h3>24/7 MDR</h3>
          <div class="price"><span>$119.99</span>/endpoint/mes</div>
        </div>
        <ul>
          <li><i class="fas fa-check"></i> Todo de Advanced</li>
          <li><i class="fas fa-check"></i> SOC humano 24/7/365</li>
          <li><i class="fas fa-check"></i> Threat hunting proactivo</li>
          <li><i class="fas fa-check"></i> Respuesta activa de expertos</li>
        </ul>
        <a href="contacto.html" class="btn-outline">Elegir MDR</a>
      </div>
    </div>
    <p class="pricing-note">Precios por endpoint/mes. <a href="planes.html" style="color:var(--primary);">Ver todos los detalles →</a></p>
  </div>
</section>

<!-- CTA -->
<section class="cta-band">
  <div class="container">
    <h2>¿Listo para proteger tus dispositivos?</h2>
    <p>Auditoría gratuita sin compromiso. Te contactamos en menos de 24 horas.</p>
    <a href="contacto.html" class="btn-white">Contáctanos Ahora</a>
  </div>
</section>

<!-- FOOTER -->
<footer class="footer">
  <div class="container">
    <div class="footer-grid">
      <div class="footer-brand">
        <a class="logo" href="index.html">MA<span>MSP</span></a>
        <p>Marcus Aurelius MSP IT Services. Ciberseguridad avanzada y soluciones móviles en Orlando FL y México.</p>
        <p class="powered-by">Powered by <strong>UnlockMxPro</strong></p>
        <div class="footer-social">
          <a href="https://www.facebook.com/people/Unlock-Mx-Pro-Soluciones-Sim/100063644769403/" target="_blank"><i class="fab fa-facebook-f"></i></a>
          <a href="https://wa.me/+524661470586" target="_blank"><i class="fab fa-whatsapp"></i></a>
          <a href="mailto:unlockmxpro@gmail.com"><i class="fas fa-envelope"></i></a>
        </div>
      </div>
      <div class="footer-links">
        <h4>Servicios</h4>
        <ul>
          <li><a href="ciberseguridad.html">Ciberseguridad</a></li>
          <li><a href="desbloqueos.html">Desbloqueos</a></li>
          <li><a href="desbloqueos.html">Reparaciones</a></li>
          <li><a href="planes.html">Planes Mensuales</a></li>
        </ul>
      </div>
      <div class="footer-links">
        <h4>Empresa</h4>
        <ul>
          <li><a href="nosotros">Nosotros</a></li>
          <li><a href="planes.html">Precios</a></li>
          <li><a href="contacto.html">Contacto</a></li>
          <li><a href="ciberseguridad.html">ThreatDown Partner</a></li>
        </ul>
      </div>
      <div class="footer-links">
        <h4>Contacto</h4>
        <ul>
          <li><a href="mailto:unlockmxpro@gmail.com">unlockmxpro@gmail.com</a></li>
          <li><a href="https://wa.me/+524661470586">+52 466 147 0586</a></li>
          <li><a href="#">Orlando, FL</a></li>
          <li><a href="#">Salvatierra, Gto. MX</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <p>&copy; 2026 MA MSP — Marcus Aurelius MSP IT Services. Todos los derechos reservados.</p>
      <p><a href="privacy.html" style="color:inherit;">Privacy Policy</a> · Powered by UnlockMxPro · ThreatDown es marca registrada de Malwarebytes Inc.</p>
    </div>
  </div>
</footer>

<!-- WhatsApp flotante -->
<a href="https://wa.me/+524661470586?text=Hola%20MA%20MSP,%20quiero%20una%20cotización%20gratuita" class="wa-float" target="_blank">
  <i class="fab fa-whatsapp"></i>
</a>

<script src="js/chat-widget.js" defer></script>
</body>
</html>
