@font-face {
    font-family: 'Octosquare';
   src: url('/assets/Fuentes/octosquares/TT_Octosquares_Regular.ttf') format('truetype');
        font-weight: normal;
    font-style: normal;
   
    
}
body {
    font-family:  Arial, sans-serif;
    overflow-x: hidden;
    font-family: octosquare;
    font-weight: normal;
}

.swiper.mySwiper{
   height:100%; 
   width:100%;
}



/* Estilos para el contenedor del slider de Swiper */
  .swiper-wrapper {
    width: 100%;
     height:100%; 
}

/* Estilos para los slides individuales de Swiper */


.swiper-slide {
     height:100%; 
       width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}



/* Estilos para cada partido dentro del slide */
 .partido {
    width:100%;
    height: 100%;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    }




/* Estilos para h3 dentro de cada partido */
  .partido h3 {
    font-size: 1.3em;
    font-weight: normal;
    text-align: center; 
    
    
}

 .partido h3:hover {
    color: #ff0000;
    letter-spacing: 0;
}




  .swiper-button-prev:hover{
 color: #ff0000;   
}

 .swiper-button-next:hover{
 color: #ff0000;   
}




/* Eliminar la barra de desplazamiento de Swiper */
  .swiper-scrollbar {
    display: none;
}

/*modifica la apariencia del contenedor de los resultados*/

 .partido h3{
color: #007bff;
 font-weight: normal;   
}



/* Estilos para los botones de navegación de Swiper */
.resultado-central .partido .swiper-button-prev{
    width: 10px;
        height: 10px;
    position: absolute;
    top: 60%; /* Centra verticalmente */
     left: 10%;
    transform: translateY(-50%); /* Ajuste fino para centrar verticalmente */
}

 

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


  @media (max-width: 768px){
     
.swiper.mySwiper{
   height:100%; 
   width:100%;
}



/* Estilos para el contenedor del slider de Swiper */
  .swiper-wrapper {
    width: 100%;
     height:100%; 
}

/* Estilos para los slides individuales de Swiper */


 .swiper-slide {
     height:100%; 
       width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

     
.partido{
  width:100%;   
   height:100%;
}
 .partido h3 {
    font-family:qatar2022;
    font-size: .5;
    text-align: start; 
    color: #007bff;
}
 .swiper-button-next,  .swiper-button-prev {
 width: 20px;
  height: 20px;
 /* Ajustar el tamaño del icono dentro del botón, si es necesario */
  --swiper-navigation-size: 20px; /* Esta es una variable de Swiper para el tamaño del icono */
    position: absolute;
    top: 70%; /* Centra verticalmente */
    transform: translateY(-50%); /* Ajuste fino para centrar verticalmente */
}

 .swiper-button-prev {
    left: 3%; /* Ajusta según sea necesario para mover más al centro */
}

.central-results .swiper-button-next {
    right: 3%; /* Ajusta según sea necesario para mover más al centro */
}
      
 





}