/* _content/ShowRoom/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-c28l8rlxip] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-c28l8rlxip] {
    flex: 1;
    padding-left: 250px;
}

.sidebar[b-c28l8rlxip] {
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    transition: transform 0.3s ease-in-out;
    background-color: rgba(40, 44, 52, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.top-row[b-c28l8rlxip] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end; /* A DESTRA su desktop */
    height: 3.5rem;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
    position: relative;
    z-index: 102;
}

.navbar-toggler[b-c28l8rlxip] {
    display: none;
    border: none;
    background: transparent;
    font-size: 1.5rem;
    color: #333;
}

    .navbar-toggler:focus[b-c28l8rlxip] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

.overlay[b-c28l8rlxip] {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.top-row-links a[b-c28l8rlxip] {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: #007bff;
}

.legal-info-container[b-c28l8rlxip] {
    display: none;
}

.legal-info-btn[b-c28l8rlxip] {
    border: 1px solid #ced4da;
    background-color: #fff;
    color: #5a6872;
    padding: 0.4rem 0.8rem;
    border-radius: 20px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .legal-info-btn:focus[b-c28l8rlxip] {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .legal-info-btn:hover[b-c28l8rlxip] {
        background-color: #e9ecef;
    }

.legal-dropdown-menu[b-c28l8rlxip] {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    padding: 0.5rem 0;
    border: 1px solid #dee2e6;
}

    .legal-dropdown-menu.show[b-c28l8rlxip] {
        display: block;
    }

    .legal-dropdown-menu a[b-c28l8rlxip] {
        display: block;
        padding: 0.75rem 1.25rem;
        color: #34495e;
        text-decoration: none;
        white-space: nowrap;
        transition: background-color 0.2s ease;
    }

        .legal-dropdown-menu a:hover[b-c28l8rlxip] {
            background-color: #f8f9fa;
        }


/* --- SEZIONE PER DISPOSITIVI MOBILI --- */
@media (max-width: 991.98px) {
    main[b-c28l8rlxip] {
        padding-left: 0;
    }

    /* CORREZIONE: Imposta la separazione dei pulsanti */
    .top-row[b-c28l8rlxip] {
        justify-content: space-between;
    }

    .navbar-toggler[b-c28l8rlxip] {
        display: block;
    }

    .top-row-links[b-c28l8rlxip] {
        display: none;
    }

    .legal-info-container[b-c28l8rlxip] {
        display: block;
    }

    .legal-info-btn[b-c28l8rlxip] {
        border-color: #007bff;
        color: #007bff;
    }

    .sidebar[b-c28l8rlxip] {
        transform: translateX(-100%);
    }

        .sidebar.open[b-c28l8rlxip] {
            transform: translateX(0);
        }

    .overlay.show[b-c28l8rlxip] {
        display: block;
    }
}
/* _content/ShowRoom/Components/Layout/NavMenu.razor.rz.scp.css */
.nav-container[b-s7pqppia5r] {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sidebar-header[b-s7pqppia5r] {
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 1.25rem;
    font-weight: 600;
    color: #fff;
    flex-shrink: 0;
}

.nav-container > nav[b-s7pqppia5r] {
    flex-grow: 1;
    overflow-y: auto;
    padding-bottom: 1rem;
}

.nav-item[b-s7pqppia5r] {
    padding: 0.25rem 1rem;
}

    .nav-item[b-s7pqppia5r]  .nav-link {
        color: #adb5bd;
        border-radius: 6px;
        height: 3rem;
        display: flex;
        align-items: center;
        padding: 0 1rem;
        transition: all 0.2s ease-in-out;
        text-decoration: none;
    }

        .nav-item[b-s7pqppia5r]  .nav-link:hover {
            background-color: rgba(255, 255, 255, 0.1);
            color: #ffffff;
        }

    .nav-item[b-s7pqppia5r]  a.active {
        background-color: rgba(255, 255, 255, 0.15);
        color: #ffffff;
        font-weight: 600;
    }

    .nav-item[b-s7pqppia5r]  .bi {
        width: 1.5rem;
        font-size: 1.1rem;
        margin-right: 0.75rem;
        color: #6c757d;
        transition: color 0.2s ease-in-out;
    }

    .nav-item[b-s7pqppia5r]  a.active .bi,
    .nav-item[b-s7pqppia5r]  .nav-link:hover .bi {
        color: #ffffff;
    }

/* --- NUOVA REGOLA PER NASCONDERE SU MOBILE --- */
@media (max-width: 991.98px) {
    .hide-on-mobile[b-s7pqppia5r] {
        display: none;
    }
}
/* _content/ShowRoom/Components/Pages/Home.razor.rz.scp.css */
/* --- SFONDO PROFESSIONALE --- */
.showcase-container[b-4e8yp13syl] {
    background-color: #fff;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 20px 20px;
    padding: 1rem;
    padding-bottom: 5rem;
    /* --- CORREZIONE: Variabili definite qui, non su :root --- */
    --cube-size: 200px;
    --translate-z: calc(var(--cube-size) / 2);
}

/* --- LAYOUT A DUE COLONNE STABILE --- */
.main-content-row[b-4e8yp13syl] {
    align-items: center;
}

.console-column[b-4e8yp13syl] {
    height: 500px;
    padding-right: 2rem;
}

/* --- LAYOUT CUBI --- */
.cube-container[b-4e8yp13syl] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6rem;
    max-width: 700px;
    margin: 0 auto;
}

/* --- SCENA 3D E CUBI (ORA RESPONSIVE) --- */
.cube-scene[b-4e8yp13syl] {
    width: var(--cube-size); /* Usa la variabile */
    height: var(--cube-size);
    perspective: 1500px;
}

.cube[b-4e8yp13syl] {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    touch-action: none;
}

.cube-face[b-4e8yp13syl] {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    font-weight: 600;
}

/* POSIZIONAMENTO 3D CON VARIABILE (ora funzionante) */
.face-front[b-4e8yp13syl] {
    transform: rotateY( 0deg) translateZ(var(--translate-z));
}

.face-back[b-4e8yp13syl] {
    transform: rotateY(180deg) translateZ(var(--translate-z));
}

.face-right[b-4e8yp13syl] {
    transform: rotateY( 90deg) translateZ(var(--translate-z));
}

.face-left[b-4e8yp13syl] {
    transform: rotateY(-90deg) translateZ(var(--translate-z));
}

.face-top[b-4e8yp13syl] {
    transform: rotateX( 90deg) translateZ(var(--translate-z));
}

.face-bottom[b-4e8yp13syl] {
    transform: rotateX(-90deg) translateZ(var(--translate-z));
}


/* Colori di sfondo (invariati) */
.bg-red[b-4e8yp13syl] {
    background-color: #F25022;
}

.bg-green[b-4e8yp13syl] {
    background-color: #7FBA00;
}

.bg-blue[b-4e8yp13syl] {
    background-color: #00A4EF;
}

.bg-yellow[b-4e8yp13syl] {
    background-color: #FFB900;
}

.bg-transparent-icon[b-4e8yp13syl] {
    background-color: rgba(33, 37, 41, 0.4);
    backdrop-filter: blur(5px);
}

.face-icon[b-4e8yp13syl] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

.face-text[b-4e8yp13syl] {
    font-size: 1.1rem;
}

[b-4e8yp13syl] .typing-effect,
[b-4e8yp13syl] .cursor {
    color: #fff;
    font-weight: bold;
}

.face-icon .bi[b-4e8yp13syl]::before {
    font-family: 'bootstrap-icons' !important;
}

/* Stili Modalità Focus (invariati) */
.cube-wrapper[b-4e8yp13syl] {
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.focus-mode .cube-wrapper:not(.focused)[b-4e8yp13syl] {
    transform: scale(0.8);
    opacity: 0.3;
    pointer-events: none;
}

.focus-mode .cube-wrapper.focused[b-4e8yp13syl] {
    transform: scale(1.2);
    z-index: 10;
}

/* --- MEDIA QUERY PER MOBILE --- */
@media (max-width: 991.98px) {
    .console-column[b-4e8yp13syl] {
        height: 300px;
        padding-right: 0;
        margin-bottom: 2rem;
    }

    .cube-container[b-4e8yp13syl] {
        gap: 2rem;
    }

    /* Aggiorniamo la variabile per ricalcolare le dimensioni e posizioni 3D */
    .showcase-container[b-4e8yp13syl] {
        --cube-size: 150px;
    }

    .face-icon[b-4e8yp13syl] {
        font-size: 2rem;
    }

    .face-text[b-4e8yp13syl] {
        font-size: 1rem;
    }
}
/* _content/ShowRoom/Components/Pages/Linguaggi.razor.rz.scp.css */
/* Contenitore principale (invariato) */
.languages-container[b-bg9zeft609] {
    background-color: #fff;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 20px 20px;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
}

.language-grid[b-bg9zeft609] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 1.5rem;
    max-width: 1200px;
    margin: 2rem auto;
}

/* Keyframes per l'animazione "breathing" (invariato) */
@keyframes breathingAnimation-b-bg9zeft609 {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.03);
    }
}

/* Stile per la singola card di un linguaggio */
.language-tile[b-bg9zeft609] {
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out, transform 0.2s ease;
    cursor: default;
    position: relative;
    overflow: hidden;
    /* Applicazione dell'animazione "breathing" (invariato) */
    animation: breathingAnimation-b-bg9zeft609 6s ease-in-out infinite;
}

    /* Ritardo per un effetto asincrono (invariato) */
    .language-tile:nth-child(2)[b-bg9zeft609] {
        animation-delay: 0.5s;
    }

    .language-tile:nth-child(3)[b-bg9zeft609] {
        animation-delay: 1s;
    }

    .language-tile:nth-child(4)[b-bg9zeft609] {
        animation-delay: 0.2s;
    }

    .language-tile:nth-child(5)[b-bg9zeft609] {
        animation-delay: 1.3s;
    }

    .language-tile:nth-child(6)[b-bg9zeft609] {
        animation-delay: 0.7s;
    }

    .language-tile:nth-child(7)[b-bg9zeft609] {
        animation-delay: 0.3s;
    }

    .language-tile:nth-child(8)[b-bg9zeft609] {
        animation-delay: 1.2s;
    }

    .language-tile:nth-child(9)[b-bg9zeft609] {
        animation-delay: 0.8s;
    }

    .language-tile:nth-child(10)[b-bg9zeft609] {
        animation-delay: 1.5s;
    }

    /* --- CORREZIONE --- */
    /* Ora l'effetto al passaggio del mouse si limita a ingrandire la card */
    /* Senza provare a fermare l'animazione, risolvendo il conflitto. */
    .language-tile:hover[b-bg9zeft609] {
        transform: scale(1.08); /* Effetto "pop" più grande */
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
        border-color: #0078d4;
    }

/* Icona/Logo del linguaggio (invariato) */
.language-icon[b-bg9zeft609] {
    font-size: 4rem;
    margin-bottom: 1rem;
    color: #0078d4;
    transition: color 0.2s ease;
}

.language-tile:hover .language-icon[b-bg9zeft609] {
    color: #005a9e;
}

/* Nome del linguaggio (invariato) */
.language-name[b-bg9zeft609] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

/* Effetto "Shine" (invariato) */
.language-tile[b-bg9zeft609]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 75%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    transform: skewX(-25deg);
    transition: left 0.6s ease;
}

