body {
      margin: 0;
      font-family: Arial, Helvetica, sans-serif;
      background: #f4f6f9;
      color: #222;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      padding: 40px 15px;
    }

    .contenedor-formulario {
      width: 100%;
      max-width: 700px;
      background: #fff;
      border-radius: 10px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      padding: 30px;
      box-sizing: border-box;
    }


    p.descripcion {
      margin-bottom: 25px;
      color: #555;
      font-size: 15px;
      line-height: 1.5;
      text-align: center;
    }


    input[type="text"],
    input[type="date"],
    input[type="email"],
    input[type="number"],
    select,
    textarea {
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 14px;
      transition: border 0.3s ease;
      box-sizing: border-box;
    }

    input:focus,
    select:focus,
    textarea:focus {
      border-color: #0b3d91;
      outline: none;
    }

    .fila-doble {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .fila-completa {
      grid-column: 1 / -1;
    }

    .seccion {
      margin-bottom: 30px;
    }

    .boton-enviar {
      background: #0b3d91;
      color: #fff;
      border: none;
      padding: 12px 20px;
      border-radius: 6px;
      font-size: 15px;
      cursor: pointer;
      transition: background 0.3s ease;
      display: block;
      margin: 0 auto;
    }

    .boton-enviar:hover {
      background: #072a63;
    }

    @media (max-width: 640px) {
      .fila-doble {
        grid-template-columns: 1fr;
      }
    }

    /* Corrección para inputs y selects dentro del formulario */
#contact-form .form-control,
#contact-form .form-select {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #ccc;
}

#contact-form .form-control:focus,
#contact-form .form-select:focus {
  border-color: #0b3d91;
  box-shadow: 0 0 0 0.25rem rgba(11, 61, 145, 0.25);
}

/* BOTON DE WHATSAPP */
.whatsapp-float {
  position: fixed;
  bottom: 80px; /* Ajusta según tu botón de scroll */
  right: 15px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #25D366;
  color: white;
  font-size: 32px;
  z-index: 1000;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  transition: all 0.3s ease;
  animation: pulse 2s infinite;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  background-color: #20ba5a;
}

@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.6); }
  70% { box-shadow: 0 0 0 15px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}