/* ==========================================================================
   2. TEXTOS Y BOTONES - SLIDE 1 (ESCRITORIO) - INTACTO
   ========================================================================== */

/* Corregido: Ya no se colapsa ni se oculta el contenedor */
.text-slide1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

#colorlib-hero .flexslider .slider-text {
 display: list-item !important; 
}

.text-slide1 h1 {
  position: absolute;
  top: 10px;
  color: white;
  font-size: 25px;
  padding: 220px 810px 0px 165px;
  -webkit-user-modify: read-only;
  text-align: justify;
  margin: 0;
}

/* Aquí vive tu botón "Solicitar Demo" */
.text-slide1 p {
  position: absolute;
  top: 10px;
  color: white;
  font-size: 15px;
  padding: 285px 810px 0px 165px;
  -webkit-user-modify: read-only;
  text-align: justify;
  margin: 0;
}


@media (max-width: 991px) {
  

  /* --- RESPONSIVO DEL SLIDE 1 (TEXTO + SOLICITAR DEMO) --- */
  .text-slide1 {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    /* Capa oscura azulada para asegurar legibilidad total sobre la primera imagen */
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    z-index: 10 !important;
  }

  /* Quitamos los paddings absolutos rígidos para que se ajusten y centren en móviles */
  .text-slide1 h1,
  .text-slide1 p {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    padding: 0 !important;
    margin: 0 auto 15px auto !important;
    width: 90% !important;
    max-width: 480px !important;
    text-align: center !important;
    color: #ffffff !important;
    display: block !important;
  }

  .text-slide1 h1 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
  }

  .text-slide1 p {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  /* Garantiza visibilidad y espaciado del botón Demo */
  .text-slide1 p a, 
  .text-slide1 p .btn {
    display: inline-block !important;
    margin-top: 10px !important;
    padding: 12px 30px !important;
    width: auto !important;
  }
}

/* ==========================================================================
   6. OPTIMIZACIÓN DE SECCIÓN DE CLIENTES Y DETALLES EXTREMOS (MAX 768px)
   ========================================================================== */

@media (max-width: 1024px) {
  .text-slide1 h1 { font-size: 15px !important;  padding: 263px 717px 0px 165px; }
  .text-slide1 p { font-size: 10px !important; }
}

   
@media (max-width: 480px) {
  .text-slide1 h1 { font-size: 21px !important; }
  .text-slide1 p { font-size: 14px !important; }
}