.language-tile:hover[b-bg9zeft609]::before {
    left: 120%;
}
/* _content/ShowRoom/Components/Pages/LinuxAcademy.razor.rz.scp.css */
/* --- STILI COMUNI E SELETTORE TEMA --- */

.academy-container[b-ycogadf1ak] {
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    transition: background-color 0.4s ease, color 0.4s ease;
}

.content-wrapper[b-ycogadf1ak] {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 2.5rem;
    border-radius: 8px;
    transition: background-color 0.4s ease, border-color 0.4s ease;
}

.welcome-header .h3[b-ycogadf1ak] {
    display: none;
}

.welcome-header .lead[b-ycogadf1ak] {
    font-size: 1.25rem;
    font-weight: 500;
    margin-top: 0;
}

    .welcome-header .lead .bi[b-ycogadf1ak] {
        font-size: 8rem;
        display: block;
        margin: 0 auto;
        line-height: 1;
    }

.academy-container p[b-ycogadf1ak] {
    line-height: 1.8;
    transition: color 0.4s ease;
}

/* Stile per i pulsanti del selettore di tema */
.theme-switcher[b-ycogadf1ak] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
    gap: 0.5rem;
}

.theme-btn[b-ycogadf1ak] {
    background-color: transparent;
    border: 1px solid;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .theme-btn .bi[b-ycogadf1ak] {
        margin-right: 0.5rem;
        font-size: 1em;
        display: inline-block;
        line-height: normal;
        margin: 0 0.5rem 0 0;
    }

/* --- TEMA GIORNO (LIGHT) --- */

.theme-light[b-ycogadf1ak] {
    background-color: #fff;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 20px 20px;
}

    .theme-light .content-wrapper[b-ycogadf1ak] {
        background-color: #ffffff;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        border: 1px solid #dee2e6;
    }

    .theme-light p[b-ycogadf1ak] {
        color: #5a6872;
    }

    .theme-light .welcome-header .lead[b-ycogadf1ak] {
        color: #6c757d;
    }

    .theme-light .section-title-tech[b-ycogadf1ak] {
        color: #2c3e50;
        border-bottom-color: #0078d4;
        font-family: 'Courier New', monospace;
        font-weight: 700;
        margin-bottom: 1.5rem;
        padding-bottom: 0.5rem;
        display: inline-block;
        font-size: 1.5rem;
    }

    .theme-light .pillar-card[b-ycogadf1ak] {
        background-color: #f8f9fa;
        border: 1px solid #e9ecef;
        padding: 2rem;
        transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    }

        .theme-light .pillar-card:hover[b-ycogadf1ak] {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }

        .theme-light .pillar-card .bi[b-ycogadf1ak] {
            color: #0078d4;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            display: block;
        }

        .theme-light .pillar-card h4[b-ycogadf1ak] {
            color: #34495e;
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 0.75rem;
        }

        .theme-light .pillar-card p[b-ycogadf1ak] {
            font-size: 0.95rem;
            margin: 0;
        }

    .theme-light .theme-btn[b-ycogadf1ak] {
        border-color: #0078d4;
        color: #0078d4;
    }

        .theme-light .theme-btn.active[b-ycogadf1ak], .theme-light .theme-btn:hover[b-ycogadf1ak] {
            background-color: #0078d4;
            color: #fff;
        }

    .theme-light .tech-table-light th[b-ycogadf1ak],
    .theme-light .tech-table-light td[b-ycogadf1ak] {
        padding: 1rem;
        text-align: left;
        border-bottom: 1px solid #dee2e6;
    }

    .theme-light .tech-table-light th[b-ycogadf1ak] {
        background-color: #f8f9fa;
        font-weight: 600;
        color: #495057;
        border-top: 1px solid #dee2e6;
    }

    .theme-light .tech-table-light tbody tr:hover[b-ycogadf1ak] {
        background-color: #f1f3f5;
    }

    .theme-light .tech-table-light td:first-child[b-ycogadf1ak] {
        font-weight: 500;
        color: #005a9e;
    }


/* --- TEMA NOTTE (DARK) --- */

.theme-dark[b-ycogadf1ak] {
    background-color: #1e2127;
    color: #e0e0e0;
}

    .theme-dark .content-wrapper[b-ycogadf1ak] {
        background-color: #2c3038;
        border: 1px solid #444;
    }

    .theme-dark p[b-ycogadf1ak] {
        color: #c0c0c0;
    }

    .theme-dark .welcome-header .lead[b-ycogadf1ak] {
        color: #a0a0c0;
    }

    .theme-dark .section-title-tech[b-ycogadf1ak] {
        color: #00ffae;
        border-bottom-color: #00ffae;
        font-family: 'Courier New', monospace;
        font-weight: 700;
        margin-bottom: 1.5rem;
        padding-bottom: 0.5rem;
        display: inline-block;
        font-size: 1.5rem;
    }

    .theme-dark .pillar-card[b-ycogadf1ak] {
        background-color: #1e2127;
        border: 1px solid #444;
        padding: 2rem;
        transition: transform 0.2s ease-in-out, border-color 0.2s ease-in-out;
    }

        .theme-dark .pillar-card:hover[b-ycogadf1ak] {
            transform: translateY(-5px);
            border-color: #00ffae;
        }

        .theme-dark .pillar-card .bi[b-ycogadf1ak] {
            color: #00ffae;
            font-size: 2.5rem;
            margin-bottom: 1rem;
            display: block;
        }

        .theme-dark .pillar-card h4[b-ycogadf1ak] {
            color: #ffffff;
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 0.75rem;
        }

        .theme-dark .pillar-card p[b-ycogadf1ak] {
            font-size: 0.95rem;
            margin: 0;
        }

    .theme-dark .theme-btn[b-ycogadf1ak] {
        border-color: #00ffae;
        color: #00ffae;
    }

        .theme-dark .theme-btn.active[b-ycogadf1ak], .theme-dark .theme-btn:hover[b-ycogadf1ak] {
            background-color: #00ffae;
            color: #1e2127;
        }

    .theme-dark .tech-table-light th[b-ycogadf1ak],
    .theme-dark .tech-table-light td[b-ycogadf1ak] {
        padding: 1rem;
        text-align: left;
        border-bottom: 1px solid #444;
    }

    .theme-dark .tech-table-light th[b-ycogadf1ak] {
        background-color: #1e2127;
        font-weight: 600;
        color: #00ffae;
        border-top: 1px solid #444;
    }

    .theme-dark .tech-table-light tbody tr:hover[b-ycogadf1ak] {
        background-color: #3a3f48;
    }

    .theme-dark .tech-table-light td:first-child[b-ycogadf1ak] {
        font-weight: 500;
        color: #e0e0e0;
    }


/* --- SEZIONE PER IL MOBILE --- */
@media (max-width: 991.98px) {
    .academy-container[b-ycogadf1ak] {
        padding: 1rem 0.5rem;
    }

    .content-wrapper[b-ycogadf1ak] {
        padding: 1.5rem;
    }

    .theme-switcher[b-ycogadf1ak] {
        /* CORREZIONE: Imposta la direzione in colonna e allinea */
        flex-direction: column;
        align-items: flex-end; /* Allinea a destra */
        margin-bottom: 1.5rem;
    }

    .theme-btn[b-ycogadf1ak] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }

    [class*="col-lg-"]:last-child[b-ycogadf1ak] {
        margin-top: 3rem;
    }

    .section-title-tech[b-ycogadf1ak] {
        font-size: 1.3rem;
    }

    .pillars-grid[b-ycogadf1ak] {
        grid-template-columns: 1fr;
    }

    .pillar-card[b-ycogadf1ak] {
        padding: 1.5rem;
        text-align: left;
    }

        .pillar-card .bi[b-ycogadf1ak] {
            float: left;
            margin-right: 1rem;
            margin-bottom: 0;
        }

    .table-responsive-lg[b-ycogadf1ak] {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tech-table-light[b-ycogadf1ak] {
        width: 100%;
    }
}
/* _content/ShowRoom/Components/Pages/Metodo.razor.rz.scp.css */
/* Contenitore principale con lo sfondo a griglia del sito */
.method-container[b-7t71rrwfld] {
    background-color: #fff;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 20px 20px;
    padding: 2rem 1rem;
}

/* --- TIMELINE VERTICALE (DESKTOP) --- */
.timeline-wrapper[b-7t71rrwfld] {
    max-width: 900px;
    margin: 3rem auto;
    position: relative;
}

    /* La linea verticale centrale */
    .timeline-wrapper[b-7t71rrwfld]::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 3px;
        background-color: #dee2e6;
        transform: translateX(-50%);
    }

