/* Container principale */

.contatti-container { max-width: 1200px; margin: 40px auto; padding: 0 15px; width: 100%; box-sizing: border-box; }



.contatti-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 40px;

    align-items: stretch;

    width: 100%;

}



/* Info e Form */

.info-box, .form-contatto {

    padding: 20px;

    background: #fff;

    border: 1px solid #e1e1e1;

    border-radius: 8px;

    display: flex;

    flex-direction: column;

}



.info-nome { font-size: 1.6rem; color: #002366; margin-bottom: 30px; }

.info-item { font-size: 1.2rem; margin-bottom: 25px; display: flex; align-items: flex-start; gap: 15px; }

.icona { font-size: 1.5rem; margin-top: 5px; }



/* Immagine */

.contatti-immagine-container { margin-top: auto; padding: 15px; border: 1px solid #d3dbe6; border-radius: 8px; }

.contatti-immagine-container img { width: 100%; height: auto; display: block; border-radius: 4px; }



/* Form */

.form-contatto { gap: 15px; background: #f9f9f9; }

.form-contatto input, .form-contatto textarea { width: 100%; padding: 12px; box-sizing: border-box; border: 1px solid #ccc; }

.btn-invia { background: #002366; color: white; padding: 15px; border: none; cursor: pointer; }



/* Mappa */

.mappa-section { margin-top: 50px; width: 100%; }

.mappa-container { width: 100%; border: 5px solid #d3dbe6; border-radius: 8px; overflow: hidden; }



/* Responsive */

@media (max-width: 900px) {

    .contatti-grid { grid-template-columns: 1fr; }

}



.privacy-box {

    display: flex;

    align-items: flex-start; /* Allinea in alto la checkbox col testo */

    gap: 10px;               /* Spazio tra checkbox e testo */

    margin-top: 15px;

    margin-bottom: 15px;

}



/* Opzionale: assicura che la checkbox non si restringa */

.privacy-box input[type="checkbox"] {

    width: auto !important;

    margin-top: 4px;

}