/* 2026: pagine interne (components/scheda-interna.html). Solo struttura e leggibilità: colori e caratteri del tema. */

.scheda__griglia {
    display: grid;
    gap: 48px;
}

/* senza riquadro laterale (privacy, termini, partner Daitem): una colonna centrata */
.scheda__griglia:not(.scheda__griglia--laterale) .scheda__corpo {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

/* con il riquadro del preventivo (chi siamo, servizi): testo e foto a sinistra, riquadro a destra */
@media (min-width: 992px) {
    .scheda__griglia--laterale {
        grid-template-columns: minmax(0, 1fr) 300px;
        align-items: start;
        gap: 64px;
    }
}

.scheda__titolo {
    color: #222;
    font-size: clamp(28px, 2.2vw + 16px, 40px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-wrap: balance;
    margin: 0;
}

.scheda__foto {
    display: block;
    width: 100%;
    height: auto;
    max-height: 440px;
    object-fit: cover;
    margin-top: 28px;
    border-radius: 4px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}
.scheda__galleria .owl-carousel { margin-top: 28px; }
.scheda__galleria img { border-radius: 4px; }

/* testo: misura da lettura (circa 70 caratteri) e grigio leggibile (prima #999 su bianco, contrasto 2,8:1) */
.scheda__testo {
    max-width: 68ch;
    margin-top: 32px;
    font-size: 15px;
    line-height: 1.75;
    color: #555;
}
.scheda__testo p,
.scheda__testo li {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: 400;
}
.scheda__testo p { margin: 0 0 16px; }
.scheda__testo ul,
.scheda__testo ol { margin: 0 0 20px; padding-left: 22px; }
.scheda__testo ul li { list-style: disc; margin-bottom: 6px; }
.scheda__testo ol li { list-style: decimal; margin-bottom: 6px; }
.scheda__testo h2,
.scheda__testo h3,
.scheda__testo h4,
.scheda__testo h5 {
    color: #222;
    font-weight: 600;
    line-height: 1.3;
    text-wrap: balance;
    margin: 36px 0 12px;
}
.scheda__testo h2 { font-size: 24px; }
.scheda__testo h3 { font-size: 21px; }
.scheda__testo h4,
.scheda__testo h5 { font-size: 18px; }
.scheda__testo strong,
.scheda__testo b { color: #333; }
.scheda__testo a { text-decoration: underline; text-underline-offset: 3px; }
.scheda__testo img { max-width: 100%; height: auto; }
.scheda__testo table { width: 100%; border-collapse: collapse; margin: 0 0 20px; }
.scheda__testo td,
.scheda__testo th { border: 1px solid #e5e5e5; padding: 8px 10px; vertical-align: top; }
.scheda__testo > :last-child { margin-bottom: 0; }
/* il testo giustificato messo in admin crea buchi tra le parole nella colonna stretta */
.scheda__testo [style*="justify"] { text-align: left !important; }

/* il riquadro del preventivo nella colonna laterale: stesso azzurro, testi blu scuro (prima bianco e grigio #777
   sull'azzurro e "VEDI" azzurro su rosso: contrasto sotto 2,5:1) */
.scheda__laterale .box-richieste {
    padding: 36px 28px;
    border-radius: 4px;
}
.scheda__laterale .box-richieste .section-heading { margin-top: 0; }
.scheda__laterale .box-richieste .semi-bold { color: #0b2a35; text-wrap: balance; }
.scheda__laterale .box-richieste p { color: #0b2a35; font-size: 15px; line-height: 1.6; }
.scheda__laterale .box-richieste .button-dark,
.scheda__laterale .box-richieste .button-dark:hover,
.scheda__laterale .box-richieste .button-dark:focus { color: #fff; font-weight: 600; background-color: #d40000; border-color: #d40000; }
