Club VIP Partners - Red de excelencia
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Arial', sans-serif;
background: #ffffff;
color: #333333;
overflow-x: hidden;
}
.stars {
display: none;
}
@keyframes sparkle {
from { transform: translateY(0px); }
to { transform: translateY(-100px); }
}
.container {
position: relative;
z-index: 10;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.header {
text-align: center;
margin-bottom: 60px;
padding: 60px 20px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 30px;
border: 2px solid #ffd700;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
animation: glow 3s ease-in-out infinite alternate;
}
@keyframes glow {
from { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 20px rgba(255, 215, 0, 0.2); }
to { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1), 0 0 40px rgba(255, 215, 0, 0.4); }
}
.crown {
font-size: 4rem;
color: #ffd700;
margin-bottom: 20px;
animation: float 3s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.title {
font-size: 3.5rem;
font-weight: bold;
margin-bottom: 20px;
background: linear-gradient(135deg, #1a1a3e 0%, #2d2d5f 50%, #1a1a3e 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none;
}
.subtitle {
font-size: 1.3rem;
color: #666666;
margin-bottom: 30px;
opacity: 0.9;
}
.exclusive-badge {
display: inline-block;
background: linear-gradient(45deg, #ffd700, #ffed4e);
color: #1a1a3e;
padding: 15px 30px;
border-radius: 50px;
font-weight: bold;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 2px;
box-shadow: 0 10px 25px rgba(255, 215, 0, 0.3);
animation: pulse 2s infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.section {
margin-bottom: 80px;
}
.section-title {
font-size: 2.5rem;
text-align: center;
margin-bottom: 50px;
color: #ffd700;
position: relative;
}
.section-title:after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 3px;
background: linear-gradient(90deg, transparent, #ffd700, transparent);
}
.partners-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-top: 50px;
}
.partner-card {
background: #ffffff;
border-radius: 25px;
padding: 30px;
text-align: center;
border: 2px solid #e9ecef;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}
.partner-card:before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: linear-gradient(45deg, #ffd700, transparent, #ffd700);
border-radius: 25px;
opacity: 0;
z-index: -1;
transition: opacity 0.4s ease;
display: none;
}
.partner-card:hover {
transform: translateY(-10px) scale(1.02);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
border-color: #ffd700;
background: #ffffff;
}
.partner-card:hover:before {
opacity: 0;
}
.partner-icon {
width: 80px;
height: 80px;
margin: 0 auto 25px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.4rem;
font-weight: 300;
border-radius: 50%;
background: #1a1a3e;
color: #ffd700;
border: 2px solid #ffd700;
transition: all 0.3s ease;
font-family: 'Georgia', serif;
letter-spacing: 2px;
}
.partner-card:hover .partner-icon {
background: #ffd700;
color: #1a1a3e;
box-shadow: 0 8px 20px rgba(255, 215, 0, 0.4);
transform: scale(1.05);
}
.partner-name {
font-size: 1.4rem;
font-weight: bold;
margin-bottom: 15px;
color: #333333;
}
.partner-location {
color: #666666;
margin-bottom: 15px;
font-size: 1rem;
}
.partner-features {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-top: 20px;
}
.feature-tag {
background: rgba(255, 215, 0, 0.2);
color: #ffd700;
padding: 5px 12px;
border-radius: 20px;
font-size: 0.8rem;
border: 1px solid rgba(255, 215, 0, 0.3);
}
.join-section {
text-align: center;
padding: 60px 40px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 30px;
margin-top: 80px;
border: 2px solid #ffd700;
}
.join-title {
font-size: 2.8rem;
margin-bottom: 25px;
color: #ffd700;
}
.join-text {
font-size: 1.2rem;
margin-bottom: 35px;
color: #555555;
line-height: 1.6;
}
.cta-button {
display: inline-block;
background: linear-gradient(45deg, #ffd700, #ffed4e);
color: #1a1a3e;
padding: 18px 40px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 15px 35px rgba(255, 215, 0, 0.4);
transition: all 0.3s ease;
}
.cta-button:hover {
transform: translateY(-5px);
box-shadow: 0 20px 45px rgba(255, 215, 0, 0.6);
}
.benefits {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
margin: 50px 0;
}
.benefit {
text-align: center;
padding: 25px;
background: #ffffff;
border-radius: 20px;
border: 2px solid #e9ecef;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.benefit-icon {
font-size: 2.5rem;
color: #ffd700;
margin-bottom: 15px;
}
@media (max-width: 768px) {
.title {
font-size: 2.5rem;
}
.section-title {
font-size: 2rem;
}
.partners-grid {
grid-template-columns: 1fr;
}
}
Una sola app para gestionar los dispensadores y los servicios del centro, y para integrar los sistemas de gestión y administración más habituales.
️ Marine Exclusive
🛥
Dársena Le Saline
📍 Véneto
AccesosDuchas Recarga de coches eléctricos AparcamientosConsumo de energía y agua
️️🛥
Puerto de Santa Teresa
📍 Cerdeña
Consumo de energía y agua Accesos AparcamientosDuchas
🛥
Kos Island Marine
📍 Grecia
Consumo de energía y agua Integración con el DMS Tarjeta de crédito
️️🛥
Puerto de Egina
📍 Grecia
Consumo de energía y agua Integración con el sistema de gestión de datos (DMS) Tarjeta de crédito
️️🛥
Puerto de San Rocco
📍 Friuli-Venecia Julia
Consumo de energía y agua La nube Integración con el sistema de gestión de documentos (DMS)
️️🛥
Autoridad Portuaria de Mykonos
📍 Grecia
Consumo de energía y agua La nube Pedestal inteligente
️️🛥
Paros Park
📍 Grecia
Consumo de energía y agua Integración con el sistema de gestión de edificios (DMS) Tarjeta de crédito
Campings Premium
🏕
Área de autocaravanas de Rímini
📍 Emilia-Romaña
Consumo de energía Integración con el sistema de gestión de edificios (DMS) Tarjeta de crédito
🏕
Camping Cevedale
📍 Trentino
Consumo de energía y agua Integración con el sistema de gestión de datos (DMS) Tarjeta de crédito
🏕
Tahiti Camping Village
📍 Emilia-Romaña
Consumo de energía Nube Pedestal inteligente
🏕
Florenz Unique Nature
📍 Emilia-Romaña
Consumo de agua y electricidad Nube Pedestal inteligente
🏕
Camping Principina
📍 Toscana
Consumo de agua y luz Nube Integración con DMS
🏕
Movyon
📍 Emilia-Romaña
Consumo de energía y luz Tarjeta de crédito Recarga de vehículos eléctricos
Únete al CLUB
Únete a nuestra exclusiva red de socios de prestigio. Juntos construiremos el futuro del turismo en Italia.
-
Asistencia continua
Atención al cliente los 7 días de la semana, incluidos los días festivos
-
Control total
Gestión centralizada de todos los servicios que ofrece el centro
-
Alianzas estratégicas
Colaboraciones exclusivas con otros socios de élite
-
Innovación sostenible
Crear valor que crezca con el tiempo y ahorre recursos
Solicita el PREMIUM CLUB
// Effetto parallax sulle stelle
document.addEventListener('scroll', () => {
const stars = document.querySelector('.stars');
const scrolled = window.pageYOffset;
stars.style.transform = `translateY(${scrolled * 0.2}px)`;
});
// Animazione di comparsa delle cards
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, observerOptions);
// Applica l'animazione a tutte le cards
document.querySelectorAll('.partner-card').forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(50px)';
card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
observer.observe(card);
});
// Effetto hover dinamico sulle cards
document.querySelectorAll('.partner-card').forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.background = '#ffffff';
});
card.addEventListener('mouseleave', function() {
this.style.background = '#ffffff';
});
});
