/* Generales */
*{
     box-sizing: border-box;
     margin: 0;
     background-color:rgb(20, 20, 20) ;

}

html, body{
     height: 100%;

}

/* Encabezado */
.header{
     display: flex;
     justify-content: flex-start;
     width: 100%;
     height: 25vh;
     background-color: rgb(20, 20, 20);
}

.header img{
     margin-top: 2.1rem;
     margin-left: 1rem;
     height: 3rem;
     width: auto;
     
}

@media only screen and (max-width: 768px) {
     /* For mobile phones: */
     .header{
          justify-content: center;
          align-items: center;
          
     }

     .header img{
          margin: 0;
     }


}

/* Principal */

.main{
     height: 75vh;
     background-color: rgb(20, 20, 20);;
     display: flex;
     flex-direction: column;
     justify-content: space-around;
     align-items: center;
     overflow-x: hidden;
     overflow-y: scroll;


    
}

.main_titulo, .perfil_texto{
    
     font-family: 'Netflix Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
     /* text-align: center; */
     font-weight: 400;
     color: #ffffff;
    
}

.main_titulo{
    width:65%;
    color: #fff;
    font-size: 3.5vw;
    text-align: center;
   
}

.no_entrego{
	width: 55%;
}

.no_entrego img{
	width: 100%;
}

.perfiles{
     display:flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
     
    /*  padding-top: 10rem; */
     width: 80%;
     min-width: 70%;
     /* height: 40vh; */
     gap: 3em;

}

.perfiles a{
     text-decoration: none;

}

.perfil{
     display: flex;
     flex-direction: column;
     
     justify-content: center;
     align-items: center;
     
     gap: 0.5em;
    
  

     
}

.perfil:hover img{
     border: #e5e5e5 3px solid;
}

.perfil:hover h2{
     color: #e5e5e5;
}

.perfil_img{
     width: 10vw;
     min-width: 6vh;
     height: auto;
     border-radius: 10px;
}


.perfil_texto{
    line-height: 1.2em;
    min-height: 1.8em;
    color: grey;
    display: block;
   
    font-size: 1.3vw;
    margin: .6em 0;
    
}

@media only screen and (max-width: 800px) {
     /* For mobile phones: */
     .perfil_img{
          width: 90px;
          
     }

     .perfil_texto{
         font-size: 10px;
     }


}

.boton_perfiles{
    display: block;
    height: 2.5rem;
    
    font-size: 1.2vw;
    border: 1px solid grey;
    color: grey;
    padding: .6em 1.5em;
    letter-spacing: 2px;
    cursor: pointer;
    background-color: transparent;
}
.boton_perfiles:hover {
     cursor: pointer;
}

.boton_listo{
     display: block;
     height: 2.5rem;
     
     font-size: 1.2vw;
     font-weight: bolder;
     border: 1px solid grey;
     color: grey;
     padding: .6em 1.5em;
     letter-spacing: 2px;
     text-decoration: none;
     cursor: pointer;
     background-color: white;
 }

 
 .boton_listo:hover {
      cursor: pointer;
      background-color: red;
     color: white;

 }