tbody{
            border-radius: 0px;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #dddddd24;
            padding: 8px;
            cursor: pointer; /* Cambia el cursor al pasar sobre las filas */
            text-align: -webkit-center;
        }        
        #videoContainer {
            width: 100%;
            height: 27vh; /* Altura completa de la ventana */
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 23px;
        }
        video {
            display: block; /* Quitar espacio adicional */
            max-width: 100%; /* Asegurar que el video no exceda el ancho de la pantalla */
            max-height: 100%; /* Asegurar que el video no exceda la altura de la pantalla */
        }
        .hija {
            display: none;
            max-height: 0; /* Altura máxima inicial */
            overflow: hidden; /* Ocultar el contenido que desborda */
            transition: max-height 0.3s ease-out; /* Transición para el efecto de deslizamiento */
            /*background-color: #f9f9f9;  Color de fondo */
        }
        .td-padre-nombre{
            font-size: 14px;
            max-width: 450px;
        }
        .padre{
            width: auto;
        }
        .hija{
            display:table-row;
        }
        .button-hija{
            margin: -5px 5px -5px 5px;
            border: 0;
        }
        .button-hija:hover {
            color: #f24e46; /* Color de texto al pasar el cursor */
        }
        .button-hija:active {
            color:rgb(40, 19, 231); /* Color de texto al hacer clic */
        }
        .hija-icon-arrow{
            margin-top: -20px;
            margin-left: 50%; 
            margin-right: 48%;
        }
        .tr-padre-p{ 
            font-weight: bold;
            font-size: x-large;
            margin-bottom: -34px;
        }
        .td-logos{
            display: flex;
            justify-content: space-between; justify-content: space-evenly;
            align-items: center;
            border: 0px;
            margin-top: 12px;
        }
        .button-stream{
            background-color: #f24e46; 
            padding: 12px; 
            border-radius: 6px; 
            color: white;
        }

        .miDiv {
            font-size: 24px;
            font-weight: bold;
            opacity: 0; /* Comienza invisible */
            transition: opacity 1s ease, color 1s ease; /* Transiciones para opacidad y color */
            color: red; /* Color inicial */
        }
        .miDiv.visible {
            opacity: 1; /* Se vuelve visible */
        }
        .entity-scores-widget-group_header_title__Pe\+Bm{
            display:none;
        }
        .td-versusLogos{
            display: flex;
            align-items: center;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            border-radius: 0;
            height: 100px;
            border-top: 0;
            border-left: 0;
        }
        @keyframes cambioColor {
            0% { color:rgb(238, 97, 97); }
            50% { color:rgb(250, 154, 154); }
            100% { color: red; }
        }
        .cambio-color {
            animation: cambioColor 2s infinite; /* Cambia de color continuamente */
        }
        .titulo-calendar{
            display: none;
            place-self: center;
        }

        /* Estilo para el botón flotante */
        .boton-flotante {           
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-left: 5px;
            background-color: #f24e46; 
            padding: 12px; 
            border-radius: 6px; 
            color: white;
            font-size: smaller;
            transition: box-shadow 0.3s ease; /* Transición suave para el sombreado */
            box-shadow:0 4px 8px rgb(0 0 0 / 88%); /* Sombreado leve */
        }
        .boton-flotante-cerrar {
            position: fixed;
            left: 475px;
            bottom: 17px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            z-index: 1000;
            background-color: #f24e46; 
            padding: 12px; 
            border-radius: 6px; 
            color: white;
            font-size: small;
            transition: box-shadow 0.3s ease; /* Transición suave para el sombreado */
            box-shadow:0 4px 8px rgb(0 0 0 / 88%); /* Sombreado leve */
        }        
        /* Estilo para el modal */
        .modal {
            align-items: flex-start;
            flex-direction: column;
            display: none; /* Oculto por defecto */
            position: fixed;            
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            align-items: center;
            z-index: 999;
            margin-left: -5px;
            background-color: #1607079c;
        }
        .modal-content {
            background-color: white;
            padding: 20px;
            border-radius: 5px;
            text-align: center;
            overflow-y: scroll;
            width: 450px;
            margin: 17px auto 17px 25px;
        }
        .entity-scores-widget_section_title__ZRX0b {
            background-color: #ed4747;
            color: white;
        }
        .entity-scores-widget_is_widget__4Ywx4.entity-scores-widget_small_view__LR7cO .entity-scores-widget_filters_header__jOL3Z {
            margin-top: -35px;
            display: none;
        }


.content-event{
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -30px;
}

.event-ico{
    margin-right: 10px;
    width: 20px;
}

.event-name{
    font-size: 14px;
    font-weight: bold;
}

        @media screen and (max-width: 768px){
            thead {
                display: table-column;
            }

            .td-padre-nombre{
                font-size: 13px;
                max-width: 350px;
                border: 0;
            }
            video {           
                max-width: 200%; /* Asegurar que el video no exceda el ancho de la pantalla */            
            }
            .padre{
                display: flex;
                flex-direction: column;
                width: 300px;
                border: #cbb1b12e 3px solid;
                margin-top: 12px;
                place-self: center;
            }
            .hija{
                display:table;
                place-self: center;
                width: 300px;
            }
            .button-hija{
                font-size: small;
            }
            .hija-icon-arrow{               
                margin-left: 45%; 
                margin-right: 60%;
                margin-top: 0px;
            }
            .tr-padre-p{
                margin-bottom: -22px;
            }
            .td-logos{
                justify-content: space-evenly;            
            }
            td {
                border: 0;
            }
            .button-stream{
                font-size: 11px;
            }
            .titulo-calendar{
                display: block;
                place-self: center;
            }
            .modal-content {           
                width: 100%;            
                margin: 0;
            }
            .boton-flotante {
                right: 20px;
                bottom: 20px;
                padding: 12px; 
                font-size: small;
            }
            .boton-flotante-cerrar {
                right: auto;
                left: 9px;
                bottom: 13px;
                padding: 12px;
                font-size: small;
                z-index: 1000;
            }
        }