.trayectoria-box {
                background: rgba(0, 0, 0, 0.6);
                border: 2px solid #ffbf00;
                border-radius: 15px;
                padding: 30px;
                color: white;
                margin-top: 30px;
            }
            /* Botones de años horizontales con desplazamiento táctil */
            .years-scroll {
                display: flex;
                overflow-x: auto;
                gap: 10px;
                padding-bottom: 15px;
                white-space: nowrap;
                scrollbar-width: thin;
                scrollbar-color: #ffbf00 #222;
            }
            .years-scroll::-webkit-scrollbar {
                height: 6px;
            }
            .years-scroll::-webkit-scrollbar-thumb {
                background-color: #ffbf00;
                border-radius: 10px;
            }
            .year-btn {
                background-color: #222;
                color: white;
                border: 2px solid #ffbf00;
                padding: 8px 20px;
                font-family: 'Anton', sans-serif;
                font-size: 1.2rem;
                border-radius: 30px;
                cursor: pointer;
                transition: all 0.3s ease;
            }
            .year-btn:hover, .year-btn.active {
                background-color: #ffbf00;
                color: #000;
                transform: translateY(-2px);
            }
            /* Contenido de la trayectoria seleccionada */
            .trayectoria-content {
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 30px;
                margin-top: 20px;
                animation: fadeIn 0.5s ease-in-out;
            }
            .trayectoria-img-container {
                flex: 1;
                text-align: center;
                min-width: 200px;
            }
            .trayectoria-img-container img {
                max-width: 200px;
                height: 200px;
                object-fit: cover;
                border: 4px solid #ffbf00;
                box-shadow: 0 5px 15px rgba(255, 191, 0, 0.4);
            }
            .trayectoria-text-container {
                flex: 2;
                min-width: 200px;
            }
            .trayectoria-text-container h3 {
                font-family: 'Anton', sans-serif;
                color: #ffbf00;
                font-size: 2.5rem;
                margin-top: auto;
                margin-bottom: 15px;
            }
            .trayectoria-text-container p {
                text-align: justify;
                font-family: 'Poppins', sans-serif;
                font-size: 1rem;
                line-height: 1.8;
                color: #ddd;
            }
            @keyframes fadeIn {
                from { opacity: 0; transform: translateY(10px); }
                to { opacity: 1; transform: translateY(0); }
            }