/* Ejemplo con el ID #case para aumentar especificidad */
#case #cuadro {
  background-color: gray;
  max-height: 100px !important; /* asegura que se aplique */
  overflow: hidden !important;
  transition: max-height 0.4s ease !important;
}

/* Apunta al hover dentro de #case y .vl-gallery-2 para mayor especificidad */
#case .vl-gallery-2 .gallery-content:hover .gallery-content-trans {
  max-height: 1000px !important; /* o auto si lo prefieres */
}

#case .vl-gallery-2 .gallery-content-trans.gallery-show-text {
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.4s ease;
  color: red;
  position: relative;
  background: #f0f0f0;
}

#case .vl-gallery-2 .gallery-content:hover .gallery-content-trans.gallery-show-text {
  max-height: 1000px;
  background: #e0ffe0;
}

#case .vl-gallery-2 .gallery-content-trans.gallery-show-text::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 120%;
  background: linear-gradient(to bottom, rgba(136, 136, 136, 0.332), rgba(9, 9, 9, 0.503));
  pointer-events: none;
  transition: opacity 0.7 ease;
}

#case .vl-gallery-2 .gallery-content:hover .gallery-content-trans.gallery-show-text::after {
  opacity: 0;
}

@keyframes blink-animation {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.gallery-hint-overlay img {
  animation: blink-animation 2s infinite;
}
.gallery-hint-overlay {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
 
  pointer-events: none; /* para que no interfiera con clics */
  transition: opacity 0.3s ease;
  width: 80px;
}

.vl-gallery-2:hover .gallery-hint-overlay {
  opacity: 0;
}

@media (min-width: 991px) and (max-width: 1399px) {
.vl-cta .vl-cta-bg-3 .vl-cta-icbox-content #cont-1 #cont-2 #cont-3{
 font-size: 17px;

}
}


@media (min-width: 991px) and (max-width: 1399px) {
  .vl-cta-icbox-content {
    text-align: center;
    padding: 10px;
  }

  .vl-cta-icbox-title {
    font-size: 1.1rem;
    margin-bottom: 8px;
  }

  #cont-1,
  #cont-2 {
    display: inline-block;
    font-size: 1rem;
    text-decoration: none;
    color: white;
  }
}

/* chat bot */


@media (max-height: 1000px) {
  iframe[src*="micliente.io"] {
    transform: scale(1);
  }
}

@media (max-height: 800px) {
  iframe[src*="micliente.io"] {
    transform: scale(0.8);
  }
}
iframe[src*="micliente.io"] {
  z-index: 999999999999999999999999 !important;
  position: fixed !important;
}