/* Importazione del Font */

body {

    font-family: 'Montserrat', sans-serif;

    padding-top: 70px; /* Per evitare che la navbar fissa copra il contenuto */

}



/* Colori principali e Stili Generali */

:root {

    --primary-color: #0d6efd; /* Blu di Bootstrap, personalizzabile */

    --secondary-color: #6c757d; /* Grigio */

    --dark-color: #212529;

}



.text-primary {

    color: var(--primary-color) !important;

}



hr {

    width: 80px;

    border-top: 3px solid var(--primary-color);

    opacity: 1;

}



/* Sezione Hero (Intestazione) */

.hero-section {

    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1554224155-8d04421cd6a8?q=80&w=1740&auto=format&fit=crop') no-repeat center center; 

    background-size: cover;

    height: 90vh;

    color: white;

}



.hero-section .lead {

    max-width: 700px;

    margin-left: auto;

    margin-right: auto;

}



/* Bottoni */

.btn-primary {

    background-color: var(--primary-color);

    border: none;

    padding: 12px 30px;

    font-weight: 600;

}

.btn-primary:hover {

    background-color: #0b5ed7;

}



.btn-outline-light {

    padding: 12px 30px;

    font-weight: 600;

}



/* Card Servizi */

.card {

    border: none;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.card:hover {

    transform: translateY(-10px);

    box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important;

}



/* Footer */

footer {

    background-color: var(--dark-color);

}

footer a {

    text-decoration: none;

}

footer a:hover {

    text-decoration: underline;

}



/* Navbar */

.navbar-brand {

    color: var(--primary-color);

}

.nav-link {

    font-weight: 600;

}


a.logo {
    font-size: 30px;   
}
}