.elementor-15 .elementor-element.elementor-element-b0c3480{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-fd6ee6b{text-align:center;}.elementor-15 .elementor-element.elementor-element-fd6ee6b .elementor-heading-title{color:#1A1C22;}.elementor-15 .elementor-element.elementor-element-fd158f1{text-align:center;}.elementor-15 .elementor-element.elementor-element-fd158f1 .elementor-heading-title{color:#1A1C22;}.elementor-15 .elementor-element.elementor-element-23fd84d{text-align:center;}.elementor-15 .elementor-element.elementor-element-23fd84d .elementor-heading-title{color:#1A1C22;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15 .elementor-element.elementor-element-1e6660b{--spacer-size:50px;}.elementor-bc-flex-widget .elementor-15 .elementor-element.elementor-element-1d8966c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15 .elementor-element.elementor-element-1d8966c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15 .elementor-element.elementor-element-1d8966c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15 .elementor-element.elementor-element-73b0ea1{text-align:center;}/* Start custom CSS for text-editor, class: .elementor-element-73b0ea1 */.my-custom-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

.my-custom-table th,
.my-custom-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center; /* Centra il testo in tutte le intestazioni e celle */
    font-size: 16px; /* Dimensione del testo predefinita per desktop (es. 16px) */
}

.my-custom-table th {
    background-color: #f2f2f2;
    color: #333;
    font-weight: bold;
}

.my-custom-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.my-custom-table tr:hover {
    background-color: #e9e9e9;
}

/* Regole per la responsività - APPLICATE SOLO SU SCHERMI FINO A 768PX */
@media screen and (max-width: 768px) {
    .my-custom-table th,
    .my-custom-table td {
        font-size: 12pt; /* RIDUCI IL TESTO A 12PT SOLO SU MOBILE */
    }

    /* SOLUZIONE A: Rendi la tabella scrollabile orizzontalmente
       Questo richiede un div wrapper attorno alla tabella nel tuo HTML:
       <div class="my-custom-table-wrapper">
           <table class="my-custom-table">...</table>
       </div>
    */
    .my-custom-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Migliora lo scrolling su iOS */
    }
}/* End custom CSS */