.nav_checkbox{
    background: linear-gradient(#6b0036, rgba(215,0,109, 0.9));
}

.burger:hover{
       color: #fbb403;
       font-size: 2rem;
       margin: 20px;
    }

    .content_nav li{
        margin: auto;
    }

.content_nav li i:hover{
       color: #fbb403;
       font-size: 2.4rem;

    }


.label{
      font-size: 2rem;
      transition: 0.2s ease-in-out;
      padding-right: 10px;
}

.label:hover{
       font-size: 1.9rem;
       color: #fbb403;

}




.encabezado-estrellas{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: linear-gradient(#d7006d, #fbb403);
}


.container-estrellas{    
    min-height: 100vh;
    justify-content: center;
    align-content: center;
    margin: auto;
}

.container-estrellas p{
    color: #ffffff;
    font-weight: 500;
    font-size: 3rem;
    text-align: center;

}

.encabezado-estrellas{    
    color: rgb(180, 0, 255);
    font-size: 1rem;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
}


.estrellas-logo img{
    width: 80%; 
     display: block;
      margin: auto;   
     }

.fecha p{
    font-size: 2rem;
}



.fa-file-pdf{
    color: #006fcf;
    transform: scale(2.7);
margin-bottom: 20px;
 }   

 .menu-estrellas{
    margin-top: 5px;
    margin-bottom: 5px;
 }
  
.link-estrellas{
    border: solid;
    border-color: #006fcf;
    border-radius: 15px;
    color:#006fcf;
    padding: 10px;
    font-size: 1rem;
    transition-duration: 0.2s;
}   

.link-estrellas:hover{
    font-weight: 900;
    color:#ffffff;
    background-color: #006fcf;
    border-radius: 25px;
 }
 



.container-fb{
    max-width: 1080px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 25px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    padding: 20px;
    margin: 50px auto;
}

h1{
    font-size: 3.5rem;
    font-weight: 100;
}

h2{
    font-weight: 100;
    font-size: 2rem;
}

h3{
    font-size: 0.8rem;
    font-weight: 900;
    text-align: center;
    color: #d7006d;
}

p{
    font-size: 1.4rem;
    font-weight: 100;
    text-align: justify;
}

li{
    text-align: justify;
}

.estilo-tabla{
    width: 900px;
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 25px;
    margin-bottom: 50px;
    padding: 50px 10px;
}

.estilo-tabla-arriba{
    width: 900px;
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 25px 25px 0px 0px;
    margin-bottom: 50px;
    padding: 20px 20px;
}

.estilo-tabla-centro{
    width: 900px;
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 0px;
    margin-bottom: 50px;
    padding: 20px 20px 0px 20px;
}

.estilo-tabla-centro2{
    width: 900px;
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 0px;
    margin-bottom: 50px;
    padding: 0px 20px;
}

.estilo-tabla-abajo{
    width: 900px;
    background-color: rgb(255, 255, 255, 0.8);
    border-radius: 0px 0px 25px 25px;
    margin-bottom: 50px;
    padding: 20px 20px;
}



.listas{
    padding: 10px;
    margin: 0px 30px;
    list-style-image: url(/Estrellas2025/Image/ESTRELLAS-solo-morado-sm.png);
}

#sub-lista li{
    list-style-type: circle;
}


.hospedaje h1{
    padding-bottom: 0px;
}

h2{
    color: #fbb403;
    padding-top: 0px;
    margin: 0px;
}




.adicionales{
    padding: 0px 40px;
}


.notas {
    color:rgb(180, 0, 255);
    font-size: 0.7rem;
    font-weight: 900;
    text-align: center;
    font-style: italic;
}







.video{
    background-color: #66d2ff;
    padding: 50px 30px;
}

.video .titulo{
    color: rgb(180, 0, 255);
    padding-bottom: 50px;
}

.video .video-conten{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
}


.video .youtube{
    display: flex;
    text-align: center;
    color: rgb(180, 0, 255);
}


.video .youtube i{
    font-size: 7rem;
    padding-bottom: 20px;
   }


.video .live{
background-color: rgb(180, 0, 255);
margin: 20px 0px;
padding: 15px 0px 0px 0px;
width: 300px;
border-radius: 25px;
font-weight: 300;
 transition: all 0.4s ease;
}

.video .live:hover{
border-radius: 55px;
letter-spacing: 2px;
font-weight: 900;
}


.video .youtube-live{
    display: grid;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    padding: 50px 10px;
}

.video .youtube-live iframe{
    width: 80%;
}

.video .live-2{
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    padding: 50px 0px;
}


.video .live-2 iframe{
    width: 300px;
    height: 100%;
    margin: 10px;
}













.descargas{
    padding: 50px 30px;
    background-color: #fbb403;   
}

.descargas h1{
    color: #d7006d;
}

.descargas-conten{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    text-align: center;
    margin: auto;  
    padding: 50px 20px;
     transition: 0.2s;
  }

.descargas-box{
    width: 300px;
    height: 200px;
    margin: 0px 10px;
    padding: 20px 5px;
    background-color: #d7006d;
    border-radius: 25px;
    transition: 0.2s;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  }

  .descargas-box a{
  text-decoration: none;
  }

.descargas-box:hover{   
    letter-spacing: 0.15em;
    border: 5px solid #d7006d;
    border-radius: 50px;  
    text-decoration-line: none;
    background-color: #fbb403;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0);
  i{color: #d7006d;}   
  p{color: #d7006d; font-weight: 900;} 
 }
  
.descargas-logo{
    margin: auto;
    padding: 50px 20px 0px 20px;
     transition: 0.3s;       
}

.descargas-logo i{
    font-size: 2rem;
    color:#fbb403;
    }

.descargas-documentos{
    margin: auto;     
    transition-duration: 0.3s; 
   text-decoration-line: none;
}


.boton p{
    color: #fbb403; 
  font-weight: 700;
   font-size: 1.5rem;
   text-align: center;
   text-decoration-line: none;
    justify-content: center;  
}












.bases{
    display: block;
    flex-flow: wrap;
    text-align: center;
    justify-content: space-around;
    margin: auto;  
    color: #000000;
    background: linear-gradient(#fbb403, #d7006d );
    padding: 50px 30px;
}

.bases h1{
    color:  #d7006d;
}

.bases h2{
    color:  #d7006d;
    text-align: left;
    margin: 20px 20px 0px 20px;
    font-weight: 100;
}

.bases p{
    margin: 0px;
}
























.inscripcion{    
    padding: 50px 30px;
    background-color: #d7006d;
    padding-bottom: 10px;
    
}

.inscripcion-conten{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    margin: 0 auto;
}

.inscripcion h1{
    color:  #fbb403;
}    

.inscripcion p{
 padding: 30px 20px 0px 20px;
 margin: 0px;
     color:  #d7006d;

}  

.inscripcion li{
    margin: 0px;
    padding: 0px;
}

.inscripcion .precio{
  color:  #d7006d;
  font-weight: 900;
}












.niveles{
    padding: 50px 30px;
    background: linear-gradient(#d7006d, #fbb403);
    margin: auto;
    }

.niveles .container-fb{
    padding: 5px;
    h3{margin: 0px;}
}    

.niveles h1{
    color:  #fbb403;
}    

.niveles-conten{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    text-align: center;
    margin: auto;
}    

.niveles table{
    margin: 10px;
    width: 450px;
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
}

.niveles tr{
    border: 2px solid rgba(0, 0, 0, 0);
}

.niveles th{
    background-color: #d7006d;
    color: #ffffff;
    border: 3px solid rgba(255, 255, 255);
    border-radius: 10px 10px 0px 0px;
    font-size: 1rem;
    font-weight: 500;
 }


 .niveles td{
    padding: 10px;
    background-color:   #fff3d4;
    color:  rgb(0, 0, 0);
    font-size: 1rem;
    border: 3px solid #ffffff;
    border-radius: 10px;
    }

    .niveles p{
        margin: 0px;
        text-align: center;
        font-weight: 900;
    }






.derecho{
    padding: 50px 30px;
    margin: auto;
    background-color:  #fbb403; 
    h1{color: #d7006d;
}
}










.jueces{
    padding: 50px 30px;
 background: linear-gradient(#fbb403, #d7006d );}


.jueces h1{
    color: #d7006d;
}










.jueces-directores{
align-items: center;
margin: auto;
justify-content: space-around;
    background: linear-gradient( rgb(180, 0, 255),#66d2ff);
    padding: 50px 30px 50px 10px;
  }

  .jueces-directores h1{
    color: #66d2ff;
    padding-bottom: 20px;
    font-weight: 100;
  }

  .jueces-directores .parrafo p{
    text-align: center;
  }

  .jueces-directores .parrafo li{
    color: #ffffff;
    font-size: 1.5rem;
    text-align: center;
}

.jueces-directores .parrafo .subtitulo{
    color: #ffffff;
    font-size: 1.5rem;
    text-align: center;
}

.jueces-directores ul{
    color: white;
    padding-left: 10px;
    list-style: none;
}

.directores{
    padding: 50px 30px 50px 30px;
    display: flex;
    flex-flow: wrap;
    text-align: justify;
    margin: auto;
    width: 70%;
}

.tarjeta-jueces-f{
    width: 300px;
    height: 350px;
    padding: 20px 20px 20px 20px;   
    margin: auto;  
    transition: all 0.2s ease;
    }

.tarjeta-jueces-m{
    width: 300px;
    height: 350px;
    padding: 20px 20px 20px 20px;
    margin: auto;  
    transition: all 0.2s ease;
    }
    


.juez-foto-f{
    width: 200px;
    height: 200px;
     background-image: url(/assets/images/juez-nelly.png);
    background-size: 230px;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: rgb(180, 0, 255);
    border-radius: 100px;
    border: solid #66d2ff;
    margin: auto;
    transition: all 0.4s ease;
    filter: grayscale(0.5) opacity(1);
}

.juez-foto-m{
    width: 200px;
    height: 200px;
    background-image: url(/assets/images/juez-esteban.png);
    background-size: 230px;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: rgb(180, 0, 255);
    border-radius: 100px;
    border: solid #66d2ff;
    margin: auto;
    transition: all 0.4s ease;
    filter: grayscale(0.5) opacity(1);

}

.juez-foto-f:hover{
    transform: scale(1.15);
    background-size: 300px;
    background-color: rgb(180, 0, 255, 0.5);
    box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.5);
    filter: grayscale(0) opacity(1);
    border-radius: 100px;
}

.juez-foto-m:hover{
    transform: scale(1.15);
    background-size: 300px;
    background-color: rgb(180, 0, 255);
    box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.5);
    filter: grayscale(0) opacity(1);
    border-radius: 100px;
}

.tarjeta-content{    
    width: 250px;
    background-color: rgb(255, 255, 255, 0.4);
    padding-top: 15px;
    padding-bottom: 1px;
    border-radius: 25px;
    margin: 10px auto;
    text-align: center;
}

.tarjeta-content .nombre{
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 1.15rem;
    font-weight: 100 ;
    margin-bottom: 0%;
    padding-top: 0px;
}

.ocupacion{
    color: rgb(0, 0, 0);
    text-align: center;
      margin-top: 0%;
      margin-bottom: 0%;
    font-weight: 900;
}

.rama{
    color: rgb(0, 0, 0);
    font-size: .8rem;
    text-align: center;
    margin-top: 0%;
    font-weight: 500;
}


.nota4{
    color: rgb(255, 255, 255);
    font-weight: 900;
    text-align: left;

}

.jueces .tabla-notas{
    color: rgb(255, 255, 255);
    padding-left: 10px;
    list-style: disc;
}















.programa{
    background: linear-gradient(#66d2ff, rgb(180, 0, 255));
    padding: 50px 15px 50px 15px;
 }

.programa h1{
    color: rgb(180, 0, 255);
    padding-bottom: 50px;
   }
   

 .programa-conten{
   display: flex;
   flex-wrap: wrap;
    justify-content: center; 
    text-align: center;
    margin: auto;
 }

 .programa-conten table{
    width: 450px;
 }



.programa-conten .subtitulo_2{
    font-size: 1.3rem;
    font-weight: 300;
    color: #003d98;

}

.programa-conten .categoria table{
  margin: auto; 
}

.programa .categoria td{
    margin: 50px;
    display: block; 
}

.programa .categoria p{
    text-align: center; 
    margin: 0px 10px;
}


   .programa .estilo-tabla td a{   
    color: rgb(179, 0, 255);
    font-weight: 900;
    padding: 1px 6px;
    margin: 10px 4px;
    transition: 0.2s;
    background-color: rgb(179, 0, 255, 0.1);
    border-radius: 7px;
   }

   .programa .estilo-tabla td a:hover{
    color: rgb(238, 200, 255);
    background-color: rgb(179, 0, 255);
     padding: 5px;
    }

 .programa .estilo-tabla .equipo{
    color: #003d98;
    background-color: #9ee2ff;
    padding: 2px 50px;
   }

   .programa .estilo-tabla .equipo:hover{
    color:#66d2ff;
    background-color: #003d98;
    padding: 5px 40px;
    }

    .programa .clubes-entreno{
    width: 430px;
    margin: 12px auto;
  border-collapse: separate;
  border-spacing: 10px;
    }


    .programa .entrebamiento{
    color:  rgb(103, 103, 103);
    font-weight: 900;
    font-size: 1.1rem;
    text-align: left;
    background: linear-gradient(to right, rgba(0, 179, 255, 0.1), rgb(180, 0, 255, 0.2)); 
    border-radius: 15px;
    padding: 0px 5px;
    }
    
    .programa .entrebamiento img{
         width: 40px; 
         height: 40px; 
         align-self: flex-start;
     }


.programa .nivel{
    
    font-weight: 600;
}


.programa .clubes i{
    color: rgb(179, 0, 255);
}

.programa img{
   height: 75px;
   margin: 10px 5px ;
}


.clubes .hora{
    text-align: left;
}

.clubes #icono-rofeo{
    padding: 50px 0px 0px 0px;
    font-size: 8rem;
}


.club-ganador{
    padding: 20px;
}





















.gimnasio{
    height: 500px;
    background-color: #d7006d;
    background-image:  linear-gradient(to top, transparent 10%, black), url(/estrellas2026/images/20250627_070805336.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 20px 50px 20px;
}

.gimnasio h1{
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
    padding-bottom: 0px;
} 

.gimnasio .parrafo{
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    padding-top: 0px;
    font-size: 1.5rem;
}


.map-notas{
    color: white;
    text-align: center;
    font-size: 4rem;
    text-shadow: 2px 2px 4px #000000;
}

.map-notas i{
    font-size: 5.5rem;
    margin: 20px;
    transition: 0.3s;
}

.map-notas p{
text-align: center;
}

.map{
    font-size: 3rem;
    color: #ffffff;
    transition: 0.2s;
}

.map:hover{
    
    color: #ffffff;
    i{font-weight: 600;}
}






  












    .ticket{
        display: block;
        background-color: #ffffff;
        padding: 50px 20px;
        justify-content: center;  
    }
    
    .ticket h1{
        color: #5ad2ff;
    }

    .ticket .info{
        text-align: center;
        color: #5ad2ff;
        font-weight: 900;
    }
    
   #eventbee_iframe{
    justify-content: center;
    align-items: center;
    margin-top: 0px;
    padding-top: 0px;
   }
    
.eventb{
    display: flex; 
    width: 100%;
   }
    
  .eventb a{
    width: 100px;
    margin: 0 auto;    
  }  
    
  .eventb img{
    width: 100px;    
transition: 0.3s;
  }

  .eventb img:hover{
    transform: scale(1.3);
  }


















.hospedaje{
padding: 50px 0px 50px 0px;
background: linear-gradient(#d7006d, #fbb403);
} 

.hospedaje h1{
    padding: 0px;
    color: #fbb403;
}


.hospedaje-conten table{
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 35px;
    width: 300px;
    height: 100%;
    margin: 10px;
}

.hoteles-conten{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    text-align: center;
    margin: auto;  
    align-content: start;   
}

.hoteles-conten .boton{
    width: 300px;
    height: 30px;
   padding: 15px 0px;
   border-radius: 0px 0px 35px 35px;
       transition: all 0.3s ease;
}

.hospedaje-conten a{
    color: white;
    font-weight: 900;
    text-decoration-line: none;
    padding: 15px 73px;
    border-radius: 0px 0px 30px 30px;
    background:  linear-gradient(transparent, #d7006d);
    transition: all 0.3s ease;
}

.hospedaje-conten a:hover{
    color: #d7006d;
    font-weight: 900;
    padding: 15px 73px;
    border-radius: 0px 0px 30px 30px;
    background:  linear-gradient(transparent, #fbb403);
}

.hospedaje .subtitulo{
    margin-top: 0px;
    text-align: center;
    margin-bottom: 0px;
    padding: 0%;
    color: #fbb403;
 }
    
.hospedaje .parrafo {
    text-align: center;
    margin-top: 0px;
    color: #fbb403;
}   

.hospedaje .hoteles p{
   margin: 0px;
   font-size: 0.9rem;
   text-align: center;
   padding: 0px;
}

.hospedaje .hotel-foto img{
    margin: 5px;
    width: 300px;
    border-radius: 30px 30px 0px 0px;
}

.hotel-logo img{
    width: 200px;
    margin: auto;
}

.km{
    font-weight: 900;
}












.fotos{
    display: block;
    flex-wrap: wrap;
    width: 100%; 
    padding: 90px 10px;
    justify-content: center;
    margin: auto;
    align-items: center;
    background: linear-gradient(rgb(255, 255, 255), #66d2ff)
}

.fotos h1{
    font-size: 3rem;
    padding: 50px;
    color: rgb(180, 0, 255);
}

.fotos-conten{
    margin: auto;
}

.fotos-logo img{
width: 350px;
transition: 0.3s; 
padding: 10px;
}


.fotos-logo img:hover{
    width: 400px;
}










.clubes-list{
    padding: 50px 30px;
    background: linear-gradient(#66d2ff, white)
}

.clubes-titulo{
    text-align: center;
    font-size: 3rem;
    padding: 50px;
    font-weight: 100;
    color: rgb(180, 0, 255);
}

.clubes-list-container{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
     text-align: center;
     margin: auto;
     background-color: rgba(255, 255, 255, 0.5);
     padding: 60px 10px;
     border-radius: 30px;
     width: 100%;
}

.clubes-logo{
    width: 350PX;
    padding: 0px;
    margin: 20px 0px 20px 0px;
}

.clubes-logo img{
    width: 100px;
  
    transition: all 0.2s ease;
}

.clubes-logo img:hover{
    transform: scale(1.25);
      filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
}


.clubes-logo .foto-club img{
    width: 10%;
    border-radius: 40px;
    transition: all 0.2s ease;
}

.clubes-logo .foto-club img:hover{
    width: 50%;
     filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));; 
}

.club-name{
    font-size: 0.8em;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 900;
}

.pais p{
    font-size: 0.8em;
    font-weight: 300;
}

.pais .bandera{
    width: 30px;
    padding: 0px;
    margin: 0px 0px 50px 0px;
  }








.logos-list{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
     text-align: center;
     padding: 50px 10px 50px 10px;
     background-color: #fbb403;
}

.logos-list article{
    width: 140px;
}

.logos-list p{
color: rgba(215,0,109, 0.9);
padding-top: 0px;
padding-bottom: 0px;
font-weight: 900;
text-align: center;
font-size: 0.7rem;
text-decoration: none;
}

.item-image{
   width: 80px; 
   transition: 0.3s;
   margin: 5px;
}


.cid-scSXC5SnSi{
padding-top: 50px;
}

th#fecha{
    width: 180px;
    color: #5ad2ff;
    }

  th#hora{
    width: 170px;
  }

  th#actividad{
    width: 400px;
  }

  .item-image:hover{
    transform:scale(1.3);    
  }

  .logo-item a{
      text-decoration: none;
  }

 





  
.patrocinio{
    height: 100%;
    padding: 50px 10px; 
    background: linear-gradient(white, #66d2ff);
}

#p1{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    text-align: center;
    padding: 20px 10px 5px 10px;
    margin: auto;
    
}

.patrocinadores1{
   margin: 10px;
   padding: 10px 7px;
   transition: all 0.3s ease;
   background-color: rgb(255, 255, 255, .5);
   border-radius: 20px;
}

.patrocinadores1:hover{
    transform: scale(1.2);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
   }


#p2{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    text-align: center;
    padding: 5px 10px 10px 10px;    
    margin: auto;
   }

.patrocinadores2 img{
    width: 100px;
    margin: 10px;
    padding: 10px;
    transition: all 0.3s ease;
    background-color: rgb(255, 255, 255, .5);
    border-radius: 15px;
}

.patrocinadores2 img:hover{
    transform: scale(1.2);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
   }



 .pie {
    padding-top: 45px;
    padding-bottom: 15px;
    background-color: #66d2ff;
    background-image: url(/estrellas2025/Images/FONDOPIE.png);
    background-position: top center;
  }

  

   .pie2 {
    padding-top: 60px;
    padding-bottom: 0px;
    background-color: rgb(180, 0, 255);

  }


  .pie2 img{
    width: 100px;
  }


  .pie2 .social-list{
    display: flex;
    flex-flow: wrap;
    justify-content: right; 
    text-align: right;
  }

.pie2 .soc-item i{
    color: white;
    margin: 0px 5px;
}






  .aparatos{
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    text-align: center;
    margin: auto;
    background-color: rgb(180, 0, 255, .0);
    width: 100%;
   }

.aparatos img{
    width: 50%;
}

.aparatos td{
    padding: 10px 0px 30px 0px;
    transition: 0.3s;
}


.aparatos td:hover{
      transform:scale(1.2);
}

 






















  @media only screen and (max-width: 768px){

 
    .container-estrellas{
        justify-content:center; 
        align-items:center;
        margin: auto;
    }

    .estrellas-logo img{
        width: 80%;  
         }

    .menu-estrellas{
        width: 100vw;
    }


    
    #logo2023{
        width: 300px;
    }

   
    .bases li{
        list-style: none;
        font-size: 1rem;
    }

    .sublista{
        padding-left: 30px;
    }

    ul .aparatos{
   text-align: center;
    }
    
    .aparatos li img{
        width: 80px;
        }

.participacion .parrafo li{
    font-size: 1rem;
}

.inscripcion .parrafo li{
    font-size: 1rem;
}

.general .parrafo li{
font-size: 1rem;
}


.niveles table{
   margin: 20px 10px;
}

.premiacion .parrafo li{
    font-size: 1rem;
}

.programa .cuadro{
    width: 400px;
}

.directores{
    display:block;
    padding-top: 0%;
    margin-top: 0%;
}

.tarjeta-jueces-f{
    margin-top: 50px;
    margin-bottom: 50px;
}

.tarjeta-jueces-m{
    margin-top: 50px;
    margin-bottom: 50px;
}

.jueces .parrafo li{
    font-size: 1rem;
}


    th {
        width: 140px;
       
       }

              .cuadro #actividad{
           font-size: 1rem;
           }


           .jueces .parrafo li{
            color: #ffffff;
            font-size: 1.2rem;
        }
        
        .jueces .parrafo .subtitulo{
            color: #ffffff;
            font-size: 1rem;
        }
        
        .jueces ul{
            color: white;
            padding-left: 10px;
            list-style: none;
        }
        
        
        .jueces .tabla-notas .nota4{
            color: rgb(255, 255, 255);
            font-weight: 900;
            text-align: left;
            font-size: 1.2rem;
        }
       




        #eventbee_iframe{
            width: 100vw;
        }




           
      


   #clic{
    text-align: center;
   }
    
   #clic p{
    text-align: center;
   }
   

.container .media-container-row p{
    text-align: center;
}

.container .media-container-row .copyright p{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.patrocinio1 .patrocinadores1 img{
    width: 140px;
    margin-left: 7px;
    margin-right: 7px;
}

.pie2 .col-12{
    margin: auto;
    justify-items: center;
}

.pie2 img{
    width: 200px;
}

.pie2 h5{
    text-align: center;
    margin: 20px 0px 0px 0px;
}

.pie2 .align-right {
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    padding: 10px;
  }

}






@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3){
  
     
    .estrellas-logo img{
        width: 80%;  
         }

    .menu-estrellas{
        width: 100vw;
    }
    
    .bases li{
        list-style: none;
        font-size: 1rem;
    }

    .sublista{
        padding-left: 30px;
    }

    .participacion .parrafo li{
        font-size: 1rem;
    }
    
    .inscripcion .parrafo li{
        font-size: 1rem;
    }

    .premiacion .parrafo li{
        font-size: 1rem;
    }

    .general .parrafo li{
        font-size: 1rem;
        }
        
        ul .aparatos{
            text-align: center;
             }
             
             .aparatos li img{
                 width: 80px;
                 }


        .jueces .parrafo li{
            font-size: 1rem;
        }
        

    th {
        width: 140px;
       }

       .cuadro #actividad{
        font-size: 1rem;
        }

        .niveles table{
            width: 100%;
        }
        
        .niveles td{
            padding: 0px 5px;
        }
        
        .jueces .parrafo li{
            color: #ffffff;
            font-size: 1rem;
        }
        
        .jueces .parrafo .subtitulo{
            color: #ffffff;
            font-size: 1rem;
        }
        
        .jueces ul{
            color: white;
            padding-left: 10px;
            list-style: none;
        }
        
        .directores{
            display:block;
            padding-top: 0%;
            margin-top: 0%;
        }
        
        .tarjeta-jueces-m{
            margin-top: 50px;
            margin-bottom: 50px;
        }
        
        .tarjeta-jueces-f{
            margin-top: 50px;
            margin-bottom: 50px;
        }
        
        .nota4{
            color: rgb(255, 255, 255);
            font-weight: 900;
            text-align: left;
            font-size: 1rem;
        }


              
        #quality{
            width: 150px;
        }
        
