<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SafeBarrier - Barreras de Látex para Prevención de ETS</title>
<meta name="description" content="Tienda online de barreras de látex de grado médico para prevenir ETS. Calidad certificada, envío discreto y privacidad garantizada.">
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- HERO SECTION -->
<section class="hero">
<div class="hero-bg"></div>
<div class="hero-gradient"></div>
<div class="container hero-content">
<h1>Protección que Cuida tu <span class="gradient-text">Salud Sexual</span></h1>
<p class="hero-subtitle">Barreras de látex de grado médico para prevenir ETS. Calidad certificada, envío discreto y total privacidad.</p>
<div class="hero-buttons">
<a href="#productos" class="btn btn-primary">Ver Productos →</a>
<a href="#educacion" class="btn btn-outline">Aprende Más</a>
</div>
</div>
</section>
<!-- BENEFITS SECTION -->
<section class="benefits" id="beneficios">
<div class="container">
<div class="section-header">
<h2>¿Por qué Elegirnos?</h2>
<p>Comprometidos con tu salud y bienestar sexual desde hace más de 10 años</p>
</div>
<div class="benefits-grid">
<div class="card">
<div class="card-icon">
<img src="images/icon-protection.jpg" alt="Protección Certificada">
</div>
<h3>Protección Certificada</h3>
<p>Materiales de grado médico probados y certificados para máxima seguridad contra ETS.</p>
</div>
<div class="card">
<div class="card-icon">
<img src="images/icon-quality.jpg" alt="Calidad Premium">
</div>
<h3>Calidad Premium</h3>
<p>Productos de alta calidad fabricados bajo estrictos estándares internacionales de salud.</p>
</div>
<div class="card">
<div class="card-icon">
<img src="images/icon-discreet.jpg" alt="Envío Discreto">
</div>
<h3>Envío Discreto</h3>
<p>Empaque neutro y envío confidencial para garantizar tu privacidad en todo momento.</p>
</div>
</div>
</div>
</section>
<!-- PRODUCTS SECTION -->
<section class="products" id="productos">
<div class="container">
<div class="section-header">
<h2>Nuestros Productos</h2>
<p>Elige el pack que mejor se adapte a tus necesidades</p>
</div>
<div class="products-grid">
<div class="product-card">
<div class="product-image">
<img src="images/product-main.jpg" alt="Pack Básico">
</div>
<h3>Pack Básico</h3>
<p class="product-price">€19.99</p>
<p class="product-description">12 unidades de barreras de látex premium</p>
<a href="#" class="btn btn-outline btn-full">🛒 Agregar al Carrito</a>
</div>
<div class="product-card popular">
<span class="popular-badge">Más Popular</span>
<div class="product-image">
<img src="images/product-main.jpg" alt="Pack Estándar">
</div>
<h3>Pack Estándar</h3>
<p class="product-price">€34.99</p>
<p class="product-description">24 unidades + estuche discreto de regalo</p>
<a href="#" class="btn btn-primary btn-full">🛒 Agregar al Carrito</a>
</div>
<div class="product-card">
<div class="product-image">
<img src="images/product-main.jpg" alt="Pack Premium">
</div>
<h3>Pack Premium</h3>
<p class="product-price">€59.99</p>
<p class="product-description">48 unidades + estuche + envío express gratis</p>
<a href="#" class="btn btn-outline btn-full">🛒 Agregar al Carrito</a>
</div>
</div>
</div>
</section>
<!-- EDUCATION SECTION -->
<section class="education" id="educacion">
<div class="container">
<div class="section-header">
<h2>Información Importante</h2>
<p>Todo lo que necesitas saber sobre nuestras barreras de látex</p>
</div>
<div class="education-card">
<ul class="facts-list">
<li>✓ Reduce el riesgo de transmisión de ETS en más del 95% cuando se usa correctamente</li>
<li>✓ Fabricadas con látex natural de alta calidad sin saborizantes ni perfumes</li>
<li>✓ Probadas electrónicamente para garantizar ausencia de defectos</li>
<li>✓ Cumplen con las normativas CE y FDA para productos médicos</li>
<li>✓ Pueden usarse para protección oral, vaginal y anal</li>
<li>✓ Vienen en empaques individuales sellados para mantener la esterilidad</li>
</ul>
</div>
<div class="tip-box">
<p>💡 Consejo: Guarda las barreras en un lugar fresco y seco, lejos de la luz directa del sol para mantener su efectividad.</p>
</div>
</div>
</section>
<!-- TESTIMONIALS SECTION -->
<section class="testimonials" id="testimonios">
<div class="container">
<div class="section-header">
<h2>Lo que Dicen Nuestros Clientes</h2>
<p>Miles de clientes satisfechos confían en nosotros</p>
</div>
<div class="testimonials-grid">
<div class="testimonial-card">
<div class="stars">★★★★★</div>
<p>"Excelente calidad y el envío fue super discreto. Me siento mucho más segura usando estos productos. Totalmente recomendado."</p>
<span class="testimonial-author">María G.</span>
</div>
<div class="testimonial-card">
<div class="stars">★★★★★</div>
<p>"La mejor inversión en salud sexual. Material de muy buena calidad y el servicio al cliente es excepcional. Volveré a comprar sin duda."</p>
<span class="testimonial-author">Carlos R.</span>
</div>
<div class="testimonial-card">
<div class="stars">★★★★★</div>
<p>"Llegó rápido y en perfecto estado. Me encanta que sean productos certificados y de grado médico. Gran tranquilidad."</p>
<span class="testimonial-author">Laura M.</span>
</div>
</div>
</div>
</section>
<!-- FOOTER -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<h3>SafeBarrier</h3>
<p>Tu tienda de confianza para productos de prevención de ETS. Calidad certificada y discreción garantizada.</p>
</div>
<div class="footer-links">
<h4>Enlaces Rápidos</h4>
<ul>
<li><a href="#productos">Productos</a></li>
<li><a href="#">Sobre Nosotros</a></li>
<li><a href="#">Preguntas Frecuentes</a></li>
<li><a href="#">Política de Privacidad</a></li>
</ul>
</div>
<div class="footer-contact">
<h4>Contacto</h4>
<ul>
<li>✉️ info@safebarrier.com</li>
<li>📞 +34 900 123 456</li>
<li>📍 Barcelona, España</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 SafeBarrier. Todos los derechos reservados.</p>
</div>
</div>
</footer>
</body>
</html>