/* Variabili Colori */ #landing-spreafin-wrapper { --primary-blue: #1e3a5f; --primary-red: #dc2626; --bg-light: #f8fafc; --text-dark: #1e293b; }
/* Utilities */ .spreafin-container { max-width: 1100px; margin: 0 auto; padding: 0 20px; } .spreafin-section-padding { padding: 80px 0; }
/* HERO SECTION */ .spreafin-hero { position: relative; height: 600px; background-color: var(--primary-blue); /* SOSTITUISCI IL LINK QUI SOTTO CON LA TUA FOTO DI SFONDO (es. Stadio o Squadra) */ background-image: url('https://placehold.co/1920x800/1e3a5f/ffffff?text=Sfondo+Stadio+o+Squadra'); background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; text-align: center; color: #fff; border-radius: 12px; overflow: hidden; margin-bottom: 40px; }
.spreafin-hero-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 58, 95, 0.6) 100%); z-index: 1; }
.spreafin-hero-content { position: relative; z-index: 2; max-width: 800px; padding: 20px; }
.spreafin-badges { margin-bottom: 25px; } .spreafin-badge { background: var(--primary-red); color: #fff; padding: 6px 18px; border-radius: 50px; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 0 5px; display: inline-block; }
.spreafin-hero h1 { font-size: 3rem; font-weight: 800; margin-bottom: 20px; line-height: 1.1; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,0.3); }
.spreafin-hero p.hero-sub { font-size: 1.3rem; margin-bottom: 40px; opacity: 0.95; font-weight: 300; }
.btn-spreafin { background: #fff; color: var(--primary-blue); padding: 16px 36px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: all 0.3s ease; display: inline-block; border: none; cursor: pointer; } .btn-spreafin:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,0.2); background: #f1f5f9; color: var(--primary-blue); }
/* VISION SECTION */ .vision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.vision-image img { width: 100%; height: auto; border-radius: 16px; box-shadow: 15px 15px 0px var(--primary-blue); object-fit: cover; }
.vision-text h2 { color: var(--primary-blue); font-size: 2.2rem; margin-bottom: 20px; font-weight: 700; }
.quote-box { border-left: 4px solid var(--primary-red); padding-left: 25px; margin-bottom: 30px; }
.quote-text { font-size: 1.25rem; font-style: italic; color: #475569; font-weight: 500; margin-bottom: 10px; display: block; }
.quote-author { font-size: 0.9rem; text-transform: uppercase; color: var(--primary-red); font-weight: 700; letter-spacing: 1px; }
/* COMPANY SECTION */ .company-section { background-color: var(--bg-light); border-radius: 16px; margin-top: 60px; }
.company-header { text-align: center; margin-bottom: 50px; } .company-logo { max-width: 280px; height: auto; margin-bottom: 20px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); }
.company-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 50px; }
.company-desc p { margin-bottom: 15px; font-size: 1.05rem; }
.btn-outline-spreafin { border: 2px solid var(--primary-blue); color: var(--primary-blue); padding: 12px 30px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-block; margin-top: 20px; transition: 0.3s; } .btn-outline-spreafin:hover { background: var(--primary-blue); color: #fff; }
.values-list { display: flex; flex-direction: column; gap: 20px; }
.value-item { background: #fff; padding: 20px 25px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); border-left: 5px solid var(--primary-red); transition: transform 0.2s; } .value-item:hover { transform: translateX(5px); }
.value-item h4 { color: var(--primary-blue); margin: 0 0 5px 0; font-size: 1.1rem; display: flex; align-items: center; gap: 10px; }
/* CTA FOOTER */ .spreafin-cta-footer { text-align: center; background: linear-gradient(135deg, var(--primary-blue) 0%, #0f172a 100%); color: #fff; padding: 60px 20px; border-radius: 16px; margin-top: 60px; } .btn-white { background: #fff; color: var(--primary-blue); padding: 15px 40px; border-radius: 50px; text-decoration: none; font-weight: 700; display: inline-block; margin-top: 20px; } .btn-white:hover { background: var(--primary-red); color: #fff; }
/* RESPONSIVE */ @media (max-width: 768px) { .spreafin-hero { height: 500px; } .spreafin-hero h1 { font-size: 2rem; } .vision-grid, .company-grid { grid-template-columns: 1fr; gap: 40px; } .vision-image { order: -1; } /* Immagine sopra su mobile */ .vision-image img { box-shadow: 10px 10px 0px var(--primary-blue); } }
Il Motore della Nostra Passione
USD Casatese Merate e Gruppo Spreafin: uniti per vincere, in campo e fuori.
Una Visione Comune
Il legame tra il Gruppo Spreafin e la USD Casatese Merate va oltre la semplice sponsorizzazione. È una condivisione profonda di valori: il rispetto per il territorio, la crescita dei giovani e la ricerca costante dell’eccellenza sportiva e professionale.
Eccellenza e Solidità al servizio del Futuro
Il Gruppo Spreafin rappresenta un punto di riferimento nel settore immobiliare e finanziario, distinguendosi per affidabilità e competenza. Una realtà imprenditoriale solida che ha fatto della trasparenza e della lungimiranza i suoi pilastri fondamentali.
Proprio come in una squadra di calcio, all’interno del Gruppo ogni elemento lavora in sinergia per raggiungere l’obiettivo comune, garantendo servizi di alta qualità e soluzioni su misura per ogni esigenza.
Supportare la USD Casatese Merate significa per noi investire nel futuro, restituendo al territorio parte del successo costruito con anni di impegno.
💎 Qualità
Standard elevati in ogni progetto, sia esso immobiliare, finanziario o sportivo.
🤝 Territorio
Un legame indissolubile con la comunità locale per creare valore condiviso.
🚀 Innovazione
Guardare sempre avanti con ambizione per anticipare le sfide del futuro.