body {
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
   
}


.menu {
    padding: .5rem 0;
    transition: none;
    min-height: 77px;
  }

  


  .navbar-logo img{
    transition: 0.1s;
  }

.navbar-logo img:hover{
    transform: scale(1.2);   
}

.nav-item i{
    font-size: 1.6rem;
color: #ffffff;
transition: 0.2s;
}

.nav-item i:hover{
    transform: scale(1.5);
    color: #66d2ff;
}

.nav_checkbox{
    background: linear-gradient(rgb(94, 0, 135), rgb(180, 0, 255, 0.8));
}


.encabezado-estrellas{
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    background: linear-gradient(rgb(180, 0, 255), #66d2ff);   
}


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

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



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

.fecha{
    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;
 }
 






.titulo{
    font-size: 3rem;
    text-align: center;
    padding: 50px 0px 0px 0px;
    font-weight: 100;
}






.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(/estrellas.clubcarbonell.com/Estrellas2025/Image/ESTRELLAS-solo-morado-sm.png);
}

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



.subtitulo{
    color: rgb(180, 0, 255);
    font-weight: 900;
    padding: 30px;
}


.subtitulo-morado{
    color: rgb(180, 0, 255);
    background: linear-gradient(rgb(220, 139, 255), 30%, transparent);
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    padding: 20px 30px;
    border-radius: 25px 25px 0px 0px;
}

.subtitulo-celeste{
    color:  #007aaf;
    background: linear-gradient( #66d2ff, transparent);
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    padding: 20px 30px;
    border-radius: 25px 25px 0px 0px;
}

.subtitulo-celeste2{
    color: #007aaf;
    background: linear-gradient( #66d2ff, transparent);
     font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    padding: 20px 30px;   
}

.subtitulo-transparente{
    color: rgb(255, 255, 255);
    font-size: 1.5rem;
    font-weight: 500;
    text-align: center;
    padding: 50px 20px 0px 20px; 
    background-color: transparent;  
}

.subtitulo_2{
    padding: 0px 10px 0px 10px;
   font-weight: 700;
   color: rgb(180, 0, 255);
}

.subtitulo_3{
    padding: 0px 10px 20px 10px;
   font-weight: 700;
   color: #007aaf;
}

.subtitulo_4{
    padding: 30px 10px 0px 10px;
   font-weight: 900;
   font-size: 1.5rem;
   color: #007aaf;
}


.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 0px;
}

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

.video p{
     text-align: center;
    margin: auto;
}

.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: 5rem;
    padding-bottom: 20px;   
   }

   .video .youtube a{
     text-decoration: none;
   }


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

.video .live:hover{
border-radius: 45px;
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;
}












.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 .titulo{
    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;
    max-width: 900px;
}

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

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


.juez-foto-f{
    width: 200px;
    height: 200px;
     background-image: url(/estrellas2025/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(/estrellas2025/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: 300px;
    height: 100%;
    background-color: rgb(255, 255, 255, 0.4);
    padding-top: 15px;
    padding-bottom: 1px;
    border-radius: 25px;
    margin: 10px auto;
    justify-items: center;
}

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

.ocupacion{
    color: rgb(0, 0, 0);
    text-align: center;
      margin: 0px;
      padding: 0px;
    font-weight: 900;
    font-size: 1.2rem;
}

.rama{
    color: rgb(0, 0, 0);
    font-size: .8rem;
    text-align: center;
    padding: 10px;
    font-weight: 500;
}















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

.programa .titulo{
    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: contents; 
}

.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: 100vh;
    background-color: #003d98;
    background-image:  linear-gradient(to top, transparent, #00183b), url(/estrellas2025/images/saint-jude-2.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 50px 20px 50px 20px;
}

.gimnasio .titulo{
    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;
    text-shadow: 2px 2px 4px #000000;
}

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

.map{
    font-size: 3rem;
    color: #ffffff;
    padding-top: 20px 0px 0px 0px;
    transition: 0.2s;
}

.map:hover{
    font-size: 5rem;
    color: #ffffff;
}






  






.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 .titulo{
    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: rgb(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{
    font-size: 0.8em;
    font-weight: 300;
    text-align: center;
    margin: auto;
    justify-content: center;
    padding: 0px;
}

.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: white;
}

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

.logos-list p{
color: rgb(180, 0, 255);
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
}

.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);
    
  }

 





  
.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;
  }

  

   .contacto{ 
    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: 75%;  
         }

    .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{
    width: 100%;
}

.niveles td{
    padding: 0px 5px;
}

.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: 75%;  
         }

    .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: 75%;  
         }

    .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){
    .estrellas-logo img{
        width: 75%;  
         }

    #logo2023{
        width: 100%;
    }

    #aloft{
        margin: 0px auto;

    }

    #quality{
        margin: 0px auto;

    }
  }