.elementor-684 .elementor-element.elementor-element-b433252{--display:flex;}/* Start custom CSS for html, class: .elementor-element-d540937 *//* ====== Skin AQUA (inputs "pill" turquesa) para Web-to-Lead ====== */
.sf-wtl--aqua{
  --font: var(--e-global-typography-text-font-family, inherit);
  --text: var(--e-global-color-text, #111);
  --muted: #6b7280;
  --bg: #fff;
  --aqua: #00c0d4;            /* color del borde/botón */
  --aqua-ghost: rgba(0,192,212,.18);
  --radius-pill: 999px;       /* pill total */
  --gap: 18px;
  font-family: var(--font);
  color: var(--text);
}

.maintitle{
    font-size: 80px;
    font-weight: normal;
    margin-block-end: 0;
    min-width: 0;
    margin-block-end: .9rem;
    margin-block-start: 0;
}

.description{
    font-size: 20px;
    font-weight: normal;
    margin-block-end: .9rem;
    margin-block-start: 0;
}

.hidden{
    display: none;
}

.sf-wtl--aqua form{
  max-width: 920px;           /* ancho similar al de tu página */
  margin: 0 auto;
  padding: 0;                 /* el contenedor de la página ya da aire */
  background: transparent;
  border: 0;
}

/* Salesforce mete <br> entre campos: los quitamos y controlamos con márgenes */
.sf-wtl--aqua br{ display:none; }

/* Etiquetas encima – como tu referencia */
.sf-wtl--aqua label{
  display:block;
  margin: 0 0 8px;
  font-weight: 400;
}

/* Inputs pill */
.sf-wtl--aqua input[type="text"],
.sf-wtl--aqua input[type="email"],
.sf-wtl--aqua input[type="tel"],
.sf-wtl--aqua input[type="url"],
.sf-wtl--aqua input[type="number"],
.sf-wtl--aqua select,
.sf-wtl--aqua textarea{
  width: 100%;
  box-sizing: border-box;
  height: 52px;                         /* altura tipo Elementor */
  padding: 12px 18px;
  border: 2px solid var(--aqua);        /* borde turquesa */
  border-radius: var(--radius-pill);    /* pill total */
  background: #fff;
  color: var(--text);
  transition: box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
  margin-bottom: var(--gap);
}

.sf-wtl--aqua textarea{
  height: auto;
  min-height: 52px;                     /* mismo look que el input */
  border-radius: var(--radius-pill);
  padding-top: 14px; padding-bottom: 14px;
  resize: vertical;
}

.sf-wtl--aqua ::placeholder{ color: var(--muted); }

/* Focus con halo suave turquesa */
.sf-wtl--aqua input:focus,
.sf-wtl--aqua select:focus,
.sf-wtl--aqua textarea:focus{
  outline: none;
  box-shadow: 0 0 0 4px var(--aqua-ghost);
}

/* reCAPTCHA alineado y con respiro */
.sf-wtl--aqua .g-recaptcha{ margin: 8px 0 var(--gap); }

/* Botón ENVIAR ancho completo, pill y turquesa */
.sf-wtl--aqua input[type="submit"],
.sf-wtl--aqua button[type="submit"]{
  appearance:none;
  width: 100%;
  height: 54px;
  padding: 12px 22px;
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--aqua);
  color: #fff;
  font-weight:4100;
  letter-spacing: .5px;
  cursor: pointer;
  transition: transform .06s ease, opacity .2s ease, box-shadow .2s ease;
}
.sf-wtl--aqua input[type="submit"]:hover{ opacity: .95; }
.sf-wtl--aqua input[type="submit"]:active{ transform: translateY(1px); }

/* Mensajes de error de SF (si los muestras) */
.sf-wtl--aqua .requiredBlock,
.sf-wtl--aqua .errorMsg{ color:#b91c1c; font-weight:400; margin-bottom:8px; }

/* Responsive pequeño */
@media (max-width: 640px){
  .sf-wtl--aqua form{ padding: 0 4px; }
}/* End custom CSS */