<?php
/**
 * Template-part: servicios-independientes
 */
?>
<section class="ind-sec" id="servicios-independientes">
  <div style="max-width:640px">
    <div class="eyebrow"><span class="eyebrow-line"></span>Servicios personalizados</div>
    <h2 class="sec-title">Soluciones a medida<br>para tu negocio</h2>
    <p class="sec-sub">Servicios independientes desarrollados especialmente para proyectos que requieren una solución única y personalizada.</p>
  </div>
  <div class="ind-layout">
    <div class="ind-grid">
      <div class="ind-card">
        <span class="ind-ico">💻</span>
        <div class="ind-name">Software a la Medida</div>
        <div class="ind-desc">Desarrollamos plataformas internas, sistemas de gestión, herramientas empresariales e integraciones personalizadas según las necesidades específicas de tu negocio. Precio: según el proyecto.</div>
        <span class="ind-pill">Desarrollo personalizado</span>
      </div>
      <div class="ind-card">
        <span class="ind-ico">⚡</span>
        <div class="ind-name">Automatizaciones IA</div>
        <div class="ind-desc">Optimizamos procesos internos con herramientas de inteligencia artificial, integramos soluciones IA y mejoramos los flujos de trabajo de tu empresa para que trabaje sola. Precio: según el proyecto.</div>
        <span class="ind-pill">Inteligencia artificial</span>
      </div>
    </div>
    <aside class="tech-panel">
      <div class="tech-title">Tecnologías implementadas</div>
      <div class="tech-grid">
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/openai/ffffff" alt="OpenAI" loading="lazy" onerror="this.style.display='none'"><span>OpenAI</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/claude/ffffff" alt="Claude" loading="lazy" onerror="this.style.display='none'"><span>Claude</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/googlegemini/ffffff" alt="Gemini" loading="lazy" onerror="this.style.display='none'"><span>Gemini</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/python/ffffff" alt="Python" loading="lazy" onerror="this.style.display='none'"><span>Python</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/javascript/ffffff" alt="JavaScript" loading="lazy" onerror="this.style.display='none'"><span>JavaScript</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/react/ffffff" alt="React" loading="lazy" onerror="this.style.display='none'"><span>React</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/amazonwebservices/ffffff" alt="AWS" loading="lazy" onerror="this.style.display='none'"><span>AWS</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/php/ffffff" alt="PHP" loading="lazy" onerror="this.style.display='none'"><span>PHP</span></div>
        <div class="tech-chip"><img src="https://cdn.simpleicons.org/nodedotjs/ffffff" alt="Node.js" loading="lazy" onerror="this.style.display='none'"><span>Node.js</span></div>
        <div class="tech-chip wide"><img src="https://cdn.simpleicons.org/whatsapp/ffffff" alt="WhatsApp Business API" loading="lazy" onerror="this.style.display='none'"><span>WhatsApp Business API</span></div>
      </div>
    </aside>
  </div>
</section>
