/* CONTAINER CHI SIAMO ------------------------------------------------------------------------------------------------------------------------------------ */

/* Contenitore più flessibile */
.container {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* Sezione Chi siamo: testo sempre dentro il box */
#about {
    background: #fff;
    padding: 24px;
    border-radius: 8px;
    box-sizing: border-box;
}

/* Evita che il testo esca quando lo schermo si stringe */
#about p {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Sfunatura pulsante valutazione gratuita */
.cta-primary {
    background:#EA723D;
    color:#fff;
    border:1px solid #EA723D;
    transition: all 0.2s ease;
}

.cta-primary:hover {
    background:#fff;
    color:#EA723D;
    border-color:#EA723D;
}

/* Sfunatura pulsante prenota un incontro */
.cta-secondary:hover {
    background:#EA723D;
    color:#fff !important;
    border-color:#EA723D;
}

/* mette manina sul pulsante invia */
button {
    cursor: pointer;
}


/* IMMOBILI ------------------------------------------------------------------------------------------------------------------------------------ */

.page-title {
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* CONTATTI ------------------------------------------------------------------------------------------------------------------------------------ */

/* Wrapper mappa con stessa larghezza delle tre colonne */
.contact-map-wrapper {
    max-width: 1200px;      /* identico alla griglia */
    margin: 60px auto 60px; /* stacca sopra e sotto */
    padding: 0 20px;        /* identico padding laterale */
}

/* Box mappa */
.contact-map iframe {
    width: 100%;
    height: 420px;
    border: none;
    border-radius: 8px;     /* stesso stile delle foto */
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .contact-map iframe {
        height: 320px;
    }
}


/* FOOTER ------------------------------------------------------------------------------------------------------------------------------------ */

.footer {
    background: #303030;
    color: #808080;
    padding: 50px 0;
    margin-top: 0px;
}

/* Il container ora è un contenitore verticale */
.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Le 4 colonne stanno qui dentro */
.footer-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr; /* 1/5, 1/5, 2/5, 1/5 */
    gap: 40px;
}

.footer-col h4.footer-title {
    font-size: 1.1rem;
    margin-bottom: 15px;
    color: #F0FEF2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Logo centrato */
.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-logo-img {
    max-height: 10em;
    object-fit: contain;
}

/* Link */
.footer-links li,
.footer-contacts li {
    margin-bottom: 8px;
}

.footer-links a,
.footer-contacts a {
    color: #808080;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-links a:hover,
.footer-contacts a:hover {
    color: #F0FEF2;
}

.footer-contact-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #808080;
}

.footer-contact-row i {
    margin-right: 8px;
    color: #808080; /* icone grigie */
}

.footer-contact-row .contact-link {
    color: #808080;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-contact-row .contact-link:hover {
    color: #F0FEF2;
}

.footer-contacts i {
    margin-right: 8px;
    color: #808080; /* icone grigie */
}

/* Social su più righe */
.footer-social {
    display: flex;
    flex-direction: column; /* una voce per riga */
    gap: 8px; /* come i contatti */
}

.footer-social .social-icon {
    color: #808080;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.2s ease;
}

.footer-social .social-icon:hover {
    color: #F0FEF2;
}

/* COPYRIGHT CENTRATO */
.footer-container .copyrights {
    margin-top: 0px;
    text-align: center;
    color: #808080;
}

.footer-container .copyrights a {
    color: #808080;
    text-decoration: none;
}

.footer-container .copyrights a:hover {
    color: #F0FEF2;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}

@media (max-width: 480px) {
    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-logo-img {
        margin: 0 auto;
    }
}

.linea {
    width: 100%;
    height: 1px;
    background-color: #ccc; /* puoi cambiare colore */
    margin: 20px 0;         /* spazio sopra e sotto */
}

.seo-bottom a {
    color: #808080;             /* usa lo stesso colore del resto del sito */
    text-decoration: underline;  /* come gli altri link */
    font-weight: 500;            /* opzionale, se vuoi un po' più di enfasi */
}

.seo-bottom a:hover {
    color: #F0FEF2;              /* colore hover del sito */
}