.elementor-7171 .elementor-element.elementor-element-3ff678c0{--display:flex;}.elementor-7171 .elementor-element.elementor-element-7fa52d3{text-align:center;}.elementor-7171 .elementor-element.elementor-element-7fa52d3 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:#1C1D1E;}.elementor-7171 .elementor-element.elementor-element-5e7f8eb{--display:flex;--min-height:465px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-7171 .elementor-element.elementor-element-6e8f759{--display:flex;}@media(min-width:768px){.elementor-7171 .elementor-element.elementor-element-6e8f759{--width:80%;}}@media(max-width:767px){.elementor-7171 .elementor-element.elementor-element-7fa52d3 .elementor-heading-title{font-size:20px;}.elementor-7171 .elementor-element.elementor-element-3211c40{width:100%;max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-3211c40 *//* ===== Escopo seguro para o shortcode [cs_survey_form] ===== */
.cs-survey-wrap,
form[id*="cs_survey_form"],
.cs-survey-form {
  /* nada aqui; usamos só como escopo para os seletores abaixo */
}

/* 1) Títulos das perguntas / labels em preto */
.cs-survey-wrap label,
.cs-survey-wrap .field-label,
.cs-survey-wrap .question,
.cs-survey-wrap legend,
.cs-survey-wrap h1,
.cs-survey-wrap h2,
.cs-survey-wrap h3,
.cs-survey-wrap h4,
.cs-survey-wrap h5,
.cs-survey-wrap h6,
form[id*="cs_survey_form"] label,
form[id*="cs_survey_form"] legend {
  color: #000 !important;
}

/* 2) Texto dos campos (input/select/textarea) em preto */
.cs-survey-wrap input,
.cs-survey-wrap select,
.cs-survey-wrap textarea,
form[id*="cs_survey_form"] input,
form[id*="cs_survey_form"] select,
form[id*="cs_survey_form"] textarea {
  color: #000 !important;
}

/* 3) Placeholders em preto (inclui "dd/mm/aaaa") */
.cs-survey-wrap ::placeholder,
form[id*="cs_survey_form"] ::placeholder {
  color: #000 !important;
  opacity: 1 !important; /* evita cinza esmaecido */
}

/* 4) Campo de data – forçando partes do texto em navegadores WebKit */
.cs-survey-wrap input[type="date"]::-webkit-datetime-edit,
form[id*="cs_survey_form"] input[type="date"]::-webkit-datetime-edit {
  color: #000 !important;
}

/* 5) Links dentro do formulário em preto (normal/visitado/hover/focus) */
.cs-survey-wrap a,
.cs-survey-wrap a:visited,
.cs-survey-wrap a:hover,
.cs-survey-wrap a:focus,
form[id*="cs_survey_form"] a,
form[id*="cs_survey_form"] a:visited,
form[id*="cs_survey_form"] a:hover,
form[id*="cs_survey_form"] a:focus {
  color: #000 !important;
  text-decoration-color: #000 !important;
}

/* 6) Opções do <select> também em preto (compatibilidade ampla) */
.cs-survey-wrap select option,
form[id*="cs_survey_form"] select option {
  color: #000 !important;
}

/* 7) Blindagem contra o Hello/tema herdado mexer na cor */
.cs-survey-wrap * {
  --e-global-color-primary: #000;
  --e-global-color-secondary: #000;
  --e-global-color-text: #000;
}/* End custom CSS */