/* Contenitore per ogni fase della timeline */
.timeline-item[b-7t71rrwfld] {
    padding: 2rem 0;
    position: relative;
}

/* La card di contenuto */
.timeline-content[b-7t71rrwfld] {
    position: relative;
    width: 45%;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* Posizionamento alternato delle card */
.timeline-item:nth-child(odd) .timeline-content[b-7t71rrwfld] {
    float: left;
    margin-left: 2.5%;
}

.timeline-item:nth-child(even) .timeline-content[b-7t71rrwfld] {
    float: right;
    margin-right: 2.5%;
}

/* Il "pallino" sulla linea centrale */
.timeline-dot[b-7t71rrwfld] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-color: #0078d4;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 1.5rem;
    border: 4px solid #fff;
    z-index: 1;
}

.timeline-content .phase-title[b-7t71rrwfld] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0078d4;
    margin-bottom: 0.5rem;
}

.timeline-content p[b-7t71rrwfld] {
    font-size: 0.95rem;
    color: #5a6872;
    line-height: 1.6;
    margin: 0;
}

.timeline-item[b-7t71rrwfld]::after {
    content: "";
    display: table;
    clear: both;
}


/* --- NUOVA SEZIONE PER IL MOBILE --- */
@media (max-width: 767.98px) {
    .method-container[b-7t71rrwfld] {
        padding: 1rem 0.5rem;
    }

    /* Spostiamo la linea a sinistra */
    .timeline-wrapper[b-7t71rrwfld]::before {
        left: 25px;
        transform: none;
    }

    /* Spostiamo il pallino sulla nuova linea */
    .timeline-dot[b-7t71rrwfld] {
        left: 25px;
        width: 40px; /* Riduciamo la dimensione */
        height: 40px;
        font-size: 1.2rem;
    }

    /* Facciamo in modo che tutte le card occupino lo spazio a destra */
    .timeline-content[b-7t71rrwfld] {
        width: calc(100% - 75px); /* Larghezza totale meno lo spazio per la linea */
        float: right; /* Tutte a destra */
        margin-right: 0;
        padding: 1rem;
    }

    /* Annulliamo la regola specifica per le card dispari */
    .timeline-item:nth-child(odd) .timeline-content[b-7t71rrwfld] {
        float: right;
        margin-left: 0;
    }

    .timeline-content .phase-title[b-7t71rrwfld] {
        font-size: 1.1rem;
    }

    .timeline-content p[b-7t71rrwfld] {
        font-size: 0.9rem;
    }
}
/* _content/ShowRoom/Components/Pages/Miei-servizi.razor.rz.scp.css */
.showcase-container[b-xa01tfqcdw] {
    background-color: #f8f9fa;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
}

