.elementor-14 .elementor-element.elementor-element-6e4ceb3{margin-top:25px;margin-bottom:200px;}.elementor-14 .elementor-element.elementor-element-c297a2b{margin-top:50px;margin-bottom:200px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-59cf38f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-132b476 > .elementor-element-populated{padding:0px 0px 0px 0px;}}/* Start custom CSS for user-registration-login, class: .elementor-element-4bcc89e *//* ─────────────────────────────────────────────────────────────
   UR Login — apenas no widget com ID #ur-box
   Compacto sem quebrar o layout
   ──────────────────────────────────────────────────────────── */

/* remove padding do contêiner do widget */
#ur-box.elementor-element > .elementor-widget-container {
  padding: 0 !important;
}

/* “card” do plugin com largura e padding equilibrados */
#ur-box .user-registration:not(.user-registration-MyAccount) {
  padding: 0 8px !important;      /* voltou para 8px */
  max-width: 420px !important;    /* voltou para 420px */
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* zera acolchoado interno do grid do plugin */
#ur-box .ur-form-grid,
#ur-box .ur-form-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* o <form> real usa 100% da largura do “card” */
#ur-box form.user-registration-form.user-registration-form-login.login {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* mobile um pouco mais compacto */
@media (max-width: 575px) {
  #ur-box .user-registration:not(.user-registration-MyAccount) {
    padding: 0 6px !important;    /* leve ajuste no mobile */
    max-width: 400px !important;  /* leve ajuste no mobile */
  }
}
/* ─────────────────────────────────────────────────────────────
   UR Login — forçar menos padding e largura no widget #ur-box
   (usa o MESMO ID do plugin para vencer a especificidade)
   ──────────────────────────────────────────────────────────── */

/* 1) Contêiner do widget sem padding */
#ur-box.elementor-element > .elementor-widget-container {
  padding: 0 !important;
}

/* 2) “Card” do plugin com pouco acolchoado e largura contida */
#ur-box #user-registration.user-registration:not(.user-registration-MyAccount) {
  padding-left: 6px !important;   /* menor que o que tinha antes */
  padding-right: 6px !important;
  max-width: 410px !important;    /* ajuste fino; suba/baixe 10px se precisar */
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* 3) Zera acolchoado interno do grid do plugin */
#ur-box .ur-form-grid,
#ur-box .ur-form-row {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 4) O <form> real ocupa 100% do “card” */
#ur-box form.user-registration-form.user-registration-form-login.login {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 5) Mobile ainda mais compacto */
@media (max-width: 575px) {
  #ur-box #user-registration.user-registration:not(.user-registration-MyAccount) {
    padding-left: 4px !important;
    padding-right: 4px !important;
    max-width: 390px !important;
  }
}
/* Override: menos padding ainda no “card” do UR */
#ur-box #user-registration.user-registration:not(.user-registration-MyAccount) {
  padding-left: 2px !important;   /* antes 6px */
  padding-right: 2px !important;
  max-width: 410px !important;    /* mantém largura atual */
}

/* Mobile: sem padding lateral */
@media (max-width: 575px) {
  #ur-box #user-registration.user-registration:not(.user-registration-MyAccount) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 390px !important;  /* mantém largura mobile atual */
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-99bff8e *//*──────────────────────────────────────────────────────────────
  0) Importa Montserrat e cor base
──────────────────────────────────────────────────────────────*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");
.user-registration,
.user-registration * {
  font-family: 'Montserrat', sans-serif !important;
  color: #264D5E !important;
}

/*──────────────────────────────────────────────────────────────
  1) Botões (Minha Conta + Login)
──────────────────────────────────────────────────────────────*/
.user-registration button.ur-btn,
.user-registration input[type="submit"].ur-btn,
#ur-frontend-form.ur-frontend-form.login button[type="submit"],
#ur-frontend-form.ur-frontend-form.login input[type="submit"] {
  background-color: #264D5E !important;
  color: #fff !important;
  border-radius: 5px !important;
  padding: 10px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  float: none !important;
}
.user-registration button.ur-btn:hover,
.user-registration input[type="submit"].ur-btn:hover,
#ur-frontend-form.ur-frontend-form.login button[type="submit"]:hover,
#ur-frontend-form.ur-frontend-form.login input[type="submit"]:hover {
  background-color: #1f3d4b !important;
  color: #fff !important;
}

