/* Variabili colori fornite */
    :root {
        --color-1: #5ab0c5;
        --color-2: #1c2a48;
        --color-3: #84ecf5;
    }

    /* Wrapper per limitare l'altezza e centrare nella colonna */
    .building-wrapper {
        position: relative;
        width: 100%;
        height: 500px; /* Altezza fissa per il div contenitore */
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        perspective: 1200px;
    }

    .scene-open-innovation {
        width: 160px;
        height: 250px;
        transform-style: preserve-3d;
        transform: rotateX(-20deg) rotateY(30deg);
        animation: rotateScene 12s infinite linear;
    }

    @keyframes rotateScene {
        0% { transform: rotateX(-20deg) rotateY(0deg); }
        100% { transform: rotateX(-20deg) rotateY(360deg); }
    }

    .building {
        position: relative;
        width: 100%;
        height: 100%;
        transform-style: preserve-3d;
    }

    /* Facce dell'edificio con i tuoi colori */
    .face {
        position: absolute;
        width: 160px;
        height: 250px;
        background: var(--color-2); /* Colore scuro principale */
        border: 2px solid var(--color-1);
        box-sizing: border-box;
        opacity: 0.95;
    }

    .front  { transform: translateZ(80px); }
    .back   { transform: rotateY(180deg) translateZ(80px); }
    .left   { transform: rotateY(-90deg) translateZ(80px); }
    .right  { transform: rotateY(90deg) translateZ(80px); }
    
    .top {
        width: 160px;
        height: 160px;
        background: var(--color-1);
        transform: rotateX(90deg) translateZ(80px);
        border: 2px solid var(--color-3);
        opacity: 0.5; /* Leggera trasparenza per vedere dentro */
    }

    /* Coriandoli più grandi */
    .confetti {
        position: absolute;
        width: 14px; /* Grandezza aumentata */
        height: 14px;
        top: -40px;
        opacity: 0.9;
        animation: fall linear infinite;
        border-radius: 2px;
    }

    @keyframes fall {
        0% {
            transform: translateY(0) rotateX(0) rotateY(0);
            opacity: 1;
        }
        100% {
            /* Cadono dentro l'edificio */
            transform: translateY(280px) rotateX(720deg) rotateY(720deg);
            opacity: 0;
        }
    }