Shop
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
}
header {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 20px 0;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 26px;
font-weight: bold;
display: flex;
align-items: center;
gap: 10px;
}
nav a {
color: white;
text-decoration: none;
margin-left: 30px;
transition: opacity 0.3s;
font-weight: 500;
}
nav a:hover {
opacity: 0.8;
}
.hero {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 80px 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: ”;
position: absolute;
top: -50%;
right: -10%;
width: 500px;
height: 500px;
background: rgba(255, 255, 255, 0.05);
border-radius: 50%;
}
.hero-content {
position: relative;
z-index: 1;
}
.hero h1 {
font-size: 52px;
margin-bottom: 20px;
font-weight: bold;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.hero p {
font-size: 22px;
margin-bottom: 40px;
opacity: 0.95;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.hero-buttons {
display: flex;
gap: 20px;
justify-content: center;
flex-wrap: wrap;
}
.btn {
display: inline-block;
padding: 14px 40px;
background: #ff6b35;
color: white;
text-decoration: none;
border-radius: 8px;
transition: all 0.3s;
border: none;
cursor: pointer;
font-size: 16px;
font-weight: bold;
box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3);
text-align: center;
}
.btn:hover {
background: #ff5520;
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
}
.btn-secondary {
background: white;
color: #1e3c72;
}
.btn-secondary:hover {
background: #f0f0f0;
}
.features {
padding: 100px 20px;
background: #f9f9f9;
}
.features h2 {
text-align: center;
font-size: 42px;
margin-bottom: 60px;
color: #1e3c72;
font-weight: bold;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
}
.feature-card {
background: white;
padding: 40px 30px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
text-align: center;
transition: all 0.3s;
border-top: 4px solid #ff6b35;
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}
.feature-icon {
font-size: 60px;
margin-bottom: 20px;
}
.feature-card h3 {
color: #1e3c72;
margin-bottom: 15px;
font-size: 22px;
font-weight: bold;
}
.feature-card p {
color: #666;
font-size: 15px;
line-height: 1.8;
}
.showcase {
padding: 100px 20px;
background: white;
}
.showcase h2 {
text-align: center;
font-size: 42px;
margin-bottom: 60px;
color: #1e3c72;
font-weight: bold;
}
.showcase-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: center;
}
.showcase-text h3 {
font-size: 32px;
color: #1e3c72;
margin-bottom: 20px;
font-weight: bold;
}
.showcase-text p {
color: #666;
font-size: 16px;
margin-bottom: 20px;
line-height: 1.8;
}
.showcase-features {
list-style: none;
margin: 30px 0;
}
.showcase-features li {
padding: 12px 0;
color: #666;
font-size: 16px;
border-bottom: 1px solid #eee;
display: flex;
align-items: center;
}
.showcase-features li:before {
content: “✓”;
color: #ff6b35;
font-weight: bold;
margin-right: 15px;
font-size: 20px;
}
.showcase-image {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
border-radius: 12px;
padding: 40px;
text-align: center;
color: white;
min-height: 400px;
display: flex;
align-items: center;
justify-content: center;
font-size: 80px;
}
.plans {
padding: 100px 20px;
background: #f9f9f9;
}
.plans h2 {
text-align: center;
font-size: 42px;
margin-bottom: 60px;
color: #1e3c72;
font-weight: bold;
}
.plans-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.plan-card {
background: white;
border: 2px solid #e0e0e0;
border-radius: 12px;
padding: 40px 30px;
text-align: center;
transition: all 0.3s;
position: relative;
}
.plan-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
border-color: #ff6b35;
}
.plan-card.featured {
border-color: #ff6b35;
background: linear-gradient(135deg, rgba(255,107,53,0.05) 0%, rgba(255,107,53,0.02) 100%);
transform: scale(1.08);
box-shadow: 0 10px 40px rgba(255,107,53,0.2);
}
.plan-badge {
position: absolute;
top: -15px;
right: 20px;
background: #ff6b35;
color: white;
padding: 8px 16px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
}
.plan-card h3 {
color: #1e3c72;
font-size: 28px;
margin-bottom: 15px;
font-weight: bold;
}
.plan-subtitle {
color: #999;
font-size: 14px;
margin-bottom: 20px;
font-style: italic;
}
.plan-price {
font-size: 42px;
color: #ff6b35;
font-weight: bold;
margin: 20px 0;
}
.plan-price span {
font-size: 16px;
color: #666;
}
.plan-features {
text-align: left;
margin: 30px 0;
padding: 20px 0;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}
.plan-features li {
list-style: none;
padding: 10px 0;
color: #666;
font-size: 15px;
display: flex;
align-items: center;
}
.plan-features li:before {
content: “✓”;
color: #ff6b35;
font-weight: bold;
margin-right: 12px;
font-size: 18px;
}
.plan-features li.new:before {
content: “✨”;
}
.plan-card .btn {
width: 100%;
margin-top: 20px;
}
.comparison {
padding: 100px 20px;
background: white;
}
.comparison h2 {
text-align: center;
font-size: 42px;
margin-bottom: 60px;
color: #1e3c72;
font-weight: bold;
}
.comparison-table {
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
margin-bottom: 40px;
}
.comparison-table table {
width: 100%;
border-collapse: collapse;
}
.comparison-table th {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 20px;
text-align: left;
font-weight: bold;
}
.comparison-table td {
padding: 15px 20px;
border-bottom: 1px solid #eee;
}
.comparison-table tr:hover {
background: #f9f9f9;
}
.comparison-table td:first-child {
font-weight: bold;
color: #1e3c72;
}
.check {
color: #ff6b35;
font-weight: bold;
font-size: 20px;
}
.cta {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 80px 20px;
text-align: center;
}
.cta h2 {
font-size: 42px;
margin-bottom: 20px;
font-weight: bold;
}
.cta p {
font-size: 20px;
margin-bottom: 40px;
opacity: 0.95;
}
footer {
background: #1a1a1a;
color: white;
padding: 40px 20px;
text-align: center;
}
footer p {
margin-bottom: 10px;
}
@media (max-width: 768px) {
.hero h1 {
font-size: 36px;
}
.hero p {
font-size: 18px;
}
.hero-buttons {
flex-direction: column;
}
.btn {
width: 100%;
}
nav a {
margin-left: 15px;
font-size: 14px;
}
.plan-card.featured {
transform: scale(1);
}
.showcase-content {
grid-template-columns: 1fr;
}
.comparison-table {
overflow-x: auto;
}
}
El Mejor Sistema ERP del Mercado
Dolibarr en la nube – Completo, sin instalación, facturación electrónica, stock, proveedores y mucho más
¿Por qué elegir Sistemas Grupo Aquino?
En la Nube
Sin instalación. Accede desde cualquier lugar, en cualquier dispositivo, en cualquier momento.
Completo
Stock, proveedores, facturación electrónica, bancos, kit de productos y mucho más integrado.
Ventas y Compras
Gestiona todas tus operaciones comerciales en un solo lugar de forma centralizada.
WhatsApp Integrado
Envía presupuestos y facturas directamente por WhatsApp a tus clientes.
Inteligencia Artificial
IA que responde mensajes y genera presupuestos automáticamente por ti.
Integraciones
Conecta con Woocommerce, Prestashop y otros sistemas de tu negocio.
Potencia Tu Negocio
Todo lo que necesitas para vender
Dolibarr es la solución ERP más completa del mercado. Gestiona tu negocio de forma profesional sin complicaciones.
- Facturación electrónica integrada
- Control de inventario en tiempo real
- Gestión de proveedores y clientes
- Reportes y análisis detallados
- Seguridad empresarial
- Soporte técnico 24/7
Planes Diseñados para Ti
Básico
- ✓ Stock y Inventario
- ✓ Gestión de Proveedores
- ✓ Facturación Electrónica
- ✓ Kit de Productos
- ✓ Gestión de Bancos
- ✓ Reportes Básicos
Woocommerce
- ✓ Todo del Plan Básico
- ✨ Integración Woocommerce
- ✨ Sincronización de Productos
- ✨ Gestión de Pedidos Online
- ✨ Inventario Automático
- ✓ Todo del Plan Woocommerce
- ✨ Envío por WhatsApp
- ✨ Presupuestos por WhatsApp
- ✨ Facturas por WhatsApp
- ✨ Notificaciones Automáticas
IA Completa
- ✓ Todo Incluido
- ✨ IA Inteligente
- ✨ Responde Mensajes Automáticamente
- ✨ Genera Presupuestos con IA
- ✨ Automatización Total
Comparación de Planes
| Característica | Básico | Woocommerce | IA Completa | |
|---|---|---|---|---|
| Stock e Inventario | ✓ | ✓ | ✓ | ✓ |
| Facturación Electrónica | ✓ | ✓ | ✓ | ✓ |
| Gestión de Proveedores | ✓ | ✓ | ✓ | ✓ |
| Integración Woocommerce | — | ✓ | ✓ | ✓ |
| Envío por WhatsApp | — | — | ✓ | ✓ |
| Inteligencia Artificial | — | — | — | ✓ |
| Soporte Prioritario | — | — | ✓ | ✓ |
¿Listo para Transformar tu Negocio?
Comienza hoy mismo con Sistemas Grupo Aquino y obtén acceso inmediato
Mostrando el único resultado
