/* Bottombar básico */
#bottombar {
      position: fixed;          /* Fijo al pie de la ventana */
      bottom: 0;
      left: 0;
      width: 100%;
      background-color: #fff;   /* Fondo blanco */
      border-top: 1px solid #ccc; /* Borde superior suave */
      z-index: 9999;            /* Para que quede sobre otros elementos */
      padding: 0.5em 0;
    }
    
    /* Alineamos el contenido centrado dentro de .container */
    #bottombar .container {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    
    /* Estilos del botón de WhatsApp */
    #bottombar .whatsapp-button .btn-whatsapp {
      background-color: #15930C; /* Color WhatsApp */
      color: #fff;
      text-decoration: none;
      padding: 8px 16px;
      border: none;
      border-radius: 5px;
      display: inline-flex;
      align-items: center;
      transition: background-color 0.3s ease;
    }
    
    #bottombar .whatsapp-button .btn-whatsapp:hover {
      background-color: #174e1c;
      color: #fff;
    }
    
    /* Ajuste del ícono */
    #bottombar .whatsapp-button .btn-whatsapp img {
      width: 2em;
      margin-right: 0.5em;
    }