/*──────────────────────────────────────────────────────────────
  2) Minha Conta (Editar Perfil) FULL-WIDTH
──────────────────────────────────────────────────────────────*/
.ur-my-account-wrapper .ur-form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}
.ur-my-account-wrapper .ur-form-row > .ur-field-item {
  flex: 1 1 100% !important;
}
.ur-my-account-wrapper .ur-field-item input,
.ur-my-account-wrapper .ur-field-item select,
.ur-my-account-wrapper .ur-field-item textarea {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/*──────────────────────────────────────────────────────────────
  3) Login: inputs FULL-WIDTH
──────────────────────────────────────────────────────────────*/
#ur-frontend-form.ur-frontend-form.login .ur-field-item input,
#ur-frontend-form.ur-frontend-form.login .ur-field-item select,
#ur-frontend-form.ur-frontend-form.login .ur-field-item textarea,
.ur-login-form .ur-field-item input,
.ur-login-form .ur-field-item select,
.ur-login-form .ur-field-item textarea {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/*──────────────────────────────────────────────────────────────
  4) Centralizar & ampliar qualquer UR-form (Login & Minha Conta)
──────────────────────────────────────────────────────────────*/
/* — Wrapper dentro do Elementor — */
.elementor-widget-shortcode .elementor-shortcode #ur-frontend-form,
/* — Wrapper fora do Elementor — */
#ur-frontend-form.ur-frontend-form.login,
#ur-frontend-form.ur-frontend-form.ur-edit-profile {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 0 !important;
}
/* — Todos os <form> filhos — */
.elementor-widget-shortcode .elementor-shortcode #ur-frontend-form form,
#ur-frontend-form.ur-frontend-form.login form,
#ur-frontend-form.ur-frontend-form.ur-edit-profile form {
  width: 100% !important;
  max-width: 800px !important;
  margin: 0 auto !important;
}
/* Oculta o título “Detalhes do perfil” em EditProfile */
#ur-frontend-form.ur-edit-profile .user-registration-profile-fields h2 {
  display: none !important;
}

/* Espaço vertical em Minha Conta */
.ur-my-account-wrapper .ur-form-row { gap: 5px !important; }
.ur-my-account-wrapper .ur-field-item { margin-bottom: 0 !important; }

/* Espaço vertical em Login */
.ur-frontend-form.login .ur-form-row {
  gap: 5px !important;
  margin-bottom: 5px !important;
}
.ur-frontend-form.login .ur-field-item { margin-bottom: 0 !important; }

/*──────────────────────────────────────────────────────────────
  HOME + MOBILE (CONSOLIDADO): centralizar e controlar largura
──────────────────────────────────────────────────────────────*/
@media (max-width: 767px) {
  /* remove padding do container do widget na HOME */
  body.home .elementor-widget-shortcode .elementor-widget-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* centraliza wrappers do UR */
  body.home .elementor-widget-shortcode .user-registration,
  body.home .elementor-widget-shortcode .ur-my-account-wrapper,
  body.home .elementor-widget-shortcode #ur-frontend-form {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* largura padrão e respiro interno para QUALQUER formulário UR na home */
  body.home .elementor-widget-shortcode .user-registration > *,
  body.home .elementor-widget-shortcode .ur-my-account-wrapper > *,
  body.home .elementor-widget-shortcode #ur-frontend-form > form {
    width: 100% !important;
    max-width: 460px !important;   /* ajuste 440–480 se necessário */
    margin: 0 auto !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }

  /* inputs do login confortáveis para e-mails longos */
  body.home .ur-frontend-form.login .ur-field-item input[type="email"],
  body.home .ur-frontend-form.login .ur-field-item input[type="text"],
  body.home .ur-frontend-form.login .ur-field-item input[type="password"] {
    font-size: 16px !important;
    min-height: 44px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* espaçamento vertical moderado no login */
  body.home .ur-frontend-form.login .ur-form-row { gap: 8px !important; margin-bottom: 8px !important; }
  body.home .ur-frontend-form.login .ur-field-item { margin-bottom: 6px !important; }
}
/* HOME móvel: vencer o padding e largura do wrapper do plugin */
@media (max-width: 575px) {
  body.home.user-registration-page #user-registration.user-registration:not(.user-registration-MyAccount) {
    padding: 0 12px !important;   /* plugin põe 40px 30px */
    max-width: 460px !important;  /* plugin põe 520px */
    margin: 0 auto !important;
  }
}

/*──────────────────────────────────────────────────────────────
  5) Correção: empilhar aviso de erro acima do formulário
──────────────────────────────────────────────────────────────*/
#ur-frontend-form.ur-frontend-form.login,
.elementor-widget-shortcode .elementor-shortcode #ur-frontend-form{
  flex-direction: column !important;   /* aviso + form em coluna */
  align-items: center !important;
}

#ur-frontend-form.ur-frontend-form.login #login_error,
#ur-frontend-form.ur-frontend-form.login .ur-message,
#ur-frontend-form.ur-frontend-form.login .ur-error-message{
  display: block !important;
  width: 100% !important;
  max-width: 800px !important;         /* igual ao form */
  margin: 0 auto 10px auto !important; /* centralizado e com respiro */
  order: -1 !important;                /* aparece antes do form */
  box-shadow: none !important;
}

#ur-frontend-form.ur-frontend-form.login #login_error{
  border: 1px solid #dc3232 !important;
  border-left-width: 4px !important;
  background: #fdecec !important;
  color: #7a1c1c !important;
}/* End custom CSS */