.elementor-2384 .elementor-element.elementor-element-0835ee2{--display:flex;--min-height:100vh;--background-transition:0.3s;--padding-block-start:5%;--padding-block-end:5%;--padding-inline-start:0%;--padding-inline-end:0%;}.elementor-2384 .elementor-element.elementor-element-0835ee2:not(.elementor-motion-effects-element-type-background), .elementor-2384 .elementor-element.elementor-element-0835ee2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E1E1E1;}.elementor-2384 .elementor-element.elementor-element-0835ee2, .elementor-2384 .elementor-element.elementor-element-0835ee2::before{--border-transition:0.3s;}.elementor-2384 .elementor-element.elementor-element-9aeab04{text-align:center;width:100%;max-width:100%;}.elementor-2384 .elementor-element.elementor-element-9aeab04 .elementor-heading-title{color:var( --e-global-color-935648a );font-family:"Roboto", Sans-serif;font-size:2.2rem;font-weight:600;}.elementor-2384 .elementor-element.elementor-element-9aeab04 > .elementor-widget-container{padding:0% 0% 3% 0%;}.elementor-2384 .elementor-element.elementor-element-9aeab04.elementor-element{--align-self:center;}.elementor-2384 .elementor-element.elementor-element-44230a0{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2384 .elementor-element.elementor-element-44230a0 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-2384 .elementor-element.elementor-element-44230a0.elementor-element{--align-self:center;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:10px;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-10px;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-labels-inline .elementor-field-group > label{padding-left:15px;}body:not(.rtl) .elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-labels-inline .elementor-field-group > label{padding-right:15px;}body .elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-labels-above .elementor-field-group > label{padding-bottom:15px;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-group > label, .elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-subgroup label{color:var( --e-global-color-fb91ab6 );}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-type-html{padding-bottom:0px;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-fb91ab6 );color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-button[type="submit"]{background-color:var( --e-global-color-fb91ab6 );color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-fb91ab6 );color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-0249e75 );color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-0249e75 );color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98 .e-form__buttons__wrapper__button-previous:hover{background-color:var( --e-global-color-0249e75 );color:#ffffff;}.elementor-2384 .elementor-element.elementor-element-793ef98{--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;width:var( --container-widget-width, 67% );max-width:67%;--container-widget-width:67%;--container-widget-flex-grow:0;}.elementor-2384 .elementor-element.elementor-element-793ef98.elementor-element{--align-self:center;}.elementor-2384 .elementor-element.elementor-element-139afb9{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;width:100%;max-width:100%;}.elementor-2384 .elementor-element.elementor-element-139afb9 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-2384 .elementor-element.elementor-element-139afb9.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-2384 .elementor-element.elementor-element-793ef98{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}}@media(min-width:768px){.elementor-2384 .elementor-element.elementor-element-0835ee2{--content-width:1440px;}}@media(max-width:767px){.elementor-2384 .elementor-element.elementor-element-3e553e8 img{width:80%;}.elementor-2384 .elementor-element.elementor-element-9aeab04 .elementor-heading-title{font-size:1.5rem;}.elementor-2384 .elementor-element.elementor-element-793ef98{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-2384 .elementor-element.elementor-element-139afb9{text-align:center;font-size:0.8rem;width:100%;max-width:100%;}.elementor-2384 .elementor-element.elementor-element-139afb9 > .elementor-widget-container{padding:0% 5% 0% 5%;}}/* Start custom CSS for text-editor, class: .elementor-element-44230a0 */.elementor-2384 .elementor-element.elementor-element-44230a0 {
  transition: transform 0.3s ease, color 0.3s ease;
}

.elementor-2384 .elementor-element.elementor-element-44230a0:hover,
.elementor-2384 .elementor-element.elementor-element-44230a0:active {
  transform: scale(1.1);
}/* End custom CSS */
/* Start custom CSS *//******************************************************
 * SIGNUP – ELEMENTOR FORM (CHECKBOX + COUNTRY + PHONE)
 * Escopo: tudo dentro de #signup-form
 ******************************************************/

/* =========================
   GRID DOS CARDS (roles)
   ========================= */
#signup-form .elementor-field-type-checkbox .elementor-field-subgroup{
  display:grid;
  grid-template-columns:repeat(3,minmax(280px,1fr));
  gap:24px;
  margin-bottom:24px;
  align-items:stretch;
}
@media (max-width:1024px){
  #signup-form .elementor-field-type-checkbox .elementor-field-subgroup{
    grid-template-columns:repeat(2,minmax(260px,1fr));
  }
}
@media (max-width:768px){
  #signup-form .elementor-field-type-checkbox .elementor-field-subgroup{
    grid-template-columns:1fr;
  }
}

/* =========================
   CARD BASE (roles)
   ========================= */