.accordion-container[b-xa01tfqcdw] {
    max-width: 900px;
    margin: 2rem auto;
}

.accordion-item[b-xa01tfqcdw] {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.accordion-header[b-xa01tfqcdw] {
    cursor: pointer;
}

.accordion-button[b-xa01tfqcdw] {
    width: 100%;
    text-align: left;
    padding: 1.25rem 1.5rem;
    font-size: 1.1rem;
    font-weight: 500;
    color: #2c3e50;
    background-color: #fff;
    border: none;
    display: flex;
    align-items: center; /* Mantiene tutto allineato verticalmente */
    gap: 0.75rem; /* Aggiunge un po' di spazio tra icona e testo */
    transition: background-color 0.2s ease-in-out;
}

/* --- CORREZIONE DEFINITIVA --- */
/* Rimuoviamo le regole che troncano il testo e permettiamo di andare a capo */
.accordion-title[b-xa01tfqcdw] {
    flex-grow: 1; /* Occupa lo spazio disponibile, spingendo la freccia a destra */
    /* Le vecchie regole "overflow", "text-overflow" e "white-space" sono state rimosse */
}

.accordion-button:hover[b-xa01tfqcdw] {
    background-color: #f8f9fa;
}

.accordion-button .bi[b-xa01tfqcdw] {
    font-size: 1.5rem;
    color: #0078d4;
    flex-shrink: 0; /* Impedisce all'icona di rimpicciolirsi */
}

.accordion-button[b-xa01tfqcdw]::after {
    content: '\F282';
    font-family: 'bootstrap-icons';
    margin-left: auto;
    transition: transform 0.2s ease-in-out;
    font-weight: bold;
    flex-shrink: 0; /* Impedisce alla freccia di rimpicciolirsi */
}

.accordion-button:not(.collapsed)[b-xa01tfqcdw]::after {
    transform: rotate(-180deg);
}

.accordion-collapse[b-xa01tfqcdw] {
    border-top: 1px solid #dee2e6;
}

.accordion-body[b-xa01tfqcdw] {
    padding: 0;
}

.sub-service-list[b-xa01tfqcdw] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sub-service-list li[b-xa01tfqcdw] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
        border-bottom: 1px solid #f1f3f5;
        transition: background-color 0.2s ease;
    }

        .sub-service-list li:last-child[b-xa01tfqcdw] {
            border-bottom: none;
        }

        .sub-service-list li strong[b-xa01tfqcdw] {
            color: #34495e;
            cursor: pointer;
            font-weight: normal;
        }

        .sub-service-list li:hover[b-xa01tfqcdw] {
            background-color: #f8f9fa;
        }