.fotos-hotel{
    width: 100%;
   
}

#aloft{
    width: 100%;
}

#clic{
    text-align: center;
   }
    
   #clic p{
    text-align: center;
   }
    
   .container .media-container-row p{
    text-align: center;
}

.patrocinio1 .patrocinadores1 img{
    width: 140px;
    margin-left: 6px;
    margin-right: 6px;
}

.pie2 img{
    width: 200px;
}

.pie2 .col-12{
    margin: auto;
    justify-items: center;
}

.pie2 h5{
    text-align: center;
    margin: 20px 0px 0px 0px;
}

.pie2 .align-right {
    display: flex;
    flex-flow: wrap;
    justify-content: center; 
    padding: 10px;
  }

}








@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)  and (orientation: portrait)   and (-webkit-min-device-pixel-ratio: 2){
 
    
    
    .estrellas-logo img{
        width: 80%;  
         }

    .aparatos li img{
        width: 180px;
        }

    
    .directores{
        display: flex;
    }

    #clic{
        text-align: center;
       }
        
       #clic p{
        text-align: center;
       }
 
}





    @media only screen 
  and (min-device-width: 768px)  and (max-device-width: 1112px)   and (orientation: landscape)   and (-webkit-min-device-pixel-ratio: 2){
   .menu .content_nav{
          background: linear-gradient(#d7006d, #fbb403);
    }

   
    .estrellas-logo img{
        width: 80%;  
         }

    #logo2023{
        width: 100%;
    }

    #aloft{
        margin: 0px auto;

    }

    #quality{
        margin: 0px auto;

    }
  }