<!DOCTYPE html>
<html lang="es-MX">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Carpo Soluciones | Soluciones Empresariales Integrales</title>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
  <style>
    :root {--primary: #2B4C7E;--secondary: #567EBB;--accent: #FF8C42;--dark: #1B2845;--light: #F8F9FA;--white: #FFFFFF;--gradient: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);}* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', system-ui, sans-serif;}body {line-height: 1.6;color: var(--dark);background-color: var(--light);}header {background: var(--white);padding: 1rem 5%;position: fixed;width: 100%;top: 0;z-index: 1000;box-shadow: 0 2px 15px rgba(0,0,0,0.1);transition: all 0.3s ease;}header.scrolled {padding: 0.5rem 5%;background: rgba(255,255,255,0.95);backdrop-filter: blur(10px);}.header-container {display: flex;justify-content: space-between;align-items: center;max-width: 1400px;margin: 0 auto;}.logo {max-width: 180px;transition: all 0.3s ease;}.scrolled .logo {max-width: 150px;}nav {display: flex;align-items: center;}.nav-links {display: flex;list-style: none;margin: 0;padding: 0;gap: 2rem;}.nav-links a {color: var(--dark);text-decoration: none;font-weight: 500;font-size: 1.1rem;padding: 0.5rem 1rem;border-radius: 4px;transition: all 0.3s ease;}.nav-links a:hover {color: var(--primary);background: rgba(43,76,126,0.1);}.contact-button {background: var(--gradient);color: var(--white) !important;padding: 0.75rem 1.5rem !important;border-radius: 25px !important;margin-left: 1rem;box-shadow: 0 4px 15px rgba(43,76,126,0.2);}.contact-button:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(43,76,126,0.3);background: var(--primary) !important;}.menu-toggle {display: none;flex-direction: column;gap: 6px;cursor: pointer;padding: 0.5rem;z-index: 1001;}.menu-toggle span {width: 30px;height: 2px;background: var(--primary);transition: all 0.3s ease;transform-origin: left;}.menu-toggle.active span:first-child {transform: rotate(45deg);}.menu-toggle.active span:nth-child(2) {opacity: 0;}.menu-toggle.active span:last-child {transform: rotate(-45deg);}.hero {height: 100vh;background: var(--gradient);position: relative;overflow: hidden;margin-top: 0;display: flex;align-items: center;padding: 0 5%;}.hero-content {max-width: 1400px;margin: 0 auto;color: var(--white);position: relative;z-index: 2;}.hero h1 {font-size: 3.5rem;font-weight: 700;margin-bottom: 1.5rem;line-height: 1.2;}.hero p {font-size: 1.25rem;max-width: 600px;margin-bottom: 2rem;}.cta-button {display: inline-block;padding: 1rem 2rem;background: var(--accent);color: var(--white);text-decoration: none;border-radius: 30px;font-weight: 600;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(255,140,66,0.3);}.cta-button:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(255,140,66,0.4);}.services {padding: 5rem 5%;background: var(--white);}.section-title {text-align: center;margin-bottom: 4rem;}.section-title h2 {font-size: 2.5rem;color: var(--primary);margin-bottom: 1rem;}.section-title p {color: var(--dark);max-width: 600px;margin: 0 auto;}.services-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 2rem;max-width: 1400px;margin: 0 auto;}.service-card {background: var(--white);border-radius: 15px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.1);transition: all 0.3s ease;}.service-card:hover {transform: translateY(-10px);box-shadow: 0 15px 40px rgba(0,0,0,0.15);}.service-icon {width: 100%;height: 200px;padding: 2rem;background: var(--light);border-radius: 15px 15px 0 0;}.service-content {padding: 1.5rem;}.service-content h3 {color: var(--primary);margin-bottom: 1rem;font-size: 1.5rem;}.service-content p {color: var(--dark);margin-bottom: 1rem;}.partners {padding: 4rem 5%;background: var(--light);}.partners-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 2rem;max-width: 1400px;margin: 0 auto;align-items: center;}.partner-logo {background: var(--white);padding: 2rem;border-radius: 10px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);transition: all 0.3s ease;display: flex;align-items: center;justify-content: center;height: 120px;}.partner-logo img {max-width: 100%;max-height: 80px;object-fit: contain;filter: grayscale(100%);transition: all 0.3s ease;opacity: 0.7;}.partner-logo:hover {transform: translateY(-5px);box-shadow: 0 8px 25px rgba(0,0,0,0.1);}.partner-logo:hover img {filter: grayscale(0%);opacity: 1;}footer {background: var(--dark);color: var(--white);padding: 4rem 5% 2rem;}.footer-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 2rem;max-width: 1400px;margin: 0 auto;}.footer-column h3 {color: var(--accent);margin-bottom: 1.5rem;font-size: 1.3rem;}.footer-column p {margin-bottom: 0.75rem;}.footer-column a {color: var(--white);text-decoration: none;transition: color 0.3s ease;}.footer-column a:hover {color: var(--accent);}.social-links {display: flex;gap: 1rem;margin-top: 1rem;}.social-links a {width: 40px;height: 40px;border-radius: 50%;background: rgba(255,255,255,0.1);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;}.social-links a:hover {background: var(--accent);transform: translateY(-3px);}.contact-form {background: var(--white);padding: 2rem;border-radius: 15px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}.form-group {margin-bottom: 1.5rem;}.form-group input, .form-group textarea {width: 100%;padding: 0.75rem 1rem;border: 2px solid #eee;border-radius: 8px;transition: all 0.3s ease;}.form-group input:focus, .form-group textarea:focus {border-color: var(--primary);outline: none;box-shadow: 0 0 0 3px rgba(43,76,126,0.1);}.submit-button {background: var(--gradient);color: var(--white);border: none;padding: 1rem 2rem;border-radius: 30px;font-weight: 600;cursor: pointer;transition: all 0.3s ease;width: 100%;}.submit-button:hover {transform: translateY(-2px);box-shadow: 0 6px 20px rgba(43,76,126,0.3);}.floating-buttons {position: fixed;bottom: 2rem;right: 2rem;display: flex;flex-direction: column;gap: 1rem;z-index: 999;}.float-button {width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--white);text-decoration: none;box-shadow: 0 4px 15px rgba(0,0,0,0.2);transition: all 0.3s ease;}.float-button.whatsapp {background: #25D366;}.float-button.email {background: var(--primary);}.float-button:hover {transform: translateY(-5px);box-shadow: 0 6px 20px rgba(0,0,0,0.3);}@media (max-width: 768px) {.menu-toggle {display: flex;}.nav-links {position: fixed;top: 0;right: -100%;height: 100vh;width: 100%;background: var(--white);flex-direction: column;padding: 5rem 2rem;transition: all 0.3s ease;align-items: center;justify-content: center;}.nav-links.active {right: 0;}.hero h1 {font-size: 2.5rem;}.contact-button {margin: 1rem 0;}.floating-buttons {bottom: 1rem;right: 1rem;}.float-button {width: 50px;height: 50px;}.partner-logo {height: 100px;}}
  </style>
</head>
<body>
  <header>
    <div class="header-container">
      <img src="logocarpo.png" alt="Carpo Soluciones" class="logo">
      <div class="menu-toggle">
        <span></span>
        <span></span>
        <span></span>
      </div>
      <nav>
        <ul class="nav-links">
          <li><a href="#inicio">Inicio</a></li>
          <li><a href="#servicios">Servicios</a></li>
          <li><a href="#socios">Socios</a></li>
          <li><a href="#contacto">Contacto</a></li>
          <li><a href="#contacto" class="contact-button">Cotizar Ahora</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <section id="inicio" class="hero">
    <div class="hero-content">
      <h1>Soluciones Empresariales<br>que Impulsan tu Éxito</h1>
      <p>En Carpo Soluciones, transformamos desafíos en oportunidades. Optimizamos tus procesos con tecnología de vanguardia y soluciones personalizadas.</p>
<a href="#contacto" class="cta-button">Conoce Nuestras Soluciones</a>
    </div>
  </section>

  <section id="servicios" class="services">
    <div class="section-title">
      <h2>Soluciones Integrales</h2>
      <p>Optimizamos la eficiencia de tu negocio con productos y servicios de clase mundial</p>
    </div>
    <div class="services-grid">
      <div class="service-card">
        <svg class="service-icon" viewBox="0 0 100 100">
          <rect x="20" y="30" width="60" height="40" fill="#2B4C7E"/>
          <rect x="30" y="20" width="40" height="60" fill="#567EBB"/>
          <circle cx="50" cy="50" r="15" fill="#fff"/>
        </svg>
        <div class="service-content">
          <h3>Toner y Consumibles</h3>
          <p>Suministros originales y compatibles de la más alta calidad para optimizar tus procesos de impresión y documentación.</p>
        </div>
      </div>
      <div class="service-card">
        <svg class="service-icon" viewBox="0 0 100 100">
          <rect x="15" y="40" width="70" height="45" fill="#2B4C7E"/>
          <path d="M30 40 L50 20 L70 40" fill="#567EBB"/>
          <rect x="40" y="60" width="20" height="25" fill="#fff"/>
        </svg>
        <div class="service-content">
          <h3>Equipos Multifuncionales</h3>
          <p>Soluciones de impresión profesional con equipos de última generación para maximizar la productividad de tu oficina.</p>
        </div>
      </div>
      <div class="service-card">
        <svg class="service-icon" viewBox="0 0 100 100">
          <circle cx="50" cy="50" r="35" fill="#2B4C7E"/>
          <path d="M30 50 Q50 20 70 50 Q50 80 30 50" fill="#567EBB"/>
          <circle cx="50" cy="50" r="10" fill="#fff"/>
        </svg>
        <div class="service-content">
          <h3>Filtros Hidráulicos</h3>
          <p>Filtros de alta calidad para sistemas hidráulicos industriales, garantizando el óptimo funcionamiento de tu maquinaria.</p>
        </div>
      </div>
      <div class="service-card">
        <svg class="service-icon" viewBox="0 0 100 100">
          <rect x="20" y="60" width="60" height="20" fill="#2B4C7E"/>
          <rect x="35" y="20" width="30" height="40" fill="#567EBB"/>
          <path d="M25 60 L45 40 L55 40 L75 60" fill="#fff"/>
        </svg>
        <div class="service-content">
          <h3>Montacargas</h3>
          <p>Equipos de manejo de materiales eléctricos y de combustión, respaldados por servicio técnico especializado.</p>
        </div>
      </div>
    </div>
  </section>

  <section id="socios" class="partners">
    <div class="section-title">
      <h2>Nuestros Socios Comerciales</h2>
      <p>Colaboramos con las marcas más prestigiosas para garantizar soluciones de calidad mundial</p>
    </div>
    <div class="partners-grid">
      <div class="partner-logo">
        <img src="https://essexlub.com.mx/img/donaldson_filters_logo_2.jpg" alt="Donaldson">
      </div>
      <div class="partner-logo">
        <img src="Molykote-logo.jpg" alt="Molykote">
      </div>
      <div class="partner-logo">
        <img src="https://seeklogo.com/images/C/crown-lift-trucks-logo-D15394165C-seeklogo.com.png" alt="Crown">
      </div>
      <div class="partner-logo">
        <img src="https://ibtinc.com/wp-content/uploads/2022/11/Timken-Logo-708x145-1.png" alt="Timken">
      </div>
      <div class="partner-logo">
        <img src="the-raymond-corporation-logo-vector.png" alt="Raymond">
      </div>
      <div class="partner-logo">
        <img src="https://seeklogo.com/images/P/PARKER-logo-9F500FC576-seeklogo.com.png" alt="Parker">
      </div>
    </div>
  </section>

  <footer id="contacto">
    <div class="footer-grid">
      <div class="footer-column">
        <h3>Sobre Nosotros</h3>
        <p>En Carpo Soluciones nos dedicamos a proporcionar soluciones integrales para optimizar la eficiencia y productividad de tu empresa, respaldados por las marcas más prestigiosas del mercado.</p>
        <div class="social-links">
          <a href="#"><i class="fab fa-linkedin"></i></a>
          <a href="#"><i class="fab fa-facebook"></i></a>
          <a href="#"><i class="fab fa-instagram"></i></a>
        </div>
      </div>
      <div class="footer-column">
        <h3>Contacto Directo</h3>
        <p><i class="fas fa-phone"></i> +52 81 3092 9779</p>
        <p><i class="fas fa-envelope"></i> info@carposoluciones.com</p>
        <p><i class="fas fa-map-marker-alt"></i> Monterrey, Nuevo León, México</p>
      </div>
      <div class="footer-column">
        <h3>Contáctanos</h3>
        <form class="contact-form">
          <div class="form-group">
            <input type="text" placeholder="Nombre completo" required>
          </div>
          <div class="form-group">
            <input type="email" placeholder="Correo electrónico" required>
          </div>
          <div class="form-group">
            <textarea placeholder="Mensaje" rows="4" required></textarea>
          </div>
          <button type="submit" class="submit-button">Enviar Mensaje</button>
        </form>
      </div>
    </div>
  </footer>

  <div class="floating-buttons">
    <a href="mailto:info@carposoluciones.com" class="float-button email">
      <i class="fas fa-envelope fa-lg"></i>
    </a>
    <a href="https://wa.me/5218130929779" target="_blank" class="float-button whatsapp">
      <i class="fab fa-whatsapp fa-lg"></i>
    </a>
  </div>
  <script>
    const _0x43669c=_0x17f2;function _0x5bd1(){const _0x386f59=['5223CkAlDU','.menu-toggle','11bhyABH','.nav-links','361143wWAYBK','classList','11946SAphCC','querySelector','toggle','3930348mDaFOm','scrolled','header','a[href^=\x22#\x22]','getAttribute','preventDefault','1388NasipK','2195016TwGIfV','forEach','348IsSgEE','50wmSVtg','scroll','smooth','6548045sRpcHm','10XCCcUu','scrollIntoView','click','addEventListener','scrollY','href','3585376wphrCc','active'];_0x5bd1=function(){return _0x386f59;};return _0x5bd1();}(function(_0x263345,_0x322d96){const _0x174933=_0x17f2,_0x2e2bd9=_0x263345();while(!![]){try{const _0x1cdca0=-parseInt(_0x174933(0x1c5))/0x1*(-parseInt(_0x174933(0x1b8))/0x2)+-parseInt(_0x174933(0x1cb))/0x3*(parseInt(_0x174933(0x1b5))/0x4)+-parseInt(_0x174933(0x1bd))/0x5*(-parseInt(_0x174933(0x1b6))/0x6)+parseInt(_0x174933(0x1bc))/0x7+-parseInt(_0x174933(0x1c3))/0x8+parseInt(_0x174933(0x1c9))/0x9*(-parseInt(_0x174933(0x1b9))/0xa)+-parseInt(_0x174933(0x1c7))/0xb*(-parseInt(_0x174933(0x1ce))/0xc);if(_0x1cdca0===_0x322d96)break;else _0x2e2bd9['push'](_0x2e2bd9['shift']());}catch(_0x58b138){_0x2e2bd9['push'](_0x2e2bd9['shift']());}}}(_0x5bd1,0xd51ad));function _0x17f2(_0x739cf8,_0x2b771b){const _0x5bd155=_0x5bd1();return _0x17f2=function(_0x17f290,_0x13a1e4){_0x17f290=_0x17f290-0x1b5;let _0x1b4d5c=_0x5bd155[_0x17f290];return _0x1b4d5c;},_0x17f2(_0x739cf8,_0x2b771b);}const menuToggle=document[_0x43669c(0x1cc)](_0x43669c(0x1c6)),navLinks=document['querySelector'](_0x43669c(0x1c8));menuToggle['addEventListener'](_0x43669c(0x1bf),()=>{const _0x1b58d3=_0x43669c;menuToggle[_0x1b58d3(0x1ca)][_0x1b58d3(0x1cd)](_0x1b58d3(0x1c4)),navLinks[_0x1b58d3(0x1ca)][_0x1b58d3(0x1cd)]('active');}),window['addEventListener'](_0x43669c(0x1ba),()=>{const _0x490619=_0x43669c,_0x453816=document[_0x490619(0x1cc)](_0x490619(0x1d0));_0x453816[_0x490619(0x1ca)]['toggle'](_0x490619(0x1cf),window[_0x490619(0x1c1)]>0x32);}),document['querySelectorAll'](_0x43669c(0x1d1))[_0x43669c(0x1b7)](_0x3df76e=>{const _0x409526=_0x43669c;_0x3df76e[_0x409526(0x1c0)](_0x409526(0x1bf),function(_0x59ebb1){const _0x37b7ca=_0x409526;_0x59ebb1[_0x37b7ca(0x1d3)](),document[_0x37b7ca(0x1cc)](this[_0x37b7ca(0x1d2)](_0x37b7ca(0x1c2)))[_0x37b7ca(0x1be)]({'behavior':_0x37b7ca(0x1bb)});});});
  </script>
</body>
</html>