.nav-logo{
    width: 8vw;
    height: auto;
}
.ada-logo{
    margin-top: -10px;
    width: 40vw;
    height: auto;
}

.team-boxed {
    color:#313437;
    background-color:#eef4f7;
  }
  
  .team-boxed p {
    color:#7d8285;
  }
  
  .team-boxed h2 {
    font-weight:bold;
    margin-bottom:40px;
    padding-top:40px;
    color:inherit;
  }
  
  @media (max-width:767px) {
    .team-boxed h2 {
      margin-bottom:25px;
      padding-top:25px;
      font-size:24px;
    }
  }
  
  .team-boxed .intro {
    font-size:16px;
    max-width:500px;
    margin:0 auto;
  }
  
  .team-boxed .intro p {
    margin-bottom:0;
  }
  
  .team-boxed .people {
    padding:50px 0;
  }
  
  .team-boxed .item {
    text-align:center;
  }
  
  .team-boxed .item .box {
    text-align:center;
    padding:30px;
    background-color:#fff;
    margin-bottom:30px;
  }
  
  .team-boxed .item .name {
    font-weight:bold;
    margin-top:28px;
    margin-bottom:8px;
    color:inherit;
  }
  
  .team-boxed .item .title {
    text-transform:uppercase;
    font-weight:bold;
    color:#d0d0d0;
    letter-spacing:2px;
    font-size:13px;
  }
  
  .team-boxed .item .description {
    font-size:15px;
    margin-top:15px;
    margin-bottom:20px;
  }
  
  .team-boxed .item img {
    max-width:160px;
  }
  
  .team-boxed .social {
    font-size:18px;
    color:#a2a8ae;
  }
  
  .team-boxed .social a {
    color:inherit;
    margin:0 10px;
    display:inline-block;
    opacity:0.7;
  }
  
  .team-boxed .social a:hover {
    opacity:1;
  }

/* CARDS */

.cardperfil{
  border-radius: 100%;
  width: 90%;
  border: 3px solid #ffffff;
}
.btncard{
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 5%;
}
.btncard:hover{
  background-color: #7d8285;  
  color: #313437;
  
}
.conteinerperfiles{
  border: 3px solid #ffffff;
  margin: 0;
  padding: 0;
  justify-content: center;
  border-radius: 6px;
}
.imgarg{
  margin-left: 10%;

  width: 100vh;
  height: auto;
}

.language-switcher {
  position: absolute;
  top: 10px;
  right: 10px;
}

.language-switcher .btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.language-switcher .btn:hover {
  background-color: #0056b3;
}

/* Estilos responsivos generales */
@media (max-width: 768px) {
  .ada-text {
    font-size: 6rem;
    margin-top: 10px;
  }

  .display-2 {
    font-size: 2.5rem;
  }

  .vertical-centred {
    padding: 2rem 1rem;
  }

  .social-list-bottom {
    bottom: 1rem;
  }

  .language-switcher {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1000;
  }

  .menu {
    padding: 2rem;
  }

  .menu-list {
    font-size: 1.2rem;
  }
}

/* Ajustes específicos para móviles pequeños */
@media (max-width: 480px) {
  .ada-text {
    font-size: 4rem;
  }

  .display-2 {
    font-size: 2rem;
  }

  .contact-info {
    padding: 1rem;
  }

  .form-group {
    margin-bottom: 1rem;
  }

  .social-list-bottom {
    display: flex;
    justify-content: flex-end;
    width: auto;
    left: 1rem;
    padding: 0;
  }

  .social-list-bottom a {
    margin: 0 1rem 0 0;
  }
}

/* Ajustes para tablets */
@media (min-width: 769px) and (max-width: 1024px) {
  .ada-text {
    font-size: 8rem;
  }

  .display-2 {
    font-size: 3rem;
  }

  .vertical-centred {
    padding: 3rem 2rem;
  }
}

/* Ajustes para la orientación landscape en móviles */
@media (max-height: 480px) and (orientation: landscape) {
  .vertical-centred {
    padding: 1rem;
  }

  .ada-text {
    font-size: 3rem;
    margin-top: 5px;
  }

  .display-2 {
    font-size: 1.8rem;
  }
}

.progress-bars h4 {
  line-height: 1.5;
  margin-bottom: 1.5rem;
  white-space: normal;
  word-wrap: break-word;
}

.progress-bars ul {
  margin: 0;
  padding: 0;
}

.progress-bars ul li {
  line-height: 1.8;
  letter-spacing: normal;
  word-spacing: normal;
}

.text-justify {
  text-align: left;
  letter-spacing: normal;
  word-spacing: normal;
  line-height: 1.6;
}