body.single-eventi-teatro {
    background: #F7F3EB !important;
}

/* ============================
   EVENTI TEATRO – STILE BEIGE
   ============================ */

/* Sfondo generale */
.evento-teatro {
    background: #F7F3EB;
    padding: 40px 20px;
    font-family: "Inter", sans-serif;
    color: #3F2F23;
}

/* ----------------------------
   SEZIONE SCUOLA / OPERATORE
   ---------------------------- */
.scuola-teatro {
    background: #E8DFD3;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #CBBBA0;
    margin-bottom: 40px;
    text-align: center;
}


.scuola-teatro h2 {
    font-size: 32px;
    margin-bottom: 20px;
    color: #3F2F23;
    font-weight: 700;
}

/* FOTO SCUOLA – PIÙ GRANDE E ARMONIOSA */
.scuola-teatro img {
    width: 300px;          /* leggermente più grande */
    max-width: 90%;        /* sicurezza su mobile */
    border-radius: 12px;
    margin: 0 auto 20px;
    display: block;
}


.scuola-teatro p {
    margin: 6px 0;
    font-size: 18px;
    color: #3F2F23;
}

/* ----------------------------
   SEZIONE EVENTO
   ---------------------------- */
/* TITOLO EVENTO – CENTRATO E ARMONIOSO */
.evento-dettagli h1 {
    font-size: 36px;
    margin-bottom: 25px;
    color: #3F2F23;
    font-weight: 800;
    text-align: center;
    line-height: 1.2;
}


/* FOTO EVENTO – PIÙ PICCOLA E ARMONIOSA */
.evento-img {
    text-align: center;
}

.evento-img img {
    width: 70%;
    max-width: 540px;
    border-radius: 12px;
    margin: 0 auto 25px;
    display: block;
}


.evento-info {
    background: #E8DFD3;
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #CBBBA0;
    margin-bottom: 30px;
}

.evento-info p {
    margin: 8px 0;
    font-size: 18px;
}

/* ----------------------------
   MAPPA
   ---------------------------- */
.evento-mappa {
    margin: 30px 0;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #CBBBA0;
}

/* ----------------------------
   SEZIONE CONTATTI
   ---------------------------- */
.evento-contatti {
    margin-top: 50px;
}



.evento-contatti h2 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #3F2F23;
}

/* WhatsApp */
.btn-whatsapp {
    display: inline-block;
    background: #B8860B;
    color: white;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.btn-whatsapp:hover {
    background: #8C6A0A;
}

/* ----------------------------
   FORM ISCRIZIONE
   ---------------------------- */
.contatto-iscrizione {
    background: #E8DFD3;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #CBBBA0;
    margin-top: 30px;
}

.contatto-iscrizione h3 {
    margin-bottom: 20px;
    color: #3F2F23;
}

.contatto-iscrizione input,
.contatto-iscrizione textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #CBBBA0;
    background: #F7F3EB;
    font-size: 16px;
}

.contatto-iscrizione button {
    background: #B8860B;
    color: white;
    padding: 14px 24px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s;
}

.contatto-iscrizione button:hover {
    background: #8C6A0A;
}

/* ----------------------------
   MAILPOET
   ---------------------------- */
.contatto-mailpoet {
    margin-top: 40px;
    padding: 20px;
    background: #E8DFD3;
    border-radius: 12px;
    border: 1px solid #CBBBA0;
}

/* ----------------------------
   ARCHIVIO
   ---------------------------- */
.btn-archivio {
    display: inline-block;
    margin-top: 40px;
    background: #CBBBA0;
    color: #3F2F23;
    padding: 12px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.btn-archivio:hover {
    background: #B8A68C;
}

/* ----------------------------
   RESPONSIVE
   ---------------------------- */
@media (max-width: 768px) {
    .scuola-teatro,
    .evento-info,
    .contatto-iscrizione,
    .contatto-mailpoet {
        padding: 20px;
    }

    .evento-dettagli h1 {
        font-size: 28px;
    }

    .scuola-teatro h2 {
        font-size: 26px;
    }
}