/* Importa Bootstrap via CDN */
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css');

/* Importa il font Montserrat da Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Stile generale */
body {
    background-color: #f8f9fa;
    font-family: 'Montserrat', sans-serif;
    padding-top: 60px;
}

/* Header e Footer con colore planIT */
header, footer {
    background-color: #0d6efd;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

/* Container principale */
.container {
    max-width: 960px;
}

/* Card per form e pannelli */
.card {
    margin-bottom: 20px;
    border: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Bottone personalizzato */
.btn-custom {
    background-color: #0d6efd;
    border: none;
    color: #fff;
    padding: 10px 20px;
}

.btn-custom:hover {
    background-color: #0b5ed7;
}

/* Stili per le sezioni dei form */
.sezione {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.sezione h4 {
    margin-bottom: 15px;
    color: #0d6efd;
}

/* Trasforma in maiuscolo tutti gli input di tipo text e le textarea */
input[type="text"],
textarea {
    text-transform: uppercase;
}

/* Il campo email non viene trasformato */
input[type="email"] {
    text-transform: none;
}