/*INICIA SECCION DE ESTILOS GENERALES PARA VER EN LA PAGINA JORNADACTUAL.PHP*/
@font-face {
    font-family: 'qatar2022';
    src: url('/assets/Fuentes/Qatar2022/Qatar2022-Medium.otf') format('woff'),
         url('/assets/Fuentes/Qatar2022/Qatar2022Arabic-Medium.otf') format('woff');
         src: url('/assets/Fuentes/octosquares/TT_Octosquares_Regular.ttf') format('truetype');

        font-weight: normal;
    font-style: normal;
}

.fila-partido {
    display: flex;
}

.celda {
    flex: 1;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;
     
          
      }
  
 
  
    .partido-jornada {
        font-family: qatar2022, Arial, sans-serif;
        color:blue;
        font-size:2em;
        height:auto;
           display: flex;
            flex-direction: column;
    align-items: center; /* Alinea los elementos verticalmente */
    justify-content: center; /* Centra los elementos horizontalmente */
        text-align: center;
        margin-bottom: 15px; /* Reducir el margen inferior */
    }
    .partido-info {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
    .partido-info > p {
        margin: 0;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    .swiper-slide {
        padding-bottom: 20px; /* Reducir el relleno inferior */
    }
  
.nombre-equipo {
    margin: 5px 0; /* Ajusta el margen según sea necesario */
    /* Otros estilos que quieras aplicar a los nombres de los equipos */
}


    
    /*TERMINA SECCION DE ESTILOS GENERALES PARA VER EN LA PAGINA JORNADACTUAL.PHP*/
    
  /*INICIA SECCION DE ESTILOS GENERALES PARA VER EN LA PAGINA INDEX.PHP*/
   /*INICIA SECCION DE ESTILOS GENERALES PARA VER EN LA PAGINA INDEX.PHP*/
    /*INICIA SECCION DE ESTILOS GENERALES PARA VER EN LA PAGINA INDEX.PHP*/
 
 
 
 
 
 
 .resultado-central  .fila-partido {
    display: flex;
}

.resultado-central .logo-equipo {
            width: 1rem; /* Ancho del logotipo */
            height: 1rem; /* Alto del logotipo */
            margin-right: 5px; /* Espacio a la derecha del logotipo */
        }


 .resultado-central .celda {
    flex: 1;
    padding: 5px;
    border: 1px solid #ddd;
    text-align: center;}
      .bold {
          font-weight: bold;
               }
  
  .swiper.mySwiper{
      height:100%;
      
  }
  
  
  
  .partido-jornada {
     font-size:1em;
     height:90%;
           display: flex;
            flex-direction: column;
    align-items: center; /* Alinea los elementos verticalmente */
    justify-content: center; /* Centra los elementos horizontalmente */
        text-align: center;
        
    }

 .proximo-partido {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: normal;
    }
    
  .goles-partido {
     font-size: 1em;
      color:#ff0000; 
    text-align: left; 
    margin: 10px 0;
   letter-spacing: 2em;

}
    
   .resultado-central .proximo-partido:hover, .resultado-central .partido-info >:hover{
   color: #ff0000;
    }
    
    .resultado-central   .partido-info{
        display: flex;
        align-items: center;
        margin:0;
    }
    
 .resultado-central   .partido-info > p {
        display: flex;
     
    }
    

 .resultado-central   .fas.fa-clock {
        margin-left:20px;
    }
    
    .resultado-central .previo:hover, .resultado-central .siguiente:hover{
       color:#ff0000 
    }
    
    /* Estilos para los botones de navegación de Swiper */
.resultado-central .previo{
    width: 10px;
        height: 10px;
    position: absolute;
    top: 60%; /* Centra verticalmente */
     left: 7%;
    transform: translateY(-50%); /* Ajuste fino para centrar verticalmente */
}

.resultado-central .siguiente {
    width: 10px;
        height: 10px;
    position: absolute;
    top: 60%; /* Centra verticalmente */
     right: 7%;
    transform: translateY(-50%); /* Ajuste fino para centrar verticalmente */
}

.resultado-central .swiper-pagination{
   bottom: 10px; 
    
}

  @media (max-width: 768px){
    
     /*INICIA SECCION DE ESTILOS EN VISTA DE MOVIL PARA VER EN LA PAGINA INDEX.PHP*/
     /*INICIA SECCION DE ESTILOS EN VISTA DE MOVIL PARA VER EN LA PAGINA INDEX.PHP*/
   /*INICIA SECCION DE ESTILOS EN VISTA DE MOVIL PARA VER EN LA PAGINA INDEX.PHP*/    
   
   .swiper.mySwiper{
       height:100%;
   }
   
   
   .swiper-wrapper{
       height:auto;
       
   }
   
   .swiper-slide{
       height:auto;
   }
   
   .partido-jornada{
       height:70px;
   }
    
    .proximo-partido{
     font-size:.8em;   
        
    }
    .partido-info p{
        font-size:.5em;
    }
      

.resultado-central .goles-partido {
    color:#ff0000;
     font-size: 1em;
    text-align: left; 
    margin: 0;
   letter-spacing: 1em;

}

.resultado-central .partido-tiempo{
    font-size: 1em;
   color:#ff0000; 
   z-index:10;
}


 .resultado-central .previo{
    width: 5px;
        height: 5px;
    position: absolute;
    top: 80%; /* Centra verticalmente */
     left: 5%;
    transform: translateY(-50%); /* Ajuste fino para centrar verticalmente */
}

.resultado-central .siguiente {
  width: 5px;
        height: 5px;
    position: absolute;
    top: 80%; /* Centra verticalmente */
     right: 5%;
    transform: translateY(-50%); /* Ajuste fino para centrar verticalmente */
}

 .resultado-central .swiper-pagination{
   top: 70%; 
    
}

  }