/* ========================================================= */
        /* CSS UNIFICADO (MANTENIDO)                                 */
        /* ========================================================= */

        body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #0f172a; }

        /* --- ESTILOS DEL BANNER CARRUSEL (NUEVO) --- */
        #nuevo-banner-carrusel {
            width: 100%; max-width: 1000px; margin: 20px auto; overflow: hidden; 
            background: white; border-radius: 1rem; box-shadow: 0 4px 15px rgba(0,0,0,0.1); padding: 10px 0;
        }

        .pista-carrusel {
            display: flex; width: calc(200px * 12);
            animation: deslizar-infinito 20s linear infinite; 
        }

        .pista-carrusel:hover { animation-play-state: paused; }

        .contenedor-foto {
            width: 200px; height: 100px; display: flex; justify-content: center; align-items: center; flex-shrink: 0;
        }

        .contenedor-foto img {
            height: 80%; max-width: 90%; object-fit: contain; filter: grayscale(40%); transition: all 0.3s;
        }
        
        .contenedor-foto img:hover { filter: grayscale(0%); transform: scale(1.1); }

        @keyframes deslizar-infinito {
            0% { transform: translateX(0); }
            100% { transform: translateX(calc(-200px * 6)); } 
        }

        /* --- ESTILOS DEL MURO ORIGINAL --- */
        #main-wrapper { 
            position: relative; width: 100%; max-width: 1000px; margin: 0 auto 40px auto; 
            padding: 20px; border-radius: 1rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 
            background-color: var(--color-secundario-bg); 
        }

        #license-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; padding: 10px; }
        #controls-container { display: flex; justify-content: center; align-items: center; gap: 15px; margin: 20px auto 40px auto !important; }

        .license-card { padding: 20px; border-radius: 4px; transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden; color: white; min-height: 150px; background-color: rgba(26, 34, 82, 0.6); border: 1px solid rgba(217, 119, 6, 0.2); box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.5); text-align: center; }
        
        .hidden-card { display: none !important; }
        .hidden-section { display: none !important; }

        #hide-all-button { background: none; border: none; color: var(--color-aviso-ocultar); font-size: 2rem; cursor: pointer; padding: 5px; }
        
        #toggle-grid-button {
    z-index: 9999 !important; position: relative;
            background: none; border: 2px solid var(--color-resalte);
            padding: 10px 15px; color: var(--color-resalte); 
            cursor: pointer; border-radius: 50%; 
            width: 50px; height: 50px; transition: all 0.3s;
        }

        .license-card:hover { transform: translateY(-2px) scale(1.01); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 20px 3px var(--color-resalte); border-color: var(--color-resalte); }
        .card-title { font-size: 1.6rem; font-weight: bold; color: var(--color-resalte); margin: 0 0 5px 0; }
        .card-version { font-size: 0.9rem; margin: 0 0 10px 0; opacity: 0.8; }
        .card-detail { font-size: 0.85rem; line-height: 1.3; margin: 0; }

        @media (max-width: 900px) {                
            #license-grid { grid-template-columns: 1fr; }
        }