.btn-details[b-xa01tfqcdw] {
    font-size: 0.85rem;
    font-weight: 500;
    padding: 0.4rem 0.8rem;
    color: #0078d4;
    background-color: transparent;
    border: 1px solid #0078d4;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
}

    .btn-details:hover[b-xa01tfqcdw] {
        background-color: #0078d4;
        color: #fff;
    }

@media (max-width: 767.98px) {
    .showcase-container[b-xa01tfqcdw] {
        padding: 1rem 0.5rem;
    }

    .accordion-container[b-xa01tfqcdw] {
        margin: 1rem auto;
    }

    .accordion-button[b-xa01tfqcdw] {
        padding: 1rem;
        font-size: 1rem;
    }

    .sub-service-list li[b-xa01tfqcdw] {
        padding: 0.8rem 1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

        .sub-service-list li strong[b-xa01tfqcdw] {
            font-size: 0.95rem;
        }

    .btn-details[b-xa01tfqcdw] {
        font-size: 0.8rem;
    }
}
/* _content/ShowRoom/Components/Pages/Portfolio.razor.rz.scp.css */
/* Contenitore principale con tema scuro "in costruzione" */
.portfolio-container[b-8e4ert8twv] {
    background-color: #1e2127; /* Sfondo carbone scuro */
    color: #e0e0e0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 56px); /* Altezza completa meno la top bar */
    padding: 2rem;
}

/* Contenitore per il testo animato */
.construction-content[b-8e4ert8twv] {
    max-width: 600px;
}

/* Icona "in costruzione" */
.construction-icon[b-8e4ert8twv] {
    font-size: 4rem;
    color: #4a4f58; /* Grigio scuro per un look sottile */
    margin-bottom: 2rem;
}

/* Stile per il titolo principale con font da terminale */
.construction-title[b-8e4ert8twv] {
    font-family: 'Courier New', monospace;
    font-size: 2rem;
    color: #00ffae; /* Verde menta acceso */
    font-weight: 700;
    display: inline; /* Per allineare correttamente il cursore */
}

/* Cursore animato */
.typing-cursor[b-8e4ert8twv] {
    display: inline-block;
    width: 10px;
    height: 2.2rem;
    background-color: #00ffae;
    margin-left: 8px;
    animation: blink-b-8e4ert8twv 1s step-start infinite;
    vertical-align: bottom;
}

/* Animazione del cursore */
@keyframes blink-b-8e4ert8twv {
    50% {
        opacity: 0;
    }
}

/* Testo secondario */
.construction-subtitle[b-8e4ert8twv] {
    font-size: 1.1rem;
    color: #a0a0a0;
    margin-top: 1.5rem;
}
/* _content/ShowRoom/Components/Pages/ServerManagement.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/Assistenza.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/Backup.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/BigData.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/Contatti.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" */
.contact-container[b-h3th3gma7a] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .contact-container[b-h3th3gma7a]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .contact-container[b-h3th3gma7a]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-h3th3gma7a] {
    max-width: 1000px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* Regole di allineamento */
.welcome-header[b-h3th3gma7a] {
    margin-bottom: 2.5rem;
}

    .welcome-header .h3[b-h3th3gma7a],
    .welcome-header .lead[b-h3th3gma7a],
    .section-title[b-h3th3gma7a] {
        height: 2.5rem;
        line-height: normal;
        margin-bottom: 2.5rem;
        padding-top: 0.8rem;
    }

    .welcome-header .lead[b-h3th3gma7a] {
        font-size: 1.1rem;
        padding-top: 1.2rem;
    }

.section-title[b-h3th3gma7a] {
    font-size: 1.8rem;
    margin-top: 2.5rem;
}


.form-group[b-h3th3gma7a] {
    margin-bottom: 2.5rem;
}

.form-control[b-h3th3gma7a] {
    background-color: transparent !important;
    border: none !important;
    border-radius: 0;
    font-size: 1.1rem;
    box-shadow: none !important;
    height: auto;
    line-height: 2.5rem;
    padding: 0;
}

textarea.form-control[b-h3th3gma7a] {
    min-height: 10rem;
    resize: vertical;
    padding-top: 1.8rem;
}

.form-control:focus[b-h3th3gma7a] {
    border-bottom-color: transparent;
}

.btn-submit[b-h3th3gma7a] {
    font-weight: 600;
    padding: 0.75rem 2rem;
    color: #fff;
    background-color: #0078d4;
    border: 1px solid #0078d4;
    border-radius: 25px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

    .btn-submit:hover[b-h3th3gma7a] {
        background-color: #005a9e;
        border-color: #005a9e;
    }
/* _content/ShowRoom/Components/Pages/Servizi/Cybersecurity.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/Dashboard.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/DataWarehouse.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/Gestionali.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/GestioneDati.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/MigrazioneCloud.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/PiattaformeWeb.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/Rewriting.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Servizi/Server.razor.rz.scp.css */
/* _content/ShowRoom/Components/Pages/Team.razor.rz.scp.css */
/* Contenitore principale con lo sfondo a griglia del sito */
.team-container[b-oir800h38m] {
    background-color: #fff;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 20px 20px;
    /* MODIFICA: Aumentato lo spazio in basso per permettere lo scroll */
    padding: 4rem 1rem 8rem 1rem;
    min-height: calc(100vh - 56px);
    /* MODIFICA: Rimossa la regola che bloccava lo scroll */
    /* overflow: hidden; */
}

/* Area centrale dove avviene l'animazione */
.team-display-area[b-oir800h38m] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    perspective: 1000px;
}

/* Contenitore per il mazzo di carte */
.card-stack[b-oir800h38m] {
    position: relative;
    width: 320px;
    height: 420px;
    transform-style: preserve-3d;
}

/* Stile della singola carta */
.team-card[b-oir800h38m] {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    backface-visibility: hidden;
    transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);
}

    /* Posizione iniziale delle carte (sovrapposte) */
    .team-card:nth-child(1)[b-oir800h38m] {
        transform: translateY(20px) rotate(4deg);
    }

    .team-card:nth-child(2)[b-oir800h38m] {
        transform: translateY(10px) rotate(-2deg);
    }

    .team-card:nth-child(3)[b-oir800h38m] {
        transform: translateY(0) rotate(0);
    }


