:root {
            --green-field: #1a3c34;
            --red-accent: #b91c1c;
            --gold-accent: #d4af37;
            --white-card: linear-gradient(135deg, #000000 0%,#7990f59c 85%, #0f086d96 80%, #07052496 100%);
            --text-dark: #f5f5f8;
            --text-light: #ffffff;
            --gray-border: #e5e7eb;
            --background-dark: #141D26;
        }

        .subitem a {
         color: #000000 !important;
        }

        .subitem:hover a {
            color: #000000 !important; 
        }

        .subitem a::before {
            color: var(--red-accent);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Montserrat', sans-serif;
        }

 
        .agenda-container {
            max-width: 900px;
            margin: 0 auto;
        }

        .event-list {
            list-style: none;
        }

        .event-item {
            background: var(--white-card);
            border-radius: 10px;
            margin-bottom: 15px;
            border: 2px solid var(--red-accent);
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
        
          .event-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url('https://www.transparenttextures.com/patterns/white-diamond.png');
            opacity: 0.05;
            pointer-events: none;
        }

        .event-item:hover {
            transform: scale(1.03);
            box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3);
            border-color: var(--gold-accent);
        }

        .event-item > a {
            display: flex;
            align-items: center;
            padding: 12px;
            text-decoration: none;
            color: var(--text-dark);
            position: relative;
            transition: background 0.3s ease;
        }

        .event-item > a:hover {
            background: rgba(212, 175, 55, 0.05);
        }

        .event-item > a:before {
            content: "";
            display: block;
            width: 30px;
            height: 30px;
            margin-right: 12px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            transition: transform 0.3s ease, filter 0.3s ease;
        }

        .event-item > a:hover:before {
            transform: scale(1.2);
            filter: drop-shadow(0 0 5px var(--gold-accent));
        }

        .event-title {
            flex: 1;
            font-weight: 600;
            font-size: 1rem;
            font-family: 'Roboto Condensed', sans-serif;
        }

        .t {
            background: var(--red-accent);
            color: var(--text-light);
            padding: 4px 8px;
            border-radius: 5px;
            font-size: 0.8rem;
            font-weight: 700;
            font-family: 'Roboto Condensed', sans-serif;
            transition: background 0.3s ease;
        }

        .event-item:hover .t {
            background: var(--gold-accent);
        }

        .event-sublist {
            display: none;
            list-style: none;
            background: #f9fafb;
            border-top: 1px solid var(--gray-border);
            overflow: hidden;
        }

        .event-item.active .event-sublist {
            display: block;
            animation: slideDown 0.4s ease-out;
        }

        .subitem {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
            border-bottom: 1px solid var(--gray-border);
            transition: background 0.3s ease, transform 0.3s ease;
            position: relative;
        }

        .subitem:last-child {
            border-bottom: none;
        }

        .subitem:hover {
            background: rgba(212, 175, 55, 0.1);
            transform: translateX(5px);
        }

        .subitem a {
             text-decoration: none !important;
            color: var(--text-dark);
            font-size: 0.85rem;
            font-weight: 500;
            font-family: 'Roboto Condensed', sans-serif;
            flex-grow: 1;
            position: relative;
            padding-left: 20px;
            transition: color 0.3s ease;
        }

        .subitem a::before {
            content: '▶';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%) scale(0);
            color: var(--red-accent);
            font-size: 10px;
            transition: transform 0.3s ease;
        }

        .subitem:hover a::before {
            transform: translateY(-50%) scale(1);
        }

        .subitem a:hover {
            color: var(--red-accent);
        }

        .subitem span {
            background: var(--green-field);
            color: var(--text-light);
            padding: 3px 8px;
            border-radius: 5px;
            font-size: 0.75rem;
            font-weight: 600;
            font-family: 'Roboto Condensed', sans-serif;
            transition: background 0.3s ease;
        }

        .subitem:hover span {
            background: var(--gold-accent);
        }

        @keyframes slideDown {
            0% {
                opacity: 0;
                transform: translateY(-10px);
            }
            80% {
                transform: translateY(5px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes shine {
            0% {
                left: -100%;
            }
            50% {
                left: 100%;
            }
            100% {
                left: 100%;
            }
        }

        @media (max-width: 768px) {
            .header h1 {
                font-size: 1.8rem;
            }

            .header p {
                font-size: 0.9rem;
            }

            .event-item > a {
                padding: 10px;
            }

            .event-title {
                font-size: 0.9rem;
            }

            .t {
                font-size: 0.75rem;
                padding: 3px 6px;
            }

            .subitem {
                padding: 8px 15px;
            }

            .subitem a {
                font-size: 0.8rem;
                padding-left: 15px;
            }

            .subitem span {
                font-size: 0.7rem;
                padding: 2px 6px;
            }

            .event-item > a:before {
                width: 25px;
                height: 25px;
                margin-right: 8px;
            }
        }

        .ATP > a:before { background-image: url(//partidosenvivo.net/flags/atp.webp); }
        .LEMANS > a:before { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/24_Hours_of_Le_Mans_logo_%28since_2014%29.svg/512px-24_Hours_of_Le_Mans_logo_%28since_2014%29.svg.png); }
        .PADEL > a:before { background-image: url(//partidosenvivo.net/flags/padel.jpg); }
        .GOLF > a:before { background-image: url(//partidosenvivo.net/flags/golf.svg); }
        .NBA > a:before { background-image: url(//partidosenvivo.net/flags/nba.png); }
        .AR > a:before { background-image: url(//partidosenvivo.net/flags/ar.webp); }
        .USA > a:before { background-image: url(//tvlibreonline.org/agenda/jr//81.png); }
        .BR > a:before { background-image: url(//partidosenvivo.net/flags/br.webp); }
        .MEX > a:before { background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/MX_logo.png/974px-MX_logo.png); }
        .URU > a:before { background-image: url(//partidosenvivo.net/flags/uru.webp); }
        .F1 > a:before { background-image: url(//partidosenvivo.net/flags/f1.png); }
        .F2 > a:before { background-image: url(//partidosenvivo.net/flags/f2.png); }
        .F3 > a:before { background-image: url(//partidosenvivo.net/flags/f3.png); }
        .MLB > a:before { background-image: url(//partidosenvivo.net/flags/mlb.png); }
        .BOX > a:before { background-image: url(https://a3.espncdn.com/combiner/i?img=%2Fredesign%2Fassets%2Fimg%2Ficons%2FESPN%2Dicon%2Dboxing.png); }
        .MotoGP > a:before { background-image: url(https://i.ibb.co/ks9HYMcp/moto-gp.png); }
        .FUT > a:before { background-image: url(//partidosenvivo.net/flags/international.webp); }
        .CH > a:before { background-image: url(//partidosenvivo.net/flags/ch.webp); }
        .ES > a:before { background-image: url(//partidosenvivo.net/flags/es.png); }
        .PE > a:before { background-image: url(//partidosenvivo.net/flags/pe.webp); }
        .PY > a:before { background-image: url(//partidosenvivo.net/flags/py.webp); }
        .ECUA > a:before { background-image: url(//partidosenvivo.net/flags/ec.webp); }
        .INDYCAR > a:before { background-image: url(//partidosenvivo.net/flags/indycar.webp); }
        .TE > a:before { background-image: url(https://static.futbolenlatv.com/img/32/20130618113307-tenis.png); }
        .COL > a:before { background-image: url(//partidosenvivo.net/flags/co.webp); }
        .UFC > a:before { background-image: url(//partidosenvivo.net/flags/UFC.png); }
        .TC2000 > a:before { background-image: url(https://i.ibb.co/SwNHCRsq/image-removebg-preview.png); }
        .CICLISMO > a:before { background-image: url(https://upload.wikimedia.org/wikipedia/commons/0/00/Tour_de_France_logo_%282018%29.svg); }
        .ORO > a:before { background-image: url(https://www.tvlibreonline.org/agenda/concacaf.png); }
        .MUNDIALCLUBES > a:before { background-image: url(//partidosenvivo.net/flags/mundialclubes2025.png); }
        .NHL > a:before { background-image: url(//partidosenvivo.net/flags/nhl.png); }
        .RUG > a:before { background-image: url(https://static.futbolenlatv.com/img/32/20200729125932-rugby.png); }
        .COPAAMERICA > a:before { background-image: url(https://partidosenvivo.net/flags/sudamerica.png); }
        .BAS > a:before { background-image: url(https://static.futbolenlatv.com/img/32/20130618113234-baloncesto.png); }
        .SUD > a:before { background-image: url(https://images.onefootball.com/icons/leagueColoredCompetition/128/102.png); }
        .FIFA > a:before { background-image: url(https://tvlibreonline.org/img/fifa.png); }
        .ELIUEFA > a:before { background-image: url(https://img.gwjbggdx.space/zas/eliuefa.png); }
        .Championship > a:before { background-image: url(https://static.flashscore.com/res/image/data/4ADJttRp-GEd5kOd6.png); }
        .EPL > a:before { background-image: url(https://hesgoal-tv.me/wp-content/uploads/2025/08/Premier_League_Logo.webp); }
        .Ligue > a:before { background-image: url(https://hesgoal-tv.me/wp-content/uploads/2025/08/ligue-1.webp); }
        .Bundesliga > a:before { background-image: url(https://static.flashscore.com/res/image/data/fqltz6CO-Wpu1gFTS.png); }
        .Serie  > a:before { background-image: url(https://static.flashscore.com/res/image/data/rFHMayEO-2exwJQks.png); }
        .LaLiga  > a:before { background-image: url(https://static.flashscore.com/res/image/data/6aNYx0jD-A3tOPy9B.png); }
        .pt > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-portugal-flag-circular-17871.png); }
        .be > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-belgium-flag-circular-17774.png); }
        .eng > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-england-flag-circular-17767.png); }
        .sco > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-scotland-flag-circular-17846.png); }
        .fr > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-france-flag-circular-17753.png); }
        .de > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-germany-flag-circular-17755.png); }
        .es > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-spain-flag-circular-17884.png); }
        .nl > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-netherlands-flag-circular-17752.png); }
        .dk > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-denmark-flag-circular-17776.png); }
        .pl > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-poland-flag-circular-17770.png); }
        .se > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-sweeden-flag-circular-17777.png); }
        .gr > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-greece-flag-circular-17778.png); }
        .ro > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-romania-flag-circular-17784.png); }
        .tr > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-turkey-flag-circular-17766.png); }
        .rs > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-serbia-flag-circular-17862.png); }
        .it > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-italy-flag-circular-17751.png); }
        .za > a:before { background-image: url(https://www.iconpacks.net/icons/5/free-icon-south-africa-flag-circular-17852.png); }
        .caf > a:before { background-image: url(https://static.flashscore.com/res/image/data/lr30qziD-Qoo4jQ1G.png); }
        .cl > a:before { background-image: url(https://hesgoal-tv.me/wp-content/uploads/2025/07/UEFA-CHAMPIONS-LEAGUE.png); }
        .el > a:before { background-image: url(https://hesgoal-tv.me/wp-content/uploads/2025/07/UEFA-europa-league.png); }
        .conference > a:before { background-image: url(https://hesgoal-tv.me/wp-content/uploads/2025/07/UEFA-conference-league.png); }
        .Libertadores > a:before { background-image: url(https://static.flashscore.com/res/image/data/nmUw9b8j-jkzLrd90.png); }
        .Sudamericana > a:before { background-image: url(https://static.flashscore.com/res/image/data/rFLpqzjD-8zIcd1IG.png); }
        .sa > a:before { background-image: url(https://www.iconpacks.net/icons/free-icons-7/free-icon-saudi-arabia-circle-rounded-flag-24368.png); }
        .small-text {
            font-size: 0.8em;
            color: #058816;
            margin-top: 5px;
            font-style: italic;
        }

        /* Personalización del Scrollbar */
        ::-webkit-scrollbar {
            width: 12px;
        }

        ::-webkit-scrollbar-track {
            background: rgba(20, 29, 38, 0.8);
            border-radius: 0;
            border-left: 1px solid rgba(255, 255, 255, 0.05);
        }

        ::-webkit-scrollbar-thumb {
            background: linear-gradient(
                to bottom,
                var(--red-accent),
                var(--gold-accent)
            );
            border-radius: 6px;
            border: 2px solid var(--background-dark);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        }

        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(
                to bottom,
                #c53030,
                #e6c229
            );
        }

        /* Para Firefox */
        * {
            scrollbar-width: thin;
            scrollbar-color: var(--red-accent) var(--background-dark);
        }