.elementor-524 .elementor-element.elementor-element-00b5ce6{--display:flex;--min-height:25vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:48px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-524 .elementor-element.elementor-element-00b5ce6:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-00b5ce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://datline.com.br/wp-content/uploads/2025/04/como-melhorar-o-atendimento-ao-cliente1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-524 .elementor-element.elementor-element-00b5ce6::before, .elementor-524 .elementor-element.elementor-element-00b5ce6 > .elementor-background-video-container::before, .elementor-524 .elementor-element.elementor-element-00b5ce6 > .e-con-inner > .elementor-background-video-container::before, .elementor-524 .elementor-element.elementor-element-00b5ce6 > .elementor-background-slideshow::before, .elementor-524 .elementor-element.elementor-element-00b5ce6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-524 .elementor-element.elementor-element-00b5ce6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02919A 0%, #FFFFFF00 100%);}.elementor-524 .elementor-element.elementor-element-070a632{text-align:center;}.elementor-524 .elementor-element.elementor-element-070a632 .elementor-heading-title{color:#FFFFFF;}.elementor-524 .elementor-element.elementor-element-5ce9ff0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:11px 0px 0px 0px;}.elementor-524 .elementor-element.elementor-element-5ce9ff0{text-align:center;}.elementor-524 .elementor-element.elementor-element-5ce9ff0 .elementor-heading-title{font-size:19px;color:#FFFFFF;}.elementor-524 .elementor-element.elementor-element-3aa888a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.95;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:180px;--padding-right:180px;}.elementor-524 .elementor-element.elementor-element-3aa888a:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #029099 100%);}.elementor-524 .elementor-element.elementor-element-3aa888a::before, .elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-background-video-container::before, .elementor-524 .elementor-element.elementor-element-3aa888a > .e-con-inner > .elementor-background-video-container::before, .elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-background-slideshow::before, .elementor-524 .elementor-element.elementor-element-3aa888a > .e-con-inner > .elementor-background-slideshow::before, .elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-shape-top .elementor-shape-fill, .elementor-524 .elementor-element.elementor-element-3aa888a > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#029099;}.elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-shape-top svg, .elementor-524 .elementor-element.elementor-element-3aa888a > .e-con-inner > .elementor-shape-top svg{height:150px;}.elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-shape-bottom .elementor-shape-fill, .elementor-524 .elementor-element.elementor-element-3aa888a > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#000000;}.elementor-524 .elementor-element.elementor-element-3aa888a > .elementor-shape-bottom svg, .elementor-524 .elementor-element.elementor-element-3aa888a > .e-con-inner > .elementor-shape-bottom svg{height:150px;}.elementor-524 .elementor-element.elementor-element-e0e5c76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-524 .elementor-element.elementor-element-ad6f0f8{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-524 .elementor-element.elementor-element-cb748c3{width:var( --container-widget-width, 59.982% );max-width:59.982%;--container-widget-width:59.982%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:45px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-524 .elementor-element.elementor-element-cb748c3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-group{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:10px;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-form-fields-wrapper{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );margin-bottom:-10px;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-type-html{padding-bottom:0px;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-group .elementor-field, .elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-subgroup label{font-size:12px;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-button{font-size:19px;}.elementor-524 .elementor-element.elementor-element-cb748c3 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-button[type="submit"]{color:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-524 .elementor-element.elementor-element-cb748c3 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-524 .elementor-element.elementor-element-3a8e560{--display:flex;--min-height:10vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-524 .elementor-element.elementor-element-3a8e560:not(.elementor-motion-effects-element-type-background), .elementor-524 .elementor-element.elementor-element-3a8e560 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-524 .elementor-element.elementor-element-3aa888a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-524 .elementor-element.elementor-element-e0e5c76{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-524 .elementor-element.elementor-element-cb748c3{width:100%;max-width:100%;}.elementor-524 .elementor-element.elementor-element-cb748c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-524 .elementor-element.elementor-element-00b5ce6{--width:100%;}.elementor-524 .elementor-element.elementor-element-e0e5c76{--width:100%;}.elementor-524 .elementor-element.elementor-element-3a8e560{--content-width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-524 .elementor-element.elementor-element-e0e5c76{--width:100%;}}/* Start custom CSS for form, class: .elementor-element-cb748c3 *//* === Radios e Checkboxes como botões (Elementor Pro) === */

/* Esconde os inputs nativos */
.elementor-widget-form .elementor-field-subgroup input[type="radio"],
.elementor-widget-form .elementor-field-subgroup input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Container das opções */
.elementor-widget-form .elementor-field-subgroup {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

/* Cada opção (span wrapper) */
.elementor-widget-form .elementor-field-subgroup .elementor-field-option {
  display: flex !important;
  margin: 0 !important;
}

/* Labels em estilo pílula */
.elementor-widget-form .elementor-field-subgroup label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 2px solid #02919c !important;
  color: #000000 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

/* Hover */
.elementor-widget-form .elementor-field-subgroup label:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(2,145,156,0.18) !important;
  background: rgba(2,145,156,0.06) !important;
}

/* === Estado selecionado === */

/* Radios selecionados */
.elementor-widget-form .elementor-field-subgroup input[type="radio"]:checked + label {
  background: #02919c !important;
  color: #ffffff !important;
  border-color: #02919c !important;
  box-shadow: 0 8px 18px rgba(2,145,156,0.28) !important;
}

/* Checkboxes selecionados */
.elementor-widget-form .elementor-field-subgroup input[type="checkbox"]:checked + label {
  background: #02919c !important;
  color: #ffffff !important;
  border-color: #02919c !important;
  box-shadow: 0 8px 18px rgba(2,145,156,0.28) !important;
}

/* Responsivo */
@media (max-width: 480px) {
  .elementor-widget-form .elementor-field-subgroup {
    gap: 8px !important;
  }
  .elementor-widget-form .elementor-field-subgroup label {
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 0.95rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3aa888a *//* ===== Elementor Pro Form – Tema #02919c / #000000 / #ffffff ===== */
:root{
  --c-primary:#02919c;      /* teal */
  --c-black:#000000;        /* preto */
  --c-white:#ffffff;        /* branco */
  --radius:14px;
  --pad:14px;
  --shadow:0 8px 24px rgba(2,145,156,.16);
  --ring:0 0 0 3px rgba(2,145,156,.25);
  --border:1.5px solid rgba(2,145,156,.35);
}

/* Escopo: todos os widgets de formulário */
.elementor-widget-form .elementor-form{
  background: var(--c-white);
  padding: clamp(16px,3vw,28px);
  border-radius: var(--radius);
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--shadow);
}

/* Labels */
.elementor-widget-form .elementor-field-group .elementor-field-label{
  color: var(--c-black);
  font-weight: 600;
  margin-bottom: 8px;
  display: inline-block;
}
.elementor-widget-form .elementor-mark-required .elementor-field-label:after{
  content:" *";
  color: var(--c-primary);
  font-weight: 700;
}

/* Campos de texto, e-mail, tel, select, textarea */
.elementor-widget-form .elementor-field-group .elementor-field,
.elementor-widget-form .elementor-field-textual,
.elementor-widget-form .elementor-field-group select,
.elementor-widget-form .elementor-field-group textarea{
  width: 100%;
  background: var(--c-white) !important;
  color: var(--c-black);
  border: var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  transition: box-shadow .2s ease, border-color .2s ease, transform .06s ease;
  line-height: 1.4;
}
.elementor-widget-form .elementor-field-group .elementor-field::placeholder{
  color: rgba(0,0,0,.55);
}
.elementor-widget-form .elementor-field-group .elementor-field:focus,
.elementor-widget-form .elementor-field-group .elementor-field:focus-visible{
  outline: none;
  border-color: var(--c-primary);
  box-shadow: var(--ring);
  transform: translateY(-1px);
}

/* Select (wrapper do Elementor) */
.elementor-widget-form .elementor-select-wrapper .elementor-field-textual{
  padding-right: 38px; /* espaço para caret */
}

/* Checkboxes, radios e switches */
.elementor-widget-form .elementor-field-group input[type="checkbox"],
.elementor-widget-form .elementor-field-group input[type="radio"]{
  accent-color: var(--c-primary);
}
.elementor-widget-form .elementor-field-subgroup label{
  color: var(--c-black);
}

/* Upload e Date/Time */
.elementor-widget-form .elementor-field-group .elementor-field[type="file"],
.elementor-widget-form .elementor-field-group .elementor-date-field,
.elementor-widget-form .elementor-field-group .elementor-time-field{
  cursor: pointer;
}

/* Botão Enviar */
.elementor-widget-form .elementor-field-type-submit .elementor-button,
.elementor-widget-form .elementor-button[type="submit"]{
  background: var(--c-primary) !important;
  color: var(--c-white) !important;
  border: 0;
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 700;
  letter-spacing: .3px;
  box-shadow: 0 6px 20px rgba(2,145,156,.35);
  transition: transform .12s ease, box-shadow .2s ease, opacity .2s ease;
}
.elementor-widget-form .elementor-button[type="submit"]:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(2,145,156,.40);
}
.elementor-widget-form .elementor-button[type="submit"]:focus-visible{
  outline: none;
  box-shadow: var(--ring), 0 6px 20px rgba(2,145,156,.35);
}
.elementor-widget-form .elementor-button[disabled],
.elementor-widget-form .elementor-button.elementor-disabled{
  opacity: .6;
  cursor: not-allowed;
}

/* Mensagens (sucesso/erro) */
.elementor-widget-form .elementor-message{
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 600;
}
.elementor-widget-form .elementor-message.elementor-message-success{
  background: rgba(2,145,156,.10);
  color: var(--c-black);
  border: 1px solid rgba(2,145,156,.35);
}
.elementor-widget-form .elementor-message.elementor-message-danger{
  /* mantendo a paleta: realce com preto e borda teal */
  background: rgba(0,0,0,.06);
  color: var(--c-black);
  border: 1px solid rgba(2,145,156,.35);
}

/* Erros por campo */
.elementor-widget-form .elementor-field-group .elementor-field.error{
  border-color: var(--c-black) !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.08);
}
.elementor-widget-form .elementor-field-group .elementor-message{
  color: var(--c-black);
}

