/* CSS Document */

:root {
        --color-blue: #0073bc; /* Colore Aelit */
        --color-green: #8cc63f; /* Colore Indi */
        --color-grey-light: #f4f7f9;
        --color-text: #333;
    }

    .comparison-section {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        max-width: 1100px;
        margin: 40px auto;
        padding: 20px;
        color: var(--color-text);
    }

    .comparison-table {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        border-radius: 12px;
        overflow: hidden;
        background: white;
    }

    .comparison-table th {
        padding: 20px;
        text-align: center;
        font-size: 1.1em;
        text-transform: uppercase;
    }

    .header-challenge { background-color: #eee; color: #666; width: 25%; }
    .header-old { background-color: #f9f9f9; color: #888; width: 35%; }
    .header-new { background-color: var(--color-blue); color: white; width: 40%; }

    .comparison-table td {
        padding: 18px 20px;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
    }

    .icon-cell {
        font-weight: bold;
        color: #555;
        background-color: var(--color-grey-light);
    }

    .icon-cell i {
        margin-right: 10px;
        color: var(--color-blue);
        width: 25px;
        text-align: center;
    }

    .new-service-cell {
        background-color: rgba(0, 115, 188, 0.03);
        font-weight: 500;
        border-left: 2px solid var(--color-blue);
    }

    .new-service-cell strong { color: var(--color-blue); }

    /* Stile per la Call to Action */
    .cta-block {
        margin-top: 40px;
        text-align: center;
        background: var(--color-grey-light);
        padding: 35px;
        border-radius: 12px;
        border-bottom: 5px solid var(--color-green);
    }

    .cta-block h2 { color: var(--color-blue); margin-top: 0; }

    .btn-quote {
        display: inline-block;
        background-color: var(--color-green);
        color: white;
        padding: 15px 35px;
        text-decoration: none;
        font-weight: bold;
        border-radius: 50px;
        margin-top: 20px;
        transition: transform 0.2s, background 0.2s;
        box-shadow: 0 4px 15px rgba(140, 198, 63, 0.3);
    }

    .btn-quote:hover {
        background-color: #7ab335;
        transform: translateY(-2px);
    }

    /* Ottimizzazione Mobile */
    @media (max-width: 768px) {
        .comparison-table thead { display: none; }
        .comparison-table tr { display: block; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 8px; }
        .comparison-table td { display: block; width: 100% !important; box-sizing: border-box; text-align: left !important; }
        .icon-cell { background-color: var(--color-blue); color: white; }
        .icon-cell i { color: white; }
        .new-service-cell { border-left: none; background-color: #eef9ff; }
    }