.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      @media (max-width: 767.98px) {
      #navbarCollapse .navbar-nav {
    text-align: right;
    margin-left: auto;
  }
  }

.text-center{
  margin-bottom: 4rem;
}

  #myCarousel {
    height: 700px; /* altura del carrusel */
}

#myCarousel .carousel-inner,
#myCarousel .carousel-item {
    height: 100%; /* que contenedores internos tomen todo el alto del carrusel */
}

#myCarousel .carousel-item img {
    height: 100%; /* imagen toma toda la altura del contenedor */
    width: auto;  /* ancho automático para mantener proporción */
    object-fit: cover; /* imagen completa sin recorte */
}
/* Media query para dispositivos móviles (pantallas menores a 768px) */
@media (max-width: 767px) {
    #myCarousel {
        height: 220px; /* disminuye la altura en móviles */
    }

    /* Si prefieres, ajusta también el tamaño interno */
    #myCarousel .carousel-inner,
    #myCarousel .carousel-item {
        height: 100%;
    }

    #myCarousel .carousel-item img {
        height: 100%;
        width: auto;
        object-fit: cover;
    }
}






    


      .row{
        background-image: url(images/aluminio.png);
      }

    .somos {
    
    max-width: 100%; /* No exceda el ancho del contenedor padre */
    height: auto;    /* Mantiene la proporción al ajustar */
    display: block;  /* Evita espacios verticales indeseados */
    margin: 0 auto;  /* Centra la imagen en su contenedor si es más pequeña */
    object-fit: contain; /* Mantiene la imagen dentro sin distorsionar */
    max-height: 700px; /* Opcional: limita la altura máxima */
    margin-bottom: 5rem;
}

.h1{
  text-align: center;
}

.historia {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;  /* Texto más arriba */
  margin-bottom: 3rem;
}

.mi-seccion > div {
  flex: 1 1 50%;
}
.col-md-7 {
  margin-top: -20px; /* Sube el texto */
}

@media (max-width: 767px) {
    .row.justify-content-center .col-lg-4 {
        margin-bottom: 30px; /* espacio debajo de cada bloque */
    }

    /* Para el último bloque, quitar margen para evitar espacio extra final */
    .row.justify-content-center .col-lg-4:last-child {
        margin-bottom: 0;
    }
}