/* Effetto "ventaglio" su DESKTOP */
.card-stack:hover .team-card:nth-child(1)[b-oir800h38m] {
    transform: translateX(-110%) rotate(-8deg);
}

.card-stack:hover .team-card:nth-child(2)[b-oir800h38m] {
    transform: translateY(-20px);
}

.card-stack:hover .team-card:nth-child(3)[b-oir800h38m] {
    transform: translateX(110%) rotate(8deg);
}


/* Elementi interni della carta */
.team-card-img[b-oir800h38m] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #0078d4;
    margin-bottom: 1rem;
    object-fit: cover;
}

.team-card-name[b-oir800h38m] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
}

.team-card-title[b-oir800h38m] {
    font-size: 1rem;
    font-weight: 500;
    color: #0078d4;
    margin-bottom: 1rem;
}

.team-card-desc[b-oir800h38m] {
    font-size: 0.95rem;
    color: #5a6872;
    line-height: 1.6;
}

.team-card-socials[b-oir800h38m] {
    margin-top: auto;
    padding-top: 1rem;
    display: flex;
    gap: 1.5rem;
}

    .team-card-socials a[b-oir800h38m] {
        color: #869ab8;
        font-size: 1.5rem;
        transition: color 0.2s ease, transform 0.2s ease;
    }

        .team-card-socials a:hover[b-oir800h38m] {
            color: #0078d4;
            transform: scale(1.2);
        }