#signup-form .elementor-field-type-checkbox input[type="checkbox"]{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
#signup-form .elementor-field-type-checkbox .elementor-field-option{
  position:relative;
  display:flex;
}
#signup-form .elementor-field-type-checkbox input[type="checkbox"] + label{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  gap:10px;
  padding:24px 22px 18px;
  min-height:180px;
  border:2px solid #E5E7EB;
  border-radius:16px;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
  cursor:pointer;
  transition:.2s ease;
  font-weight:600;
  line-height:1.35;
}
#signup-form .elementor-field-type-checkbox input[type="checkbox"] + label small{
  display:block;
  margin-top:8px;
  color:#6B7280;
  font-weight:400;
}
#signup-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label{
  border-color:#009A11;
  box-shadow:0 8px 24px rgba(0,154,17,.18);
  transform:translateY(-2px);
}

/* Marcador (checkbox) no canto */
#signup-form .elementor-field-type-checkbox input[type="checkbox"] + label::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:18px;
  height:18px;
  border:2px solid #8C8C8C;
  border-radius:4px;
  background:#fff;
  transition:.2s;
}
#signup-form .elementor-field-type-checkbox input[type="checkbox"]:checked + label::after{
  background:#15992A;
  border-color:#15992A;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 20 20" fill="none"><path d="M4 10.5l4 4 8-8" stroke="%23fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
  box-shadow:0 0 0 2px #fff inset;
}

/* Ícone circular no topo do card */
#signup-form .elementor-field-type-checkbox .elementor-field-option label{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding-top: 76px !important;
  text-align: center !important;
}
#signup-form .elementor-field-type-checkbox .elementor-field-option label::before{
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background-color: #f6f7f9 !important;
  box-shadow: inset 0 0 0 2px #e2e2e2 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  z-index: 1 !important;
}

/* ÍCONES + CORES (roles) */
#signup-form #form-field-advertiser .elementor-field-option label::before,
#signup-form input[type="checkbox"][value="Advertiser"] + label::before,
#signup-form input[type="checkbox"][value*="Advertiser" i] + label::before{
  background-color:#E8F9F1 !important;
  background-image:url("https://www.eroadvertising.com/wp-content/uploads/2025/10/ads.png") !important;
}
#signup-form #form-field-vip .elementor-field-option label::before,
#signup-form input[type="checkbox"][value="14 VIP Days"] + label::before,
#signup-form input[type="checkbox"][value*="VIP" i] + label::before{
  background-color:#FFF5E6 !important;
  background-image:url("https://www.eroadvertising.com/wp-content/uploads/2025/10/vip14.png") !important;
}
#signup-form #form-field-publisher .elementor-field-option label::before,
#signup-form input[type="checkbox"][value="Publisher"] + label::before,
#signup-form input[type="checkbox"][value*="Publisher" i] + label::before{
  background-color:#E7EEFF !important;
  background-image:url("https://www.eroadvertising.com/wp-content/uploads/2025/10/analysis.png") !important;
}

/* =========================
   CAMPOS E BOTÃO (geral)
   ========================= */
#signup-form .elementor-field-group input,
#signup-form .elementor-field-group select{
  height:44px;
  border-radius:16px;
  border:1px solid #E5E7EB;
  padding:0 48px 0 16px;
}
#signup-form .elementor-field-group{ margin-bottom:16px; }
#signup-form .elementor-button{
  border-radius:16px;
  height:58px;
  font-weight:700;
  letter-spacing:.3px;
  background:#49A942;
  color:#fff;
}

/* =========================
   SELECT2 – COUNTRY (campo)
   ========================= */
#signup-form .select2-container{ width:100%!important; }
#signup-form .select2-container--default .select2-selection--single{
  height:48px; border-radius:8px; border:1px solid #E5E7EB; background:#fff; padding:0 12px;
  display:flex; align-items:center; justify-content:flex-start; box-sizing:border-box;
}
#signup-form .select2-container--default .select2-selection--single .select2-selection__rendered{
  display:flex; align-items:center; justify-content:flex-start; width:100%; padding:0; color:#111827; text-align:left; line-height:normal;
}
#signup-form .select2-container--default .select2-selection--single .select2-selection__arrow{ height:48px; right:10px; }

/* Bandeira no item/seleção do Country */
.e-flag{ width:18px; height:14px; margin-right:8px; object-fit:cover; flex-shrink:0; }

/* DDI no Country (se usar span.e-dial no template) */
#signup-form .select2-results__option .e-dial,
#signup-form .select2-selection__rendered .e-dial{
  margin-left:6px;
  color:#6B7280;
  font-weight:500;
}