/* Indicadores multi-step */
.elementor-widget-form .e-form__indicators{
  margin-bottom: 14px;
}
.elementor-widget-form .e-form__indicators__indicator{
  color: var(--c-black);
}
.elementor-widget-form .e-form__indicators__progress{
  background: rgba(2,145,156,.20);
}
.elementor-widget-form .e-form__indicators__progress__meter{
  background: var(--c-primary);
}

/* Layout dos grupos */
.elementor-widget-form .elementor-field-group{
  margin-bottom: 14px;
}
.elementor-widget-form .elementor-field-group:last-child{
  margin-bottom: 0;
}

/* Espaçamento entre botões do multi-step */
.elementor-widget-form .e-form__buttons__wrapper__button-next,
.elementor-widget-form .e-form__buttons__wrapper__button-previous{
  border-radius: 999px;
  padding: 10px 18px;
}
.elementor-widget-form .e-form__buttons__wrapper__button-next{
  background: var(--c-primary);
  color: var(--c-white);
  border: none;
}
.elementor-widget-form .e-form__buttons__wrapper__button-previous{
  background: var(--c-white);
  color: var(--c-black);
  border: 1.5px solid rgba(2,145,156,.35);
}

/* Barra lateral de foco (toque visual sutil) */
.elementor-widget-form .elementor-field-group:focus-within{
  position: relative;
}
.elementor-widget-form .elementor-field-group:focus-within::before{
  content:"";
  position:absolute;
  left:-6px; top:8px; bottom:8px;
  width:2px;
  border-radius:3px;
  background: var(--c-primary);
}

