/*=================================================================
FORMULÁRIO GERAL
  1. TÍTULOS
     1.1 Esconder título do formulário
     1.2 Seccoes do formulário
  2. TEXTOS DOS CAMPOS
     2.1 Margens e labels
     2.2 Legend
     2.3 Labels
  3. ESTILOS DOS CAMPOS
     3.1 Inputs gerais
     3.2 Selects
     3.3 Textareas
     3.4 Checkbox e Radio
     3.5 Image choice
     3.6 Inputs file
		 3.7 Consentimento
		 3.8 Gap
  4. BOTÕES
     4.1 Lista de textos (+/-)
     4.2 Botão Submeter
     4.3 Botão input file
  5. ESTADOS GERAIS
     5.1 Focus
     5.2 Hover
     5.3 Checked
	6. FORM EM FUNDO ESCURO
=================================================================

FORMULÁRIO DE NEWSLETTER
  1. CONTAINER GERAL
  2. LABELS
  3. INPUTS DE TEXTO / EMAIL / SELECT / TEXTAREA
     3.1 Estado normal
     3.2 Focus
     3.3 Hover
  4. CONSENTIMENTO (Checkbox)
     4.1 Checkbox
     4.2 Label e links
     4.3 Hover links
  5. BOTÃO SUBMIT
     5.1 Estado normal
     5.2 Hover
=================================================================*/

/*========================== 1. TÍTULOS ==========================*/
/* 1.1 Esconder título do formulário */
body .gform_wrapper .gform_heading h2.gform_title {
  display: none !important;
}

/* 1.2 Seccoes do formulário */
.gsection_title {
  margin-top: 16px;
  margin-bottom: 0 !important;
  color: var(--e-global-color-primary) !important;
  font-size: var(--e-global-typography-primary-font-size) !important;
  line-height: var(--e-global-typography-primary-line-height) !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: bold !important;
}

.gsection_description {
  margin-top: 0;
  margin-bottom: -8px !important;
  color: var(--e-global-color-primary) !important;
  font-size: 0.875rem !important;
  line-height: var(--e-global-typography-primary-line-height) !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
}

.gfield--type-section {
  margin-top: 16px !important;
  border-top: 1px solid var(--e-global-color-95f0b64) !important;  
  border-bottom: none !important;
  padding-top: 24px !important;
  padding-bottom: 0 !important;
}

/*========================== 2. TEXTOS DOS CAMPOS ==========================*/
/* 2.1 Margens e labels */
.gform-theme--framework .gfield_list_group_item::before, 
.gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) {
  --gf-local-margin-y: 8px !important;
  margin-top: 0 !important;
}

/* 2.2 Legend */
.gform-theme--framework legend.gform-field-label:where(
  :not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)
) {
  color: var(--e-global-color-primary) !important;
  font-size: 0.875rem !important;
  line-height: var(--e-global-typography-primary-line-height) !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-weight: bold !important;
}

/* 2.3 Labels */
.gform-theme--framework label.gform-field-label:where(
  :not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)
) {
  color: var(--e-global-color-primary) !important;
  font-size: 0.875rem !important;
  line-height: var(--e-global-typography-primary-line-height) !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
}

/*========================== 3. ESTILOS DOS CAMPOS ==========================*/
/* 3.1 Inputs gerais */
.ginput_container input[type="text"],
.ginput_container input[type="number"],
.ginput_container input[type="url"],
.ginput_container input[type="tel"],
.ginput_container input[type="email"],
.ginput_container input[type="password"],
.ginput_container input[type="date"],
.ginput_container input[type="time"],
.ginput_container input[type="file"],
.ginput_container input[type="search"],
.ginput_container input[type="week"],
.ginput_container input[type="month"],
.ginput_container input[type="datetime-local"],
.ginput_container_address input,
.ginput_container_website input,
.ginput_container_post_title input,
.ginput_container_post_excerpt input,
.ginput_container_post_image input,
.gfield_list_group_item input,
.gfield_list_cell input {
  height: 56px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--e-global-color-7b2f1b7) !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
}

/* 3.2 Selects */
.ginput_container select,
.ginput_container_select select,
.gfield_list_cell select,
.ginput_complex select {
  min-height: 56px !important;
  padding-top: 8px !important;
  padding-left: 12px !important;
  padding-right: 36px !important;
  border: 1px solid var(--e-global-color-7b2f1b7) !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
  appearance: none;
}

/* Select múltiplo */
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))[multiple] option {
  padding: 8px !important;
  border-radius: 0px !important;
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))[multiple] option:checked {
  background: var(--e-global-color-secondary) !important;
}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))[multiple] option:hover {
  color: var(--e-global-color-accent) !important;
}