/* Dropdown claro Select2 */
#signup-form .select2-container .select2-dropdown{
  background:#fff !important;
  border:1px solid #E5E7EB !important;
  border-radius:10px !important;
  overflow:hidden;
  z-index:100000 !important;
}
#signup-form .select2-results__options{
  background:#fff !important;
  color:#111827 !important;
}
#signup-form .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:#F3F4F6 !important;
  color:#111827 !important;
}
#signup-form .select2-container--default .select2-results__option[aria-selected=true]{
  background:#E5E7EB !important;
  color:#111827 !important;
}
#signup-form .select2-container--default .select2-search--dropdown .select2-search__field{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #E5E7EB !important;
  border-radius:8px !important;
  outline:0 !important;
}

/* =========================
   INTL-TEL-INPUT – PHONE
   ========================= */

/* Largura total do wrapper */
#signup-form .iti{ width:100% !important; }

/* Campo telefone alinhado ao restante do design */
#signup-form input#form-field-phone{
  height:44px !important;
  border-radius:16px !important;
  border:1px solid #E5E7EB !important;
  padding-left:60px !important; /* espaço para bandeira + DDI */
  box-sizing:border-box;
  background:#fff;
  color:#111827;
}

/* Área da bandeira/DDI igual ao Country (fundo claro) */
#signup-form .iti--separate-dial-code .iti__selected-flag{
  background:#fff !important;
  border-right:1px solid #E5E7EB !important;
  border-radius:8px 0 0 8px !important;
  padding:0 10px !important;
  height:44px !important;
}

/* Alturas e espaçamentos */
#signup-form .iti__flag-container{ height:44px !important; }
#signup-form .iti__selected-flag{ height:44px !important; }
#signup-form .iti__arrow{ border-top-color:#111827 !important; }

/* Força DDI visível e escuro ao lado da bandeira */
#signup-form .iti.iti--separate-dial-code .iti__selected-flag .iti__selected-dial-code{
  display:inline-block !important;
  color:#111827 !important;      /* anula qualquer branco anterior */
  font-size:15px !important;
  font-weight:500 !important;
  opacity:1 !important;
  visibility:visible !important;
}

/* Dropdown claro do intl-tel-input (lista de países do telefone) */
#signup-form .iti__country-list,
#signup-form .iti__country,
#signup-form .iti__country-name,
#signup-form .iti__dial-code,
#signup-form .iti__divider{
  background:#fff !important;
  color:#111827 !important;
  border:none !important;
}
#signup-form .iti__country-list{
  box-shadow:0 4px 12px rgba(0,0,0,.15) !important;
  border-radius:10px !important;
  z-index:100000 !important;
}
#signup-form .iti__country:hover,
#signup-form .iti__country.iti__highlight{
  background:#F3F4F6 !important;
}
#signup-form .iti__search-input{
  background:#fff !important;
  color:#111827 !important;
  border:1px solid #E5E7EB !important;
  border-radius:8px !important;
  outline:none !important;
  padding:6px 10px !important;
}
#signup-form .iti__search-input::placeholder{ color:#9CA3AF !important; }

/* Validação visual do telefone */
#signup-form input#form-field-phone.e-phone-valid{ border-color:#28a745 !important; }
#signup-form input#form-field-phone.e-phone-invalid{ border-color:#dc3545 !important; }

/* Evita borda vermelha automática antes de interação */
#signup-form input#form-field-phone:not(.touched):invalid{
  border-color:#E5E7EB !important;
  box-shadow:none !important;
}


/* === Telefone com intl-tel-input: alinhamento à esquerda === */
#signup-form .iti{ width:100%; }

/* bloco da bandeira/DDI encostado à esquerda e com a mesma altura do input */
#signup-form .iti--separate-dial-code .iti__selected-flag{
  background:#fff;
  border:1px solid #E5E7EB;
  border-right:0;
  height:44px;
  padding:0 10px 0 12px;
  border-radius:16px 0 0 16px;
  box-sizing:border-box;
}

/* DDI ao lado da bandeira (ex.: +351) */
#signup-form .iti--separate-dial-code .iti__selected-dial-code{
  margin-left:6px;
  font-weight:600;
  color:#6B7280;
}

/* input colado ao bloco da bandeira, sem “salto” à esquerda */
#signup-form .iti--separate-dial-code input[type="tel"],
#signup-form .iti--separate-dial-code input[type="text"]{
  height:44px !important;
  border-radius:0 16px 16px 0 !important;
  border-left:0 !important;
  padding-left:96px !important; /* espaço para bandeira + DDI */
  box-sizing:border-box;
}

/* menu de países acima de tudo */
#signup-form .iti__country-list{ z-index:10050; }

/* neutraliza estilos do Elementor que empurram o input */
#signup-form .elementor-field-group .elementor-field{
  padding-left:0 !important;
}/* End custom CSS */