/* Efecto de desvanecimiento para la imagen */
.fade-image {
    opacity: 1;
    transition: opacity 1s ease-in-out;
  }
  
  .fade-out {
    opacity: 0;
  }
  
  /* Ejemplo de estilos para el botón (ajusta según tu diseño) */
  .theme-btn {
    background-color: #d90dfd;
    color: white;
    padding: 16px 21px;
    border-radius: 25px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: background-color 0.3s ease;
  }
  
  .theme-btn:hover {
    background-color: #9e00b3;
  }
  
  .theme-btn i {
    margin-left: 10px;
  }
  
  /* Estilos básicos para los textos */
  h6 {
    font-size: 18px;
    color: #444;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  
  h1 strong {
    color: #05080d;
    font-weight: bold;
  }
  
  p {
    font-size: 16px;
    color: #777;
  }
  
  /* Opcional: estilos para animaciones de WOW.js o similares */
  .wow {
    opacity: 0;
    animation: fadeInUp 1s forwards;
  }
  
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  /* Puedes agregar aquí el resto de estilos de tu proyecto */