<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GAPC Envases | Soluciones en PET y Preformas</title>
<meta name="description" content="GAPC Envases: Fabricación de botellas PET grado alimenticio y servicio de etiquetado en Arandas, Jalisco. Soluciones B2B para la industria.">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
<style>
:root {
/* Colores de Identidad GAPC */
--azul-oscuro: #003B70; /* Aprox Pantone 541 C */
--cyan: #009DDC; /* Aprox Pantone Process Cyan C */
--gris: #63666A; /* Aprox Pantone 424 C */
--blanco: #ffffff;
--fondo-gris: #f4f4f4;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Roboto', sans-serif;
color: #333;
line-height: 1.6;
}
/* --- HEADER Y NAVEGACIÓN --- */
header {
background-color: var(--blanco);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: fixed;
width: 100%;
z-index: 1000;
}
.container {
max-width: 1100px;
margin: auto;
padding: 0 20px;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
}
.logo {
font-size: 24px;
font-weight: 700;
color: var(--azul-oscuro);
text-decoration: none;
display: flex;
align-items: center;
}
.logo span {
color: var(--cyan);
}
.nav-links {
list-style: none;
display: flex;
}
.nav-links li {
margin-left: 20px;
}
.nav-links a {
text-decoration: none;
color: var(--gris);
font-weight: 500;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--cyan);
}
.btn-cotizar {
background-color: var(--azul-oscuro);
color: var(--blanco) !important;
padding: 10px 20px;
border-radius: 5px;
transition: background 0.3s;
}
.btn-cotizar:hover {
background-color: var(--cyan);
}
/* --- HERO SECTION (Portada) --- */
.hero {
height: 100vh;
background: linear-gradient(rgba(0, 59, 112, 0.8), rgba(0, 59, 112, 0.6)), url('https://images.unsplash.com/photo-1532153259564-a5f24f28aa9d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--blanco);
padding-top: 80px;
}
.hero-content h1 {
font-size: 3rem;
margin-bottom: 20px;
}
.hero-content p {
font-size: 1.2rem;
margin-bottom: 30px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.btn-hero {
display: inline-block;
background-color: var(--cyan);
color: var(--blanco);
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
font-size: 1.1rem;
}
/* --- SECCIONES GENERALES --- */
section {
padding: 80px 0;
}
h2 {
text-align: center;
font-size: 2.5rem;
color: var(--azul-oscuro);
margin-bottom: 50px;
position: relative;
}
h2::after {
content: '';
display: block;
width: 60px;
height: 4px;
background: var(--cyan);
margin: 10px auto 0;
}
/* --- NOSOTROS --- */
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.about-text p {
margin-bottom: 20px;
font-size: 1.1rem;
color: var(--gris);
}
.about-img img {
width: 100%;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
/* --- PRODUCTOS --- */
.bg-light {
background-color: var(--fondo-gris);
}
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.product-card {
background: var(--blanco);
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: transform 0.3s;
}
.product-card:hover {
transform: translateY(-5px);
}
.card-img {
height: 250px;
background-color: #ddd;
background-size: cover;
background-position: center;
}
/* Imágenes temporales genéricas */
.img-botella { background-image: url('https://images.unsplash.com/photo-1603052875302-d376b7c0638a?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80'); }
.img-preforma { background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/c/c5/PET_preforms.jpg/640px-PET_preforms.jpg'); }
.img-etiqueta { background-image: url('https://images.unsplash.com/photo-1595348020949-87cdfbb44174?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80'); }
.card-content {
padding: 20px;
}
.card-content h3 {
color: var(--azul-oscuro);
margin-bottom: 10px;
}
.card-content ul {
list-style: none;
margin-top: 10px;
}
.card-content ul li {
margin-bottom: 5px;
padding-left: 20px;
position: relative;
}
.card-content ul li::before {
content: '•';
color: var(--cyan);
font-weight: bold;
position: absolute;
left: 0;
}
.badge {
background-color: var(--gris);
color: white;
padding: 5px 10px;
font-size: 0.8rem;
border-radius: 4px;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
}
.badge-new {
background-color: var(--cyan);
}
/* --- CONTACTO --- */
.contact-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.contact-info {
flex: 1;
min-width: 300px;
background: var(--azul-oscuro);
color: var(--blanco);
padding: 40px;
border-radius: 10px;
}
.contact-info h3 {
margin-bottom: 20px;
color: var(--cyan);
}
.info-item {
margin-bottom: 20px;
display: flex;
align-items: center;
}
.info-item p {
font-size: 1.1rem;
}
.contact-form {
flex: 1;
min-width: 300px;
padding: 40px;
}
.form-group {
margin-bottom: 20px;
}
.form-group label {
display: block;
margin-bottom: 5px;
color: var(--gris);
}
.form-group input, .form-group textarea {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-family: inherit;
}
.btn-submit {
background-color: var(--azul-oscuro);
color: white;
border: none;
padding: 12px 30px;
border-radius: 5px;
cursor: pointer;
font-size: 1rem;
}
/* --- FOOTER --- */
footer {
background-color: #222;
color: #999;
text-align: center;
padding: 20px 0;
}
/* Responsive */
@media (max-width: 768px) {
.nav-links {
display: none; /* Simplificado para esta versión */
}
.about-grid {
grid-template-columns: 1fr;
}
.hero-content h1 {
font-size: 2rem;
}
}
</style>
</head>
<body>
<header>
<div class="container">
<nav>
<a href="#" class="logo">GAPC<span>Envases</span></a>
<ul class="nav-links">
<li><a href="#inicio">Inicio</a></li>
<li><a href="#nosotros">Nosotros</a></li>
<li><a href="#productos">Productos</a></li>
<li><a href="#contacto" class="btn-cotizar">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<section id="inicio" class="hero">
<div class="container hero-content">
<h1>Soluciones Integrales en Envases PET</h1>
<p>Fabricación de alta calidad para la industria de bebidas. Grado alimenticio, abasto confiable y tecnología de punta en Arandas, Jalisco.</p>
<a href="#productos" class="btn-hero">Ver Productos</a>
</div>
</section>
<section id="nosotros">
<div class="container">
<h2>Nuestra Empresa</h2>
<div class="about-grid">
<div class="about-text">
<p>En <strong>GAPC Envases</strong>, nos especializamos en ofrecer soluciones de envasado plástico para el mercado B2B. Ubicados estratégicamente en Arandas, Jalisco, proveemos a empresas que buscan calidad, higiene y certeza en sus suministros.</p>
<p>Entendemos las necesidades de la industria actual, por lo que nuestros procesos cumplen con los más altos estándares de <strong>grado alimenticio</strong>.</p>
<p>Más que proveedores, somos aliados estratégicos en la cadena de producción de nuestros clientes.</p>
</div>
<div class="about-img">
<img src="https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?ixlib=rb-1.2.1&auto=format&fit=crop&w=800&q=80" alt="Planta de producción GAPC Envases">
</div>
</div>
</div>
</section>
<section id="productos" class="bg-light">
<div class="container">
<h2>Nuestros Productos</h2>
<div class="products-grid">
<div class="product-card">
<div class="card-img img-botella"></div>
<div class="card-content">
<span class="badge">Disponible</span>
<h3>Botellas PET</h3>
<p>Envases diseñados para resaltar la pureza y calidad de su producto. Ideales para aguas naturales, de sabor y bebidas no carbonatadas.</p>
<ul>
<li>Capacidades hasta 1.5 Litros</li>
<li>Material PET Grado Alimenticio</li>
<li>Alta transparencia y resistencia</li>
</ul>
</div>
</div>
<div class="product-card">
<div class="card-img img-etiqueta"></div>
<div class="card-content">
<span class="badge">Servicio Plus</span>
<h3>Servicio de Etiquetado</h3>
<p>Optimizamos su cadena de suministro entregando el envase listo para el llenado. Ahorre tiempo y procesos logísticos.</p>
<ul>
<li>Aplicación profesional</li>
<li>Ajuste perfecto a la botella</li>
<li>Listas para línea de llenado</li>
</ul>
</div>
</div>
<div class="product-card">
<div class="card-img img-preforma"></div>
<div class="card-content">
<span class="badge badge-new">Próximamente</span>
<h3>Preformas PET</h3>
<p>Estamos ampliando nuestra capacidad instalada para ofrecer preformas de alta calidad para soplado propio.</p>
<ul>
<li>Diversos gramajes</li>
<li>Roscas estándar de industria</li>
<li>Materia prima virgen certificada</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="contacto">
<div class="container">
<h2>Contacto Comercial</h2>
<div class="contact-container">
<div class="contact-info">
<h3>GAPC Envases</h3>
<p style="margin-bottom:20px;">Atendemos requerimientos industriales y pedidos por volumen.</p>
<div class="info-item">
<strong>Ubicación:</strong> Arandas, Jalisco, México.
</div>
<div class="info-item">
<strong>Email:</strong> ventas@gapcenvases.com
</div>
<div class="info-item">
<strong>Teléfono:</strong> 348 106 2332
</div>
</div>
<div class="contact-form">
<form action="mailto:ventas@gapcenvases.com" method="post" enctype="text/plain">
<div class="form-group">
<label>Nombre de la Empresa</label>
<input type="text" placeholder="Su empresa" required>
</div>
<div class="form-group">
<label>Correo Electrónico</label>
<input type="email" placeholder="ejemplo@empresa.com" required>
</div>
<div class="form-group">
<label>Mensaje</label>
<textarea rows="4" placeholder="Estoy interesado en..." required></textarea>
</div>
<button type="submit" class="btn-submit">Enviar Correo</button>
</form>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<p>© 2026 GAPC Envases. Todos los derechos reservados.</p>
</div>
</footer>
</body>
</html>