.feature-icon{
    color: #fb8a00;
  }
  .card-title{
    color: #0d6efd;
  }

  .azul{
    color: #133590;

  }

  .fondo_gris_claro{
    background-color: #f3f3f3;
  }    
  .fondo_gris{
    background-color: #f3f3f3;
  }

  .fondo_gris2{
    background-color:#e7ebfa;
  }

  .modulos{
    background-color: white; padding: 1rem;
  }
  .hero {
    padding: 60px 20px;
    text-align: center;
  }
  .logo{
    width: 10rem;
    margin-top: -6rem;
    background-color: white;
    border-radius: 1rem;
  }

  .pb6{
    padding-bottom: 6rem !important;
  }


  .gradient-text {
    background: linear-gradient(to right, #2491fd, #193891);
    -webkit-background-clip: text; /* Para navegadores WebKit (Chrome, Safari) */
    -webkit-text-fill-color: transparent; 
    background-clip: text; /* Para soporte estándar */
    color: transparent; /* fallback */
  }

  .div-gradient {
    background: linear-gradient(to right, #193891, #2491fd);
    color: white;
    border-radius: 1rem;
    padding: 1.5rem;
  }

  .div-gradient2 {
    background: linear-gradient(to right, #193891, #2491fd);
    color: white;
    padding: 1.5rem;
  }  


  .cp{
    cursor: pointer;
  }
  .w{
    width: -webkit-fill-available;
  }

  .precio-gratis { color: green; font-weight: bold; }
  .precio-pago { color: #dc3545; font-weight: bold; }
  .logo { font-size: 2rem; font-weight: bold; color: #007bff; }
  .social-icons a {
    color: white;
    margin: 0 10px;
    font-size: 20px;
  }
  .modulo-img {
    max-width: 100px;
    margin-bottom: 10px;
  }
  .multipla{
    float: right;
  }
  .logosimple{
    width: 150px;
    position: static;
    margin-top: -6px;
  }

  .whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    
    /* Tamaño fijo para círculo perfecto */
    width: 60px;
    height: 60px;
    
    /* Centrado del ícono */
    display: flex;
    align-items: center;
    justify-content: center;
    
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    font-size: 28px;
    z-index: 999;
    
    /* Animación de pulso */
    animation: pulse 2s infinite;
  }
  
  @keyframes pulse {
    0% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
    }
    50% {
      transform: scale(1.05);
      box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    100% {
      transform: scale(1);
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
  }




  @media screen and (max-width: 600px) {	
    .multipla{
      float: none;
    }
  }