/* Inputs complexos */
.gform-theme--foundation .gfield .ginput_password.medium, 
.gform-theme--foundation .gfield input.medium, 
.gform-theme--foundation .gfield select.medium {
  inline-size: 100% !important;
}

/* 3.3 Textareas */
.ginput_container textarea,
.ginput_container_textarea textarea,
.ginput_container_post_excerpt textarea,
.ginput_container_post_content textarea,
.gfield_list_cell textarea {
  min-height: 112px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--e-global-color-7b2f1b7) !important;
  border-radius: 0px !important;
  font-size: 1rem !important;
  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
  resize: vertical;
}

/* 3.4 Checkbox e Radio */
.gform_wrapper input[type="checkbox"],
.gform_wrapper input[type="radio"] {
  padding: 12px !important;
  height: 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  border: 1px solid var(--e-global-color-7b2f1b7) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
  vertical-align: middle;
  margin-right: 8px;
}

/* Radio */
.gform_wrapper input[type="radio"] {
  border-radius: 0px !important;
}
.gform_wrapper input[type="radio"]:checked::before {
  background-color: var(--e-global-color-bf601c8) !important;
}

/* Checkbox */
.gform_wrapper input[type="checkbox"] {
  border-radius: 0px !important;
}
.gform_wrapper input[type="checkbox"]:checked::before {
  color: var(--e-global-color-bf601c8) !important;
}

/* 3.5 Image Choice */
.ginput_container_image_choice .gchoice {
  border: 1px solid var(--e-global-color-7b2f1b7) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:where(:has(input:checked))::after {
  background-color: var(--e-global-color-4dbe93c) !important;
  color: var(--e-global-color-078bb89) !important;
}
.gform-theme--framework .gfield--type-choice .gchoice, 
.gform-theme--framework .gfield--type-choice .ginput_container_consent {
  align-items: center !important;
}
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:focus-within, 
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:focus-within .gfield-choice-image-wrapper {
  --gf-local-border-color: var(--e-global-color-bf601c8) !important;
  --gf-local-outline-color: var(--e-global-color-bf601c8) !important;
  --gf-local-outline-width: var(--e-global-color-bf601c8) !important;
}

/* 3.6 Inputs file */
.gform_wrapper input[type="file"] {
  padding: 0 !important;
}
#input_2_24::file-selector-button {
  height: 56px !important;
  border-right: 1px solid var(--e-global-color-7b2f1b7) !important;
  background-color: var(--e-global-color-text) !important;
  color: var(--e-global-color-acee59a) !important;
  font-weight: bold !important;
  box-shadow: none !important;
  cursor: pointer !important;
}
#input_2_24::file-selector-button:hover {
  border-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-accent) !important;
}

/* 3.7 Consentimento */
.gfield_consent_label a {
	text-decoration: underline !important;
}
	
/* 3.8 Gap */
.gform-theme--foundation .gform_fields {
	row-gap: 16px !important;
}

/*========================== 4. BOTÕES ==========================*/
/* 4.1 Lista de textos (+/-) */
.gfield_list_icons {
  width: auto !important;
}
.gform-theme--foundation .gfield_header_item--icons, 
.gform-theme--foundation .gfield_list_icons {
  display: flex;
  align-items: center;
  gap: 8px !important;
}

/* Botões da lista */
.gfield_list_icons button {
  width: 56px !important;
  height: 56px !important;
  border-radius: 0px !important;
  border: 1px solid var(--e-global-color-95f0b64) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
}
.gfield_list_icons button::before {
  color: var(--e-global-color-bf601c8) !important;
}
.gfield_list_icons button:hover:not(:disabled) {
  border-color: var(--e-global-color-accent) !important;
}
.gfield_list_icons button:hover:not(:disabled)::before {
  color: var(--e-global-color-accent) !important;
}
.gfield_list_icons button:disabled {
  border-color: var(--e-global-color-8490e0f) !important;
  background-color: var(--e-global-color-text) !important;
  visibility: visible !important;
}
.gfield_list_icons button:disabled::before {
  color: var(--e-global-color-8490e0f) !important;
}

/* 4.2 Botão Submeter */
.gform_wrapper .gform_button {
  --gf-local-height: 56px !important;
  --gf-local-bg-color: var(--e-global-color-adc5fe2) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  font-family: var(--e-global-typography-accent-font-family), Lato !important;
  font-size: var(--e-global-typography-accent-font-size) !important;
  font-weight: var(--e-global-typography-accent-font-weight) !important;
  color: var(--e-global-color-078bb89) !important;
  margin-top: 40px !important;
	letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
	text-transform: uppercase !important;
}
.gform_wrapper .gform_button:hover {
  --gf-local-bg-color: var(--e-global-color-accent) !important;
}

