.video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 ratio */
    }
    .video-container iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
    }
    .main-text {
      text-align: center;      
    }
        .main-text-img {
            width: 100%;  
        }


 

.hero-section {
  background: url("../img/FONDO PORTADA NOSOTROS FINAL escritorio.png") no-repeat center center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: white;
}

/* Imagen distinta en pantallas móviles */
@media (max-width: 768px) {
  .hero-section {
    background: url("../img/Fondo NOSOTROS version movil.png") no-repeat center center;
    background-size: cover;   /* sigue llenando */
  }
}


    .logo {
      max-width: 400px; /* ajusta tamaño del logo */
      margin-bottom: 20px;
    }
.hero-text {
  font-size: 5rem;
  font-weight: 500;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.8);
}

/* Ajuste para tablets y móviles */
@media (max-width: 768px) {
  .hero-text {
    font-size: 3rem;  /* más pequeño en tablet/móvil mediano */
  }
}

/* Ajuste para móviles pequeños */
@media (max-width: 480px) {
  .hero-text {
    font-size: 2rem;  /* aún más pequeño en móviles chicos */
  }
}

    .video-section {
      position: relative;
      height: 80vh;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .video-section video,
    .video-section img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 1;
    }

    .video-text {
      z-index: 2;
      color: white;
      font-size: 2rem;
      font-weight: 700;
      text-align: center;
      text-shadow: 1px 1px 5px rgba(0,0,0,0.8);
      padding: 0 1rem;
    }

    @media (max-width: 768px) { 
      .video-text {
        font-size: 1.6rem;
      }
    }


 
    .seccion-trayectoria {
      min-height: 100vh;
      display: flex;
    }

    .col-izquierda {
      background-color: #2d8bba;
      color: white;
      padding: 4rem 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center; 
    }

    .col-derecha {
      background: url('../img/Nuestra trayectoria Foto.png') center/cover no-repeat;
      color: white;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem;
    }

    .col-izquierda h2 { 
      font-size: 3.8rem;
      margin-bottom: 1.5rem;
    }

    .col-izquierda p {
      font-size: 1.3rem;
      line-height: 1.6;
    }

    .col-izquierda strong {
      font-weight: 700;
    }

    .col-derecha h3 {
      font-size: 2rem;
      font-weight: 300;
      line-height: 1.4;
    }

    @media (max-width: 768px) {
      .seccion-trayectoria {
        flex-direction: column;
      }

      .col-izquierda, .col-derecha {
        text-align: center;
        padding: 3rem 1.5rem;
      }

      .col-derecha h3 {
        font-size: 1.5rem;
      }
    }





.seccion-mision-vision {
  padding: 4rem 1rem;
}

.titulo-area {
  color: #2d8bba;
  font-size: 2.5rem; 
  margin: 0;
}

.icono-area {
  font-size: 2.5rem;
  color: #2d8bba;
  flex-shrink: 0;
}

.card-area {
  border: 1.5px solid #2d8bba;
  border-radius: 1rem;
  background-color: #ffffff;
  padding: 1.8rem 1.5rem;
  text-align: justify;
  width: 100%;
  max-width: 95%;
}

@media (max-width: 768px) {
  .titulo-area {
    font-size: 1.8rem;
    text-align: center;
  }

  .icono-area {
    font-size: 2rem;
  }

  .card-area {
    max-width: 100%;
  }

  /* Stack ícono arriba del título en móviles */
  .d-flex.align-items-center.justify-content-center {
    flex-direction: column;
  }

  .d-flex.align-items-center.justify-content-center .me-3 {
    margin-right: 0 !important;
    margin-bottom: 0.5rem;
  }
}







    

    .valores-section {
      background: url('../img/Fondo banner Nosotros.jpg') center/cover no-repeat; 
      padding: 4rem 1rem;
      color: white;
      text-align: center;
    }

    .valores-title {
      font-size: 3rem;
      font-weight: 700;
      margin-bottom: 3rem;
    }

    .valor-card {
      border: 1px solid white;
      border-radius: 1rem;
      padding: 4rem 1rem;
      text-align: center;
      color: white;
      transition: 0.3s;
      height: 100%;
    }

    .valor-card:hover {
      background-color: rgba(255, 255, 255, 0.05);
    }

    .valor-icono {
      font-size: 3rem;
      margin-bottom: 1rem;
      display: inline-block;
    }

    .valor-texto {
      font-size: 1.6rem;
      font-weight: 500;
    }


    
    .equipo-section {
      min-height: 120vh;
      display: flex;
      flex-wrap: wrap;
    }

    .equipo-img {
      background: url('../img/Foto de equipo de BITS.png') center/cover no-repeat;
      color: white;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0rem;
    }

    .equipo-img h2 {
      font-size: 1.8rem;
      font-weight: 300;
      text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
    }

    .equipo-text {
      background-color: #1e88e5;
      color: white;
      padding: 3rem 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .equipo-text h2 {
      font-size: 3.8rem;
      margin-bottom: 1.5rem;
    }

    .equipo-text p {
      font-size: 1.3rem;
      line-height: 1.6;
    }

    .equipo-text strong {
      font-weight: 700;
    }

    @media (max-width: 768px) {
      .equipo-img {
        min-height: 300px;
      }
    }



    
    .equipo2-section {
      display: flex;
      flex-wrap: wrap;
      min-height: 100vh;
    }

    .equipo2-left {
      background-color: #1e88e5;
      color: white;
      padding: 4rem 2rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      font-size: 1.0rem;
      text-align: center;
    }

    .equipo2-left h5 {
      font-weight: bold;
      margin-bottom: 0.3rem;
    }

    .equipo2-left p {
      margin-bottom: 1.2rem;
    }

    .linea {
      border-top: 1px solid #fff;
      margin: 1.5rem 0;
      width: 100%;
    }

    .equipo2-right {
      background: url('../img/Foto de equipo de BITS 2.png') center/cover no-repeat;
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      padding: 2rem;
    }

    .equipo2-right h2 {
      font-size: 1.8rem;
      font-weight: 300;
      text-shadow: 1px 1px 6px rgba(0,0,0,0.6);
    }

    .nota {
      font-size: 0.9rem;
      font-style: italic;
      margin-top: 1rem;
    }

    @media (max-width: 768px) {
      .equipo2-right {
        min-height: 300px;
      }

      .equipo2-right h2 {
        font-size: 1.3rem;
      }

      .linea {
        margin: 1rem 0;
      }
    }







    

    .consultores-section {
      padding: 4rem 1rem;
    }

    .consultores-title {
      color: #2d8bba;
      font-size: 2.95rem;
    }

    .consultores-sub {
      font-size: 1.3rem;
      color: #555;
    }

    .consultores-column h5 {
      font-weight: 700;
      font-size: 1.1rem;
    }

    .consultores-column i {
      margin-right: 0.5rem;
      color: #1e73be;
    }

    ul.consultores-list {
      padding-left: 1.5rem;
      margin-top: 0.5rem;
    }

    ul.consultores-list li {
      margin-bottom: 0.4rem;
      font-size: 0.95rem;
    }

    @media (max-width: 768px) {
      .consultores-column {
        margin-top: 2rem;
      }
    }




  /* Contenedor de cada logo (mismo tamaño para todos) */

  .alianzas .text-primary{ color:#0368AA !important; } /* tu azul */

  /* Item */

  .alianzas-title{
      color: #2d8bba;
      font-size: 2.95rem;
  }

  .partner-item{
    display:block;
    width:100%;
    outline: none;
    margin-top: 20px;
  }

  /* Imagen: gris por defecto, color en hover */
  .partner-item img{
    width:100%;
    height:100%;
    object-fit:contain;
    aspect-ratio: 3 / 1; /* ajusta si tus logos son más altos */
    filter: grayscale(100%) brightness(0.88) contrast(1.05);
    -webkit-filter: grayscale(100%) brightness(0.88) contrast(1.05);
    transition: filter .25s ease, transform .25s ease;
  }

  .partner-item:hover img,
  .partner-item:focus-visible img{
    filter: none;            /* vuelve al color original */
    -webkit-filter: none;
    transform: translateY(-1px);
  }

  /* en móviles, logos un poco más altos para mejor legibilidad */
  @media (max-width:576px){
    .partner-item img{ aspect-ratio: 5 / 3; }
  }







 
  .qs-section{
    position: relative;
    background:#fff;
    overflow:hidden;
  } 

  /* Título grande a la izquierda */
  .qs-title{
    color:#2d8bba;
    font-weight:700;
    font-size:clamp(2rem, 4vw, 3rem);
    line-height:1.1;
    margin:0;
  }

  /* Imagen con esquinas redondeadas y sombra */
  .qs-image{ border-radius:28px; overflow:hidden; box-shadow:0 12px 28px rgba(0,0,0,.18); }
  .qs-image img{ width:100%; height:100%; object-fit:cover; display:block; }

  /* Encabezado y texto a la derecha */
  .qs-heading{
    color:#2d8bba;
    font-weight:700;
    font-size:clamp(1.4rem, 2.2vw, 2rem);
  }
  .qs-text{
    color:#333;
    font-size:1.4rem;
    line-height:1.6;
    max-width: 54ch;
  }

  /* Ajustes responsivos */
  @media (max-width: 991.98px){
    .qs-section::before, .qs-section::after{ height:28px; }
  }