/* --- SEZIONE PER IL MOBILE --- */
@media (max-width: 767.98px) {
    .team-container[b-oir800h38m] {
        /* MODIFICA: Aggiunto più spazio in basso anche su mobile */
        padding: 2rem 1rem 6rem 1rem;
    }

    /* Riduciamo l'area dell'animazione */
    .team-display-area[b-oir800h38m] {
        min-height: 450px;
    }

    /* Riduciamo le dimensioni delle carte */
    .card-stack[b-oir800h38m] {
        width: 280px;
        height: 380px;
    }

    .team-card[b-oir800h38m] {
        padding: 1.5rem;
    }

    .team-card-img[b-oir800h38m] {
        width: 100px;
        height: 100px;
    }

    .team-card-name[b-oir800h38m] {
        font-size: 1.3rem;
    }

    .team-card-title[b-oir800h38m] {
        font-size: 0.9rem;
    }

    .team-card-desc[b-oir800h38m] {
        font-size: 0.85rem;
    }

    /* NUOVO EFFETTO A VENTAGLIO VERTICALE PER MOBILE */
    .card-stack:hover .team-card:nth-child(1)[b-oir800h38m] {
        transform: translateY(-90%) rotate(-4deg); /* Sposta la prima carta in ALTO */
    }

    .card-stack:hover .team-card:nth-child(2)[b-oir800h38m] {
        transform: scale(1.05); /* La carta centrale si ingrandisce un po' */
    }

    .card-stack:hover .team-card:nth-child(3)[b-oir800h38m] {
        transform: translateY(90%) rotate(4deg); /* Sposta la terza carta in BASSO */
    }
}
/* _content/ShowRoom/Components/Personalizzazioni/AppMobile.razor.rz.scp.css */
/* _content/ShowRoom/Components/Personalizzazioni/Crm.razor.rz.scp.css */
/* _content/ShowRoom/Components/Personalizzazioni/Erp.razor.rz.scp.css */
/* _content/ShowRoom/Components/Personalizzazioni/Hr.razor.rz.scp.css */
/* _content/ShowRoom/Components/Personalizzazioni/Mes.razor.rz.scp.css */
/* _content/ShowRoom/Components/Personalizzazioni/Sgm.razor.rz.scp.css */
/* _content/ShowRoom/Components/Personalizzazioni/SoftwarePersonalizzati.razor.rz.scp.css */
/* _content/ShowRoom/Components/Shared/About.razor.rz.scp.css */
/* Stile generico per la pagina About */
.about-container[b-2b6tpdyfbo] {
    background-color: #f8f9fa;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    display: flex; /* Centra il contenuto verticalmente */
    align-items: center;
    justify-content: center;
}

.content-wrapper[b-2b6tpdyfbo] {
    max-width: 800px;
    background-color: #ffffff;
    padding: 3rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #dee2e6;
    text-align: center; /* Centra tutto il testo */
}

.about-container h1[b-2b6tpdyfbo] {
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 1.5rem;
}

.about-container p[b-2b6tpdyfbo] {
    line-height: 1.8;
    color: #5a6872;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.copyright-text[b-2b6tpdyfbo] {
    margin-top: 2.5rem;
    font-size: 0.95rem;
    color: #869ab8;
}
/* _content/ShowRoom/Components/Shared/Consigli.razor.rz.scp.css */
/* Contenitore principale con lo sfondo a quadretti */
.advice-container[b-pynczzrmz3] {
    background-color: #fff;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px), linear-gradient(to right, rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 20px 20px;
    min-height: calc(100vh - 56px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

/* Pannello centrale pulito e minimale */
.advice-card[b-pynczzrmz3] {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 3rem;
    max-width: 800px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

    /* Titolo principale con font tecnico */
    .advice-card h1[b-pynczzrmz3] {
        font-family: 'Courier New', monospace;
        font-weight: 700;
        color: #2c3e50;
        margin-bottom: 1rem;
        border-bottom: 2px solid #0078d4;
        display: inline-block;
        padding-bottom: 0.5rem;
    }

/* Contenitore per le due sezioni di consiglio */
.advice-sections[b-pynczzrmz3] {
    display: flex;
    gap: 2rem;
    margin-top: 3rem;
    text-align: left;
}

/* Sezione singola (Chrome / Accelerazione) */
.advice-section[b-pynczzrmz3] {
    flex: 1;
    display: flex;
    align-items: flex-start;
}

/* Icona pulita e allineata */
.advice-icon[b-pynczzrmz3] {
    font-size: 2.5rem;
    color: #0078d4;
    margin-right: 1rem;
}

.advice-section h2[b-pynczzrmz3] {
    color: #34495e;
    font-size: 1.25rem;
    margin: 0 0 0.5rem 0;
}

.advice-section p[b-pynczzrmz3] {
    color: #5a6872;
    line-height: 1.6;
}

/* --- SEZIONE PER IL MOBILE (DEFINITIVA) --- */
@media (max-width: 767.98px) {
    .advice-container[b-pynczzrmz3] {
        padding: 1rem; /* Riduci il padding esterno */
    }

    .advice-card[b-pynczzrmz3] {
        padding: 1.5rem; /* Riduci il padding interno della card */
    }

        .advice-card h1[b-pynczzrmz3] {
            font-size: 1.4rem; /* Riduci il titolo principale */
        }

        .advice-card > p[b-pynczzrmz3] {
            font-size: 0.95rem; /* Riduci il sottotitolo */
        }

    .advice-sections[b-pynczzrmz3] {
        flex-direction: column; /* Impila le sezioni verticalmente */
        margin-top: 2rem;
        gap: 1.5rem;
    }

    .advice-icon[b-pynczzrmz3] {
        font-size: 2rem;
    }

    .advice-section h2[b-pynczzrmz3] {
        font-size: 1.1rem;
    }

    .advice-section p[b-pynczzrmz3] {
        font-size: 0.9rem;
    }
}
/* _content/ShowRoom/Components/Shared/ConsoleLog.razor.rz.scp.css */
.console-container[b-y6p6bjbt1x] {
    /* --- NUOVO SFONDO SEMI-TRASPARENTE --- */
    background-color: rgba(33, 37, 41, 0.05); /* Nero semi-trasparente (75%) */
    backdrop-filter: blur(5px); /* Effetto vetro smerigliato */
    color: #005A9E; /* Testo bianco per contrasto */

    font-family: 'Consolas', 'Courier New', monospace;
    padding: 1rem;
    border-radius: 8px;
    height: 100%;
    overflow-y: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.log-entry[b-y6p6bjbt1x] {
    white-space: pre-wrap;
    line-height: 1.6;
}

    .log-entry[b-y6p6bjbt1x]::before {
        content: '> ';
        color: #adb5bd; /* Grigio chiaro per il prompt */
    }

/* Personalizzazione della scrollbar per il tema scuro */
.console-container[b-y6p6bjbt1x]::-webkit-scrollbar {
    width: 8px;
}

.console-container[b-y6p6bjbt1x]::-webkit-scrollbar-track {
    background: transparent;
}

.console-container[b-y6p6bjbt1x]::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}
/* _content/ShowRoom/Components/Shared/CookiePolicy.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-9li7yvgbxm] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-9li7yvgbxm]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-9li7yvgbxm]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-9li7yvgbxm] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- REGOLE DI ALLINEAMENTO ALLA GRIGLIA --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-9li7yvgbxm] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile H2 */
.legal-container h2[b-9li7yvgbxm] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.5rem;
    margin: 2.5rem 0;
    line-height: 2.5rem;
}

/* Stile per i paragrafi */
.legal-container p[b-9li7yvgbxm] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

/* Stili Liste */
.legal-container ul[b-9li7yvgbxm] {
    list-style-position: inside;
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0; /* Margine inferiore di una riga */
    line-height: 2.5rem; /* Altezza di riga base */
}

    .legal-container ul li[b-9li7yvgbxm] {
        padding: 0;
        margin: 0 0 0 1.5rem; /* Indentazione */
        line-height: 2.5rem; /* Forza ogni <li> a occupare una riga */
    }

.legal-container strong[b-9li7yvgbxm] {
    color: #34495e;
}
/* _content/ShowRoom/Components/Shared/DatiSocietari.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-9962kv16kc] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-9962kv16kc]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-9962kv16kc]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-9962kv16kc] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- STILI DEL TESTO SEMPLIFICATI E CORRETTI --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-9962kv16kc] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile per i paragrafi */
.legal-container p[b-9962kv16kc] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

.legal-container strong[b-9962kv16kc] {
    color: #34495e;
}
/* _content/ShowRoom/Components/Shared/NoteLegali.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-38q1lr40fh] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-38q1lr40fh]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-38q1lr40fh]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-38q1lr40fh] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- STILI DEL TESTO SEMPLIFICATI E CORRETTI --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-38q1lr40fh] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* Stile per i paragrafi */
.legal-container p[b-38q1lr40fh] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

.legal-container strong[b-38q1lr40fh] {
    color: #34495e;
}
/* _content/ShowRoom/Components/Shared/PrivacyPolicy.razor.rz.scp.css */
/* Contenitore principale con effetto "foglio a righe" e margini verticali */
.legal-container[b-ovryw9xz92] {
    background-color: #fdfdfd;
    background-image: linear-gradient(rgba(220, 225, 230, 0.5) 1px, transparent 1px);
    background-size: 100% 2.5rem; /* Altezza di una riga */
    /* --- LA SOLUZIONE DEFINITIVA --- */
    /* Sposta l'intera griglia di righe verso il basso di 2.3rem. */
    /* In questo modo la linea si disegna quasi alla fine del blocco, sotto il testo. */
    background-position-y: 1.7rem;
    padding: 2rem 1rem;
    min-height: calc(100vh - 56px);
    position: relative;
    overflow: hidden;
}

    /* Linee verticali a sinistra */
    .legal-container[b-ovryw9xz92]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: 0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }

    /* Linee verticali a destra */
    .legal-container[b-ovryw9xz92]::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(480px);
        width: 1px;
        background-color: rgba(220, 225, 230, 0.7);
        box-shadow: -0.3rem 0 0 rgba(220, 225, 230, 0.7);
    }


