.boton-whats {
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background: linear-gradient(45deg, #3881ff, #004357); /* Degradado rosa a naranja */
    border: none;
    border-radius: 999px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
  }

  .boton-whats:hover {
    color: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transform: scale(1.05);
  }

  .boton-mail {
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    background: linear-gradient(45deg, #ff03b3, #99005e); /* Degradado rosa a naranja */
    border: none;
    border-radius: 999px;
    cursor: pointer;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
  }

  .boton-mail:hover {
    color: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transform: scale(1.05);
  }

  .bg-personalizado{
    width: 600px;  
    background: linear-gradient(60deg, #c5c3c3, #eff3f3); /* Degradado rosa a naranja */
    border: none;
    transition: box-shadow 0.3s ease, transform 0.2s ease;
  }

  .custom-input{
      width: 50px;
      height: 50px;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-family: 'Arial'; 
      font-size: 20px;
      font-weight: bold;
  }

  .custom-input:focus{
      outline: none;
      border-color: #007bff;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }


/* Opcional: reducir padding/margin por defecto */

.custom-inputmail{
      width: 50px;
      height: 50px;
      text-align: center;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-family: 'Arial'; 
      font-size: 20px;
      font-weight: bold;
  }

  .custom-inputmail:focus {
      outline: none;
      border-color: #007bff;
      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }

  .disabled-link {
      pointer-events: none;     /* Evita clics */
      color: #004d85;
      text-decoration: none;
      cursor: default;
  }
  .card-text p{
      color:#666666;
  }

  .footer-gradient {
    background: linear-gradient(135deg, #01225e, #720163); /* Azul oscuro a morado azulado */
    color: white;
  }