Kit Jeringa + Roma

<div style="font-family: 'Inter', -apple-system, sans-serif; background: linear-gradient(135deg, #f7f8fa 0%, #e9ecef 100%); padding: 50px 30px; border-radius: 12px;">
  
  <div style="max-width: 800px; margin: 0 auto;">
    
    <div style="background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); padding: 45px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 8px 32px rgba(31, 38, 135, 0.08); margin-bottom: 35px;">
      
      <p style="font-size: 1.15em; line-height: 1.9; color: #3d4f5d; font-weight: 300; margin: 0 0 25px 0;">
        Kit completo que combina precisión y seguridad para tus extracciones. Jeringa de 10ml con control total sobre tus productos y aguja de punta roma que protege superficies delicadas.
      </p>
      
      <p style="font-size: 1.05em; line-height: 1.8; color: #5a6c7d; font-weight: 300; margin: 0;">
        Diseñado para transferencias rápidas sin pérdidas ni rayaduras. Compatible con amplia variedad de extractos, desde líquidos hasta viscosos.
      </p>
      
    </div>

    <div style="background: rgba(252, 253, 254, 0.75); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 40px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.95); box-shadow: 0 4px 24px rgba(31, 38, 135, 0.06); margin-bottom: 35px;">
      
      <h3 style="font-size: 0.8em; text-transform: uppercase; letter-spacing: 2.5px; color: #8a9aa8; margin: 0 0 30px 0; font-weight: 500; text-align: center;">Contenido del Kit</h3>
      
      <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px;">
        
        <div style="background: rgba(249, 250, 251, 0.85); padding: 28px; border-radius: 10px; border: 1px solid rgba(226, 232, 240, 0.7); text-align: center;">
          <p style="margin: 0 0 8px 0; color: #8a9aa8; font-size: 0.75em; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500;">Jeringa</p>
          <p style="margin: 0; color: #2c3e50; font-weight: 400; font-size: 1.4em;">1 unidad</p>
          <p style="margin: 8px 0 0 0; color: #5a6c7d; font-size: 0.9em; font-weight: 300;">Capacidad 10ml</p>
        </div>
        
        <div style="background: rgba(249, 250, 251, 0.85); padding: 28px; border-radius: 10px; border: 1px solid rgba(226, 232, 240, 0.7); text-align: center;">
          <p style="margin: 0 0 8px 0; color: #8a9aa8; font-size: 0.75em; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500;">Aguja</p>
          <p style="margin: 0; color: #2c3e50; font-weight: 400; font-size: 1.4em;">1 unidad</p>
          <p style="margin: 8px 0 0 0; color: #5a6c7d; font-size: 0.9em; font-weight: 300;">Punta roma</p>
        </div>

      </div>
      
    </div>

    <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 35px;">
      
      <div style="background: rgba(252, 253, 254, 0.75); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 28px 24px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.95); box-shadow: 0 4px 20px rgba(31, 38, 135, 0.05); text-align: center;">
        <p style="font-size: 0.75em; text-transform: uppercase; letter-spacing: 1.8px; color: #8a9aa8; margin: 0 0 10px 0; font-weight: 500;">Capacidad</p>
        <p style="font-size: 1em; color: #2c3e50; margin: 0; font-weight: 300;">10ml</p>
      </div>

      <div style="background: rgba(252, 253, 254, 0.75); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 28px 24px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.95); box-shadow: 0 4px 20px rgba(31, 38, 135, 0.05); text-align: center;">
        <p style="font-size: 0.75em; text-transform: uppercase; letter-spacing: 1.8px; color: #8a9aa8; margin: 0 0 10px 0; font-weight: 500;">Protección</p>
        <p style="font-size: 1em; color: #2c3e50; margin: 0; font-weight: 300;">Punta roma</p>
      </div>

      <div style="background: rgba(252, 253, 254, 0.75); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); padding: 28px 24px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.95); box-shadow: 0 4px 20px rgba(31, 38, 135, 0.05); text-align: center;">
        <p style="font-size: 0.75em; text-transform: uppercase; letter-spacing: 1.8px; color: #8a9aa8; margin: 0 0 10px 0; font-weight: 500;">Sistema</p>
        <p style="font-size: 1em; color: #2c3e50; margin: 0; font-weight: 300;">Integrado</p>
      </div>

    </div>

    <div style="background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 35px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.85); box-shadow: 0 4px 24px rgba(31, 38, 135, 0.06); margin-bottom: 30px;">
      
      <h3 style="font-size: 0.8em; text-transform: uppercase; letter-spacing: 2.5px; color: #8a9aa8; margin: 0 0 18px 0; font-weight: 500;">Características</h3>
      
      <ul style="margin: 0; padding: 0; list-style: none;">
        <li style="font-size: 1em; line-height: 2; color: #5a6c7d; font-weight: 300; padding-left: 20px; position: relative;">
          <span style="position: absolute; left: 0; color: #8a9aa8;">•</span>
          Control preciso en manipulación de extractos
        </li>
        <li style="font-size: 1em; line-height: 2; color: #5a6c7d; font-weight: 300; padding-left: 20px; position: relative;">
          <span style="position: absolute; left: 0; color: #8a9aa8;">•</span>
          Punta roma que evita rayaduras en superficies
        </li>
        <li style="font-size: 1em; line-height: 2; color: #5a6c7d; font-weight: 300; padding-left: 20px; position: relative;">
          <span style="position: absolute; left: 0; color: #8a9aa8;">•</span>
          Transferencias sin pérdidas de producto
        </li>
        <li style="font-size: 1em; line-height: 2; color: #5a6c7d; font-weight: 300; padding-left: 20px; position: relative;">
          <span style="position: absolute; left: 0; color: #8a9aa8;">•</span>
          Compatible con extractos líquidos y viscosos
        </li>
        <li style="font-size: 1em; line-height: 2; color: #5a6c7d; font-weight: 300; padding-left: 20px; position: relative;">
          <span style="position: absolute; left: 0; color: #8a9aa8;">•</span>
          Sistema listo para uso inmediato
        </li>
      </ul>
      
    </div>

    <div style="background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); padding: 35px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.85); box-shadow: 0 4px 24px rgba(31, 38, 135, 0.06);">
      
      <h3 style="font-size: 0.8em; text-transform: uppercase; letter-spacing: 2.5px; color: #8a9aa8; margin: 0 0 18px 0; font-weight: 500;">Instrucciones de Uso</h3>
      
      <p style="font-size: 1em; line-height: 1.8; color: #5a6c7d; font-weight: 300; margin: 0 0 15px 0;">
        Inserta la aguja de punta roma en el cartucho o recipiente y extrae el producto con la jeringa. Verifica buen sellado para evitar derrames durante la transferencia.
      </p>

      <p style="font-size: 1em; line-height: 1.8; color: #5a6c7d; font-weight: 300; margin: 15px 0 15px 0;">
        Desinfecta y limpia ambos componentes después de cada uso para mantener condiciones óptimas de higiene y durabilidad.
      </p>

      <p style="font-size: 0.95em; line-height: 1.8; color: #8a9aa8; font-weight: 300; margin: 15px 0 0 0; font-style: italic;">
        Recomendado junto a Liquid Wax de Banana Company
      </p>
      
    </div>

  </div>
  
</div>