/* Responsividade */
@media (max-width: 640px){
  .elementor-widget-form .elementor-form{
    padding: 16px;
  }
  .elementor-widget-form .elementor-button[type="submit"]{
    width: 100%;
    justify-content: center;
  }
}

/* Modo escuro simples (opcional: aplica se body tiver .dark) */
.dark .elementor-widget-form .elementor-form{
  background: var(--c-black);
  border-color: rgba(255,255,255,.08);
}
.dark .elementor-widget-form .elementor-field,
.dark .elementor-widget-form .elementor-field-textual,
.dark .elementor-widget-form select,
.dark .elementor-widget-form textarea{
  background: #0a0a0a !important;
  color: var(--c-white);
  border-color: rgba(2,145,156,.45);
}
.dark .elementor-widget-form .elementor-field::placeholder{
  color: rgba(255,255,255,.65);
}
.dark .elementor-widget-form .elementor-field-label,
.dark .elementor-widget-form .elementor-message{
  color: var(--c-white);
}

/* === Radios como botões (Elementor Pro) === */

/* Esconde o input nativo */
.elementor-widget-form .elementor-field-subgroup input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Container das opções */
.elementor-widget-form .elementor-field-subgroup {
  display: flex !important;
  align-items: center !important;
}

/* Cada opção (span wrapper) */
.elementor-widget-form .elementor-field-subgroup .elementor-field-option {
  display: flex !important;
  margin: 0 !important;
}

/* Labels em estilo pílula */
.elementor-widget-form .elementor-field-subgroup label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 2px solid #02919c !important;
  color: #000000 !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease !important;
}

/* Hover */
.elementor-widget-form .elementor-field-subgroup label:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(2,145,156,0.18) !important;
  background: rgba(2,145,156,0.06) !important;
}

/* Selecionado */
.elementor-widget-form .elementor-field-subgroup input[type="radio"]:checked + label {
  background: #02919c !important;
  color: #ffffff !important;
  border-color: #02919c !important;
  box-shadow: 0 8px 18px rgba(2,145,156,0.28) !important;
}

/* Responsivo */
@media (max-width: 480px) {
  .elementor-widget-form .elementor-field-subgroup {
    gap: 8px !important;
  }
  .elementor-widget-form .elementor-field-subgroup label {
    height: 38px !important;
    padding: 0 14px !important;
    font-size: 0.95rem !important;
  }
}/* End custom CSS */