/* =========================================================
   1. REGLAS ESPECÍFICAS Y OCULTAMIENTO DE CAMPOS (TUS REGLAS)
   ========================================================= */

.hs_campanas_salesforce,
.hs-nivel_de_interes,
.hs-modalidad,
.hs-enfoque,
.hs-proveedor,
.hs-utm_medioro__c,
.hs-formato,
.hs-canal,
.hs-localizacion,
.hs-periodo,
.hs-gclid,
.hs-custom_2,
.hs-custom_3,
.hs-custom_8,
.footer-container-wrapper,
.hs-fieldtype-text span,
.hs-fieldtype-select span,
.hs-fieldtype-phonenumber span {
  display: none !important;
}

div#captionBanner {
  background: transparent !important;
}

html {
  scroll-behavior: smooth;
}

.hs-responsive-embed-wrapper.hs-responsive-embed {
  max-width: 100% !important;
}

.front:before {
  position: sticky !important;
}

.hs_pol_ticas_de_privacidad {
}

label.hs-error-msg {
  color: red !important;
  font-size: small !important;
}

.hs-form-booleancheckbox span {
  color: black !important;
}

/* =========================================================
   2. ESTILOS GENERALES DE LISTAS Y CAMPOS
   ========================================================= */

/* Quitar viñetas/puntos de listas */
.hs-form ul,
.hs-form .inputs-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.hs-form ul li,
.hs-form .inputs-list li {
  list-style-type: none !important;
}

.hs-form .hs-form-field {
  margin-bottom: 16px !important;
}

/* Estilos base para Inputs y Dropdowns (Selects) */
.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form input[type="time"],
.hs-form select,
.hs-form select.hs-input {
  width: 100% !important;
  height: 52px !important;
  background-color: #ffffff !important;
  color: rgb(0, 35, 32) !important; /* Color solicitado */
  border: 1px solid transparent !important;
  border-radius: 30px !important;
  padding: 0 24px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  outline: none !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

/* Flecha personalizada en Selects */
.hs-form select,
.hs-form select.hs-input,
.hs-form .hs-input select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 35, 32)' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 20px) center !important;
  background-size: 14px !important;
  padding-right: 45px !important;
  overflow: hidden !important;
}

.hs-form select::-ms-expand {
  display: none !important;
}

/* Opciones de los selects */
.hs-form select option {
  color: rgb(0, 35, 32) !important;
}

/* Textos de ayuda (Placeholders) */
.hs-form input::placeholder {
  color: rgb(0, 35, 32) !important;
  opacity: 0.8 !important;
}

/* =========================================================
   3. CAMPOS DESHABILITADOS (DISABLED = OPACITY .7)
   ========================================================= */

.hs-form input:disabled,
.hs-form select:disabled,
.hs-form select.hs-input:disabled,
.hs-form select.hs-input[disabled] {
  opacity: 0.7 !important;
  cursor: not-allowed !important;
}

/* =========================================================
   4. ESTILO DEL BOTÓN (SEGÚN LA IMAGEN)
   ========================================================= */

.hs-form .hs-button,
.hs-form input[type="submit"] {
  background-color: rgb(0, 255, 129); /* Verde neón brillante */
  color: rgb(0, 35, 32) !important;     /* Texto verde muy oscuro */
  border: none !important;
  border-radius: 30px !important;
  padding: 14px 36px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin-top: 15px !important;
  display: inline-block !important;
  transition: opacity 0.2s ease !important;
  text-transform: none !important;
}

.hs-button:hover {
 background-color: white !important;
}

.hs-form .hs-button:hover,
.hs-form input[type="submit"]:hover {
  opacity: 0.9 !important;
}

/* Checkbox */
.hs-form input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 4px !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
  accent-color: #00eb87 !important;
}

.hbspt-form{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1000px;
}