/* Wrapper del contenuto */
.content-wrapper[b-ovryw9xz92] {
    max-width: 900px;
    margin: 2rem auto;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

/* --- REGOLE DI ALLINEAMENTO ALLA GRIGLIA --- */

/* Stile per il titolo principale H1 */
.legal-container h1[b-ovryw9xz92] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.8rem;
    border-bottom: none;
    margin: 2.5rem 0;
    line-height: 2.5rem; /* Occupa lo spazio di una riga */
}

/* --- NUOVA REGOLA H2 --- */
.legal-container h2[b-ovryw9xz92] {
    font-weight: 700;
    color: #2c3e50;
    font-size: 1.5rem;
    margin: 2.5rem 0;
    line-height: 2.5rem;
}

/* Stile per i paragrafi */
.legal-container p[b-ovryw9xz92] {
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0;
    /* La regola chiave: ogni riga di testo avrà un'altezza di 2.5rem */
    line-height: 2.5rem;
}

/* --- NUOVE REGOLE LISTE --- */
.legal-container ul[b-ovryw9xz92] {
    list-style-position: inside;
    color: #5a6872;
    padding: 0;
    margin: 0 0 2.5rem 0; /* Margine inferiore di una riga */
    line-height: 2.5rem; /* Altezza di riga base */
}

    .legal-container ul li[b-ovryw9xz92] {
        padding: 0;
        margin: 0 0 0 1.5rem; /* Indentazione */
        line-height: 2.5rem; /* Forza ogni <li> a occupare una riga */
    }

.legal-container strong[b-ovryw9xz92] {
    color: #34495e;
}
/* _content/ShowRoom/Components/Shared/TypingEffect.razor.rz.scp.css */
.typing-effect[b-uyaqepuada] {
    font-family: 'Courier New', monospace;
    font-weight: bold;
    color: #00ffae;
}

.cursor[b-uyaqepuada] {
    display: inline-block;
    width: 1ch;
    color: #00ffae;
    animation: blink-b-uyaqepuada 1s step-start infinite;
}

@keyframes blink-b-uyaqepuada {
    50% {
        opacity: 0;
    }
}