/*
   /////////////////////////////
    Contenedores de img fluida
  /////////////////////////////
*/

.h-banner-cards {
    max-height: 300px !important;
}

.circulo-virtuoso-row-img {
  min-height: 450px;
}

.white-hover:hover {
  color: #fff;
}

@media(min-width:769px) {
  section.circulo-virtuoso-row-img {
    align-items: center;
    display: flex;
  }
}

@media(max-width:768px) {
  .circulo-virtuoso-row-img img.object-fit-cover, .circulo-virtuoso-row-img picture {
    position: relative !important;
    width: 100% !important;
    height: 300px !important;
  }

  .circulo-virtuoso-row-img {
    min-height: fit-content;
  }
}


.card-circulo-virtuoso-container {
  min-height: 400px;
  cursor: pointer;
}

/** tarjetas con hover**/
.card-circulo-virtuoso-info {
  max-height: 0;
  transition: max-height 0.3s ease-out;
  overflow: hidden;
}

.card-circulo-virtuoso {
  background: #002a6980;
}

.card-circulo-virtuoso-container:hover .card-circulo-virtuoso-info {
  max-height: 500px;
  transition: max-height 0.25s ease-in;
}

.card-gradient {
  opacity: 0;
  transition: 0.25s all;
}
.circulo-virtuoso-banner-background {
  background: #0000004d;
}

.fundacion-deacero-logo {
  margin-top: -20px;
}

.cirulo-virtuoso-btn p {
    transition: 0.3s all;
}
.cirulo-virtuoso-btn:hover p {
  color: var(--Orange600);
}