/*========================== 5. ESTADOS GERAIS ==========================*/
/* 5.1 Focus */
.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border-color: var(--e-global-color-bf601c8) !important;
  outline: none !important;
}

/* 5.2 Hover */
.gform_wrapper input:hover,
.gform_wrapper textarea:hover,
.gform_wrapper select:hover {
  border-color: var(--e-global-color-accent) !important;
}

/* 5.3 Checked */
.gform_wrapper input:checked {
  border-color: var(--e-global-color-bf601c8) !important;
}

/*========================== 6. FORM EM FUNDO ESCURO ==========================*/
.form-white legend.gfield_label, .form-white .gfield_required, .form-white label.gform-field-label, .form-white label.gform-field-label a {
	color: #ffffff !important;
}

/*=================================================================
FORMULÁRIO DE NEWSLETTER
=================================================================*/

/*========================== 1. CONTAINER GERAL ==========================*/
.tnp {
  width: 100% !important;
  max-width: 100% !important;
}

/*========================== 2. LABELS ==========================*/
.tnp .tnp-field label,
.tnp .tnp-field label a {
  color: var(--e-global-color-primary) !important;
  font-size: 0.875rem !important;
  line-height: var(--e-global-typography-primary-line-height) !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
  margin-bottom: 8px;
}

/*========================== 3. INPUTS DE TEXTO / EMAIL / SELECT / TEXTAREA ==========================*/
/* 3.1 Estado normal */
.tnp-subscription input[type=text], 
.tnp-subscription input[type=email], 
.tnp-subscription select, 
.tnp-subscription textarea, 
.tnp-profile input[type=text], 
.tnp-profile input[type=email], 
.tnp-profile input[type=submit], 
.tnp-profile select, 
.tnp-profile textarea {
  height: 56px !important;
  padding: 12px 16px !important;
  border: 1px solid var(--e-global-color-7b2f1b7) !important;
  border-radius: 0px !important;
  font-size: 16px !important;
  color: var(--e-global-color-primary) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
  margin-bottom: 16px !important;
}

/* 3.2 Focus */
.tnp-subscription input[type=text]:focus, 
.tnp-subscription input[type=email]:focus, 
.tnp-subscription select:focus, 
.tnp-subscription textarea:focus, 
.tnp-profile input[type=text]:focus, 
.tnp-profile input[type=email]:focus, 
.tnp-profile input[type=submit]:focus, 
.tnp-profile select:focus, 
.tnp-profile textarea:focus {
  border-color: var(--e-global-color-accent) !important;
  outline: none;
  box-shadow: none !important;
}

/* 3.3 Hover */
.tnp-subscription input[type=text]:hover, 
.tnp-subscription input[type=email]:hover, 
.tnp-subscription select:hover, 
.tnp-subscription textarea:hover, 
.tnp-profile input[type=text]:hover, 
.tnp-profile input[type=email]:hover, 
.tnp-profile input[type=submit]:hover, 
.tnp-profile select:hover, 
.tnp-profile textarea:hover {
  border-color: var(--e-global-color-accent) !important;
}

/*========================== 4. CONSENTIMENTO (Checkbox) ==========================*/
/* 4.1 Checkbox */
.tnp .tnp-privacy-field input.tnp-privacy[type="checkbox"] {
  padding: 12px !important;
  height: 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  border: 1px solid var(--e-global-color-7b2f1b7) !important;
  background-color: var(--e-global-color-text) !important;
  box-shadow: none !important;
  vertical-align: middle;
  margin-right: 8px;
}

/* 4.2 Label e links */
.tnp .tnp-privacy-field label,
.tnp .tnp-privacy-field a {
  color: var(--e-global-color-primary) !important;
  font-size: 0.875rem !important;
  line-height: var(--e-global-typography-primary-line-height) !important;
  font-family: var(--e-global-typography-primary-font-family) !important;
}
.tnp .tnp-privacy-field a {
	text-decoration: underline !important;
}

/* 4.3 Hover links */
.tnp .tnp-privacy-field a:hover {
  color: var(--e-global-color-accent) !important;
}

/*========================== 5. BOTÃO SUBMIT ==========================*/
/* 5.1 Estado normal */
.tnp .tnp-field-button input.tnp-submit {
  padding: 12px 24px !important;
  height: 56px !important;
  background: var(--e-global-color-4dbe93c);
  border: none;
  border-radius: 0px;
  cursor: pointer;
  font-family: var(--e-global-typography-primary-font-family) !important;
  font-size: var(--e-global-typography-primary-font-size) !important;
  font-weight: bold !important;
  color: var(--e-global-color-078bb89) !important;
  margin-top: 40px !important;
}

/* 5.2 Hover */
.tnp .tnp-field-button input.tnp-submit:hover {
  background: var(--e-global-color-accent);
}