.elementor-21166 .elementor-element.elementor-element-5a5b5e2{--display:flex;}.elementor-21166 .elementor-element.elementor-element-5a5b5e2:not(.elementor-motion-effects-element-type-background), .elementor-21166 .elementor-element.elementor-element-5a5b5e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21166 .elementor-element.elementor-element-594c1f5{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-21166 .elementor-element.elementor-element-4347c6a{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-21166 .elementor-element.elementor-element-4347c6a.elementor-element{--align-self:center;}.elementor-21166 .elementor-element.elementor-element-4347c6a .elementor-progress-wrapper .elementor-progress-bar{background-color:#8B5CF6;}.elementor-21166 .elementor-element.elementor-element-4347c6a .elementor-progress-wrapper{background-color:#231F59;}.elementor-21166 .elementor-element.elementor-element-4347c6a .elementor-progress-bar{height:6px;line-height:6px;}.elementor-21166 .elementor-element.elementor-element-000d2a1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-21166 .elementor-element.elementor-element-000d2a1.elementor-element{--align-self:center;}.elementor-21166 .elementor-element.elementor-element-000d2a1 .elementor-heading-title{font-family:"googlesora", Sans-serif;font-size:30px;font-weight:700;color:#FFFFFF;}.elementor-21166 .elementor-element.elementor-element-c6ced4b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--e-form-steps-indicators-spacing:20px;--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-21166 .elementor-element.elementor-element-c6ced4b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-field-group{padding-right:calc( 6px/2 );padding-left:calc( 6px/2 );margin-bottom:8px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-form-fields-wrapper{margin-left:calc( -6px/2 );margin-right:calc( -6px/2 );margin-bottom:-8px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-field-group.recaptcha_v3-bottomleft, .elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-field-type-html{padding-bottom:0px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-width:1px 1px 1px 1px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-width:1px 1px 1px 1px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .e-form__buttons__wrapper__button-next{background-color:#00000038;color:#090C13;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-button[type="submit"]{background-color:#00000038;color:#090C13;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-button[type="submit"] svg *{fill:#090C13;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .e-form__buttons__wrapper__button-previous{color:#090C13;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:#ffffff;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-button[type="submit"]:hover{background-color:#02010100;color:#ffffff;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-21166 .elementor-element.elementor-element-c6ced4b .elementor-message{font-family:"Urbanist", Sans-serif;}#elementor-popup-modal-21166 .dialog-widget-content{background-color:#1D1435;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-21166{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-21166 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-21166 .dialog-close-button{display:flex;}@media(max-width:1366px){.elementor-21166 .elementor-element.elementor-element-c6ced4b{--container-widget-width:731px;--container-widget-flex-grow:0;width:var( --container-widget-width, 731px );max-width:731px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b.elementor-element{--align-self:center;--order:99999 /* order end hack */;}}@media(max-width:1024px){.elementor-21166 .elementor-element.elementor-element-000d2a1{width:100%;max-width:100%;text-align:center;}.elementor-21166 .elementor-element.elementor-element-000d2a1.elementor-element{--align-self:center;}.elementor-21166 .elementor-element.elementor-element-000d2a1 .elementor-heading-title{font-size:42px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}@media(max-width:767px){.elementor-21166 .elementor-element.elementor-element-4347c6a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-21166 .elementor-element.elementor-element-000d2a1{margin:0px 20px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-21166 .elementor-element.elementor-element-000d2a1 .elementor-heading-title{font-size:25px;}.elementor-21166 .elementor-element.elementor-element-c6ced4b.elementor-element{--align-self:center;}.elementor-21166 .elementor-element.elementor-element-c6ced4b{z-index:1;}}/* Start custom CSS for progress, class: .elementor-element-4347c6a */.elementor-21166 .elementor-element.elementor-element-4347c6a .elementor-progress-bar {
    background: linear-gradient(60deg, #00D9A5 -8.86%, #8b5cf6 120.45%) !important;
  
    
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-000d2a1 */saa {
    background: linear-gradient(60deg,#7c2ae8 -8.86%, #10cfcc 120.45%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-c6ced4b *//* =========================================================
   TFTEC POPUP + FORM (Elementor Pro) – GLASS DARK PREMIUM
   - Visual alinhado com LP (dark + neon/gradient)
   - Escopo: apenas dentro de .form-vidro-desfocado
   ========================================================= */

/* -------- Tokens finos (ajuste rápido) -------- */
:root{
  --tf-bg: rgba(15, 23, 42, 0.72);
  --tf-bg-2: rgba(10, 14, 24, 0.86);
  --tf-border: rgba(148, 163, 184, 0.16);

  --tf-text: #f8fafc;
  --tf-muted: rgba(226, 232, 240, 0.62);

  --tf-primary: #00D9A5;   /* LP */
  --tf-accent:  #00B4D8;   /* LP */
  --tf-purple:  #8b5cf6;   /* glow roxo */
  --tf-blue:    #0078D4;   /* azure */

  --tf-h: 56px;
  --tf-r: 16px;
  --tf-r2: 20px;
}

/* =========================================
   POPUP WRAP (opcional, mas fica lindo)
   - Se você aplicar .form-vidro-desfocado no container do popup
   ========================================= */
.form-vidro-desfocado{
  background: linear-gradient(180deg, rgba(20,27,45,.78), rgba(10,15,28,.72));
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  border: 1.5px solid var(--tf-border);
  border-radius: var(--tf-r2);
  padding: 1.8rem;
  box-shadow:
      0 18px 46px rgba(0,0,0,.60),
      0 0 0 1px rgba(255,255,255,.06) inset;
  position: relative;
  overflow: hidden;
  color: var(--tf-text);
}

/* Glow decorativo (bem LP) */
.form-vidro-desfocado::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(900px 280px at 20% 0%, rgba(0,217,165,.22), transparent 55%),
    radial-gradient(700px 260px at 90% 20%, rgba(0,180,216,.18), transparent 55%),
    radial-gradient(500px 240px at 70% 95%, rgba(139,92,246,.14), transparent 55%);
  pointer-events:none;
  z-index:0;
}
.form-vidro-desfocado > *{ position:relative; z-index:1; }

/* Títulos dentro do popup (se houver) */
.form-vidro-desfocado h1,
.form-vidro-desfocado h2,
.form-vidro-desfocado h3{
  color: var(--tf-text);
  letter-spacing: -0.02em;
}

/* =========================================
   ESTRUTURA DO FORM (Elementor)
   ========================================= */
.form-vidro-desfocado .elementor-form-fields-wrapper{
  gap: 14px; /* respiro premium */
}
.form-vidro-desfocado .elementor-field-group{
  margin: 0 !important;
}

/* Labels */
.form-vidro-desfocado label,
.form-vidro-desfocado .elementor-field-label{
  color: rgba(248,250,252,0.88) !important;
  font-size: 0.78rem;
  font-weight: 700;
  margin-bottom: 8px;
  display:block;
  letter-spacing: 0.02em;
}

/* =========================================
   CAMPOS (inputs/select/textarea)
   ========================================= */
.form-vidro-desfocado input,
.form-vidro-desfocado textarea,
.form-vidro-desfocado select,
.form-vidro-desfocado .elementor-field-textual{
  background: linear-gradient(180deg, rgba(10,14,24,0.92), rgba(10,14,24,0.78)) !important;
  color: var(--tf-text) !important;
  -webkit-text-fill-color: var(--tf-text) !important;

  border-radius: var(--tf-r) !important;
  height: var(--tf-h) !important;
  padding: 0 18px !important;

  font-size: 0.95rem;
  line-height: var(--tf-h) !important;

  border: 1.5px solid rgba(148,163,184,0.20) !important;

  box-shadow:
    0 8px 20px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.05) inset;

  transition: transform .18s ease, border-color .22s ease, box-shadow .22s ease, filter .22s ease;
  box-sizing: border-box;
  display:block !important;
}

/* Textarea não deve ficar “linha única” */
.form-vidro-desfocado textarea,
.form-vidro-desfocado textarea.elementor-field-textual{
  height: auto !important;
  min-height: 140px !important;
  line-height: 1.5 !important;
  padding: 14px 18px !important;
  resize: vertical;
}

/* Placeholder */
.form-vidro-desfocado input::placeholder,
.form-vidro-desfocado textarea::placeholder,
.form-vidro-desfocado select::placeholder{
  color: var(--tf-muted) !important;
  font-weight: 600;
  letter-spacing: 0.02em;
  opacity: 1 !important;
}

/* Hover */
.form-vidro-desfocado input:hover,
.form-vidro-desfocado textarea:hover,
.form-vidro-desfocado select:hover{
  border-color: rgba(0,217,165,0.42) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,217,165,.10) inset;
  transform: translateY(-1px);
}

/* 2) Define cores das opções (funciona na maioria dos navegadores) */
.form-vidro-desfocado select option,
.form-vidro-desfocado select optgroup {
  background: #0a0f1c !important;  /* fundo dark */
  color: #f8fafc !important;       /* texto claro */
}

/* Focus (glow LP) */
.form-vidro-desfocado input:focus,
.form-vidro-desfocado textarea:focus,
.form-vidro-desfocado select:focus{
  outline: none !important;
  border-color: rgba(0,217,165,0.80) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.45),
    0 0 0 4px rgba(0,217,165,.18),
    0 0 0 1px rgba(255,255,255,.06) inset;
  transform: translateY(-1px);
}

/* =========================================
   SELECT (seta premium e compatível)
   ========================================= */
.form-vidro-desfocado .elementor-select-wrapper .select-caret-down-wrapper{
  display:none !important;
}

.form-vidro-desfocado select{
  appearance:none;
  -webkit-appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(248,250,252,0.92) 50%),
    linear-gradient(135deg, rgba(248,250,252,0.92) 50%, transparent 50%),
    radial-gradient(circle at right 16px center, rgba(0,217,165,.25), transparent 55%);
  background-position: right 18px center, right 12px center, right 10px center;
  background-size: 7px 7px, 7px 7px, 28px 28px;
  background-repeat:no-repeat;
  padding-right: 46px !important;
}

/* =========================================
   DDI / Campos lado a lado (se usar)
   ========================================= */
.form-vidro-desfocado .campo-ddi{
  margin-right: 10px !important;
}
.form-vidro-desfocado .campo-ddi select,
.form-vidro-desfocado select[name*="ddi"],
.form-vidro-desfocado select[name*="country"]{
  width: 96px !important;
  min-width: 96px;
  padding-right: 46px !important;
}

/* =========================================
   CHECKBOX / RADIO (Elementor)
   ========================================= */
.form-vidro-desfocado .elementor-field-type-checkbox label,
.form-vidro-desfocado .elementor-field-type-radio label{
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: rgba(248,250,252,0.86) !important;
  display:flex !important;
  gap: 10px !important;
  align-items:flex-start !important;
}
.form-vidro-desfocado input[type="checkbox"],
.form-vidro-desfocado input[type="radio"]{
  width: 18px !important;
  height: 18px !important;
  margin-top: 2px !important;
  accent-color: var(--tf-primary);
}

/* =========================================
   BOTÃO (LP neon)
   ========================================= */
.form-vidro-desfocado button[type="submit"],
.form-vidro-desfocado .elementor-button{
  height: var(--tf-h) !important;
  width: 100% !important;
  border-radius: var(--tf-r) !important;
  border: none !important;

  background-image: linear-gradient(135deg, var(--tf-primary), var(--tf-accent)) !important;
  color: #07111f !important;

  font-weight: 900 !important;
  font-size: 1rem !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;

  box-shadow:
    0 14px 30px rgba(0,217,165,0.22),
    0 10px 26px rgba(0,180,216,0.18),
    0 0 0 1px rgba(255,255,255,.12) inset;

  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}

.form-vidro-desfocado .elementor-button:hover{
  transform: translateY(-2px);
  filter: brightness(1.06) saturate(1.08);
  box-shadow:
    0 18px 44px rgba(0,217,165,0.26),
    0 12px 32px rgba(0,180,216,0.22),
    0 0 0 1px rgba(255,255,255,.14) inset;
}

.form-vidro-desfocado .elementor-button:active{
  transform: translateY(0);
  filter: brightness(.98);
}

/* Loading do Elementor (quando envia) */
.form-vidro-desfocado .elementor-button .elementor-button-icon{
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.25));
}

