/* =========================================================
   FORMULARIO RUMBO
   MISMA LÓGICA DEL FORMULARIO QUE SÍ FUNCIONA
========================================================= */


/* =========================================================
   CONTENEDOR EXTERNO
========================================================= */

.form-contacto {
  background-color: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* =========================================================
   FORMULARIO
========================================================= */

.webform-submission-programa-rumbo-zoom-form {
  background-color: #061720 !important;
  padding: 1rem !important;
  border-radius: 22px !important;
  margin-bottom: 3rem !important;

  color: #ffffff !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   TÍTULOS
========================================================= */

.webform-submission-programa-rumbo-zoom-form h1,
.webform-submission-programa-rumbo-zoom-form h2,
.webform-submission-programa-rumbo-zoom-form h3,
.webform-submission-programa-rumbo-zoom-form h4 {

  color: #FFE500 !important;
  -webkit-text-fill-color: #FFE500 !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;

  font-weight: 800 !important;
}


/* =========================================================
   LABELS
========================================================= */

.webform-submission-programa-rumbo-zoom-form label {

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   CAMPOS
========================================================= */

.webform-submission-programa-rumbo-zoom-form input[type="text"],
.webform-submission-programa-rumbo-zoom-form input[type="email"],
.webform-submission-programa-rumbo-zoom-form input[type="tel"],
.webform-submission-programa-rumbo-zoom-form input[type="number"],
.webform-submission-programa-rumbo-zoom-form input[type="date"],
.webform-submission-programa-rumbo-zoom-form input[type="url"],
.webform-submission-programa-rumbo-zoom-form select,
.webform-submission-programa-rumbo-zoom-form textarea {

  background-color: #ffffff !important;

  color: #263448 !important;
  -webkit-text-fill-color: #263448 !important;

  border-color: #c8ced6 !important;

  border-radius: 7px !important;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.webform-submission-programa-rumbo-zoom-form input::placeholder,
.webform-submission-programa-rumbo-zoom-form textarea::placeholder {

  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;

  opacity: 1 !important;
}


/* =========================================================
   SELECT
========================================================= */

.webform-submission-programa-rumbo-zoom-form select,
.webform-submission-programa-rumbo-zoom-form select option {

  background-color: #ffffff !important;

  color: #263448 !important;
  -webkit-text-fill-color: #263448 !important;
}


/* =========================================================
   FOCUS
========================================================= */

.webform-submission-programa-rumbo-zoom-form input:focus,
.webform-submission-programa-rumbo-zoom-form select:focus,
.webform-submission-programa-rumbo-zoom-form textarea:focus {

  border-color: #FFE500 !important;
  box-shadow: none !important;
}


/* =========================================================
   CHECKBOX
========================================================= */

.webform-submission-programa-rumbo-zoom-form input[type="checkbox"] {
  accent-color: #FFE500 !important;
}


/* =========================================================
   TEXTO LEGAL
========================================================= */

.webform-submission-programa-rumbo-zoom-form .form-type-checkbox label,
.webform-submission-programa-rumbo-zoom-form .js-form-type-checkbox label,
.webform-submission-programa-rumbo-zoom-form .form-check label,
.webform-submission-programa-rumbo-zoom-form label.option,
.webform-submission-programa-rumbo-zoom-form .form-check-label {

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-weight: 400 !important;
}


/* =========================================================
   TEXTO LEGAL INTERNO
========================================================= */

.webform-submission-programa-rumbo-zoom-form .form-type-checkbox label *,
.webform-submission-programa-rumbo-zoom-form .js-form-type-checkbox label *,
.webform-submission-programa-rumbo-zoom-form .form-check label *,
.webform-submission-programa-rumbo-zoom-form label.option * {

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-family: Arial, Helvetica, sans-serif !important;

  font-weight: 400 !important;
}


/* =========================================================
   LINKS LEGALES
========================================================= */

.webform-submission-programa-rumbo-zoom-form .form-type-checkbox a,
.webform-submission-programa-rumbo-zoom-form .js-form-type-checkbox a {

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  text-decoration: underline !important;
}


/* =========================================================
   DESCRIPCIONES
========================================================= */

.webform-submission-programa-rumbo-zoom-form .description,
.webform-submission-programa-rumbo-zoom-form .webform-element-description,
.webform-submission-programa-rumbo-zoom-form .form-item--description {

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  font-family: Arial, Helvetica, sans-serif !important;
}


/* =========================================================
   LEYENDAS DE FIELDSETS / CHECKBOXES
========================================================= */

.webform-submission-programa-rumbo-zoom-form
.form-type-checkboxes .fieldset-legend,

.webform-submission-programa-rumbo-zoom-form
.webform-type-checkboxes .fieldset-legend {

  color: #FFE500 !important;
  -webkit-text-fill-color: #FFE500 !important;
}


/* =========================================================
   BOTÓN
========================================================= */

.webform-submission-programa-rumbo-zoom-form .form-submit {

  background-color: #FFE500 !important;

  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;

  border: none !important;

  font-weight: 600 !important;

  border-radius: 7px !important;
}


/* =========================================================
   HOVER BOTÓN
========================================================= */

.webform-submission-programa-rumbo-zoom-form .form-submit:hover {

  background-color: #FFD900 !important;

  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}


/* =========================================================
   MENSAJES DE ERROR
========================================================= */

.webform-submission-programa-rumbo-zoom-form .form-item--error-message {

  color: #FFE500 !important;
  -webkit-text-fill-color: #FFE500 !important;
}


/* =========================================================
   CAMPO CON ERROR
========================================================= */

.webform-submission-programa-rumbo-zoom-form .error {
  border-color: #FFE500 !important;
}