/* =========================================
   MENSAGENS (sucesso / erro)
   ========================================= */
.form-vidro-desfocado .elementor-message{
  border-radius: 14px;
  padding: 12px 14px;
  font-weight: 700;
  margin-top: 12px;
  border: 1px solid rgba(148,163,184,0.18);
  background: rgba(2,6,23,0.55);
  color: rgba(248,250,252,0.92);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

/* Validação inline */
.form-vidro-desfocado .elementor-field-group .elementor-message{
  margin-top: 8px;
  font-weight: 700;
  font-size: 0.85rem;
}

/* Bordas de erro (Elementor adiciona classes) */
.form-vidro-desfocado .elementor-field.is-invalid input,
.form-vidro-desfocado .elementor-field.is-invalid textarea,
.form-vidro-desfocado .elementor-field.is-invalid select{
  border-color: rgba(239, 68, 68, 0.85) !important;
  box-shadow:
    0 0 0 4px rgba(239, 68, 68, 0.16),
    0 12px 26px rgba(0,0,0,.35);
}

/* =========================================
   AUTOFILL (Chrome)
   ========================================= */
.form-vidro-desfocado input:-webkit-autofill,
.form-vidro-desfocado textarea:-webkit-autofill,
.form-vidro-desfocado select:-webkit-autofill{
  -webkit-text-fill-color: var(--tf-text) !important;
  box-shadow: 0 0 0 1000px rgba(10,14,24,0.92) inset !important;
  caret-color: var(--tf-text) !important;
}

/* =========================================
   Ajustes pequenos de responsividade
   ========================================= */
@media (max-width: 767px){
  .form-vidro-desfocado{ padding: 1.3rem; border-radius: 18px; }
  .form-vidro-desfocado .elementor-form-fields-wrapper{ gap: 12px; }
  :root{ --tf-h: 54px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'googlesora';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.tftec.com.br/wp-content/uploads/2025/06/Sora-VariableFont_wght.woff2') format('woff2');
}
/* End Custom Fonts CSS */