.elementor-262 .elementor-element.elementor-element-c28dbe4{--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;}.elementor-262 .elementor-element.elementor-element-b1c0816{--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;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:1vw;--padding-right:0vw;}.elementor-262 .elementor-element.elementor-element-b1c0816.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-262 .elementor-element.elementor-element-db7c1df{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-262 .elementor-element.elementor-element-db7c1df.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-262 .elementor-element.elementor-element-d33fdb7 > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-262 .elementor-element.elementor-element-d33fdb7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-d33fdb7 img{width:4vw;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-262 .elementor-element.elementor-element-ac1af34.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-262 .elementor-element.elementor-element-ac1af34{text-align:center;}.elementor-262 .elementor-element.elementor-element-ac1af34 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:700;color:#000000;}.elementor-262 .elementor-element.elementor-element-5a0882e{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-262 .elementor-element.elementor-element-913b03b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-262 .elementor-element.elementor-element-956550b > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-262 .elementor-element.elementor-element-956550b.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:767px){.elementor-262 .elementor-element.elementor-element-c28dbe4{--min-height:0px;}.elementor-262 .elementor-element.elementor-element-b1c0816{--width:61vw;}.elementor-262 .elementor-element.elementor-element-db7c1df{--width:52vw;}.elementor-262 .elementor-element.elementor-element-d33fdb7 img{width:11vw;}.elementor-262 .elementor-element.elementor-element-ac1af34 .elementor-heading-title{font-size:16px;}.elementor-262 .elementor-element.elementor-element-5a0882e{--width:24vw;}.elementor-262 .elementor-element.elementor-element-913b03b{--width:20vw;}}@media(min-width:768px){.elementor-262 .elementor-element.elementor-element-b1c0816{--width:83%;}.elementor-262 .elementor-element.elementor-element-db7c1df{--width:16.571vw;}.elementor-262 .elementor-element.elementor-element-5a0882e{--width:9vw;}.elementor-262 .elementor-element.elementor-element-913b03b{--width:15vw;}}@media(max-width:1024px) and (min-width:768px){.elementor-262 .elementor-element.elementor-element-db7c1df{--width:31vw;}}/* Start custom CSS for shortcode, class: .elementor-element-956550b *//* ==============================
   1) FORMULÁRIO – GLASSMORPHISM + BLUR (Não logado)
   ============================== */
.um-login-form {
  position: relative;
  z-index: 1;

  /* Ajuste de transparência para fundo claro */
  background: rgba(255,255,255,0.9) !important;
  backdrop-filter: blur(10px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(10px) saturate(150%) !important;

  padding: 30px 20px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(0,0,0,0.05) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.1) !important;
  overflow: visible !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  
  /* Novo: Contêiner flex para alinhamento */
  display: flex;
  flex-direction: column;
  align-items: center;
}
.um-login-form:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.15) !important;
}

/* =====================
   2) FORM INTERNO
   ===================== */
.um-login-form .um-form {
  background: transparent !important;
  box-shadow: none !important;
  margin: 0; 
  padding: 0;
  width: 100%; /* Garante que ocupe toda a largura */
}

/* ================
   3) TÍTULO E SUBTÍTULO
   ================ */
.um-login-form .um-form-title {
  text-align: center !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 20px !important;
}
.um-login-form .um-form-subtitle {
  text-align: center !important;
  font-size: 1rem !important;
  color: #555 !important;
  margin-bottom: 30px !important;
}

/* ============================
   4) CAMPOS (WRAPPER + INPUTS) - CORRIGIDO
   ============================ */
.um-login-form .um-row {
  width: 100%;
  padding: 0 10px; /* Espaçamento interno para alinhamento */
}

.um-login-form .um-field-area {
  position: relative !important;
  margin-bottom: 20px !important;
  width: 100%; /* Ocupa toda a largura disponível */
}
.um-login-form .um-field-area .um-icon {
  position: absolute;
  top: 50%; left: 14px;
  transform: translateY(-50%);
  font-size: 1.2em; color: rgba(0,0,0,0.3);
  pointer-events: none;
}
.um-login-form .um-field-area input,
.um-login-form .um-field-area select,
.um-login-form .um-field-area textarea {
  width: 100% !important;
  height: 48px !important;
  padding: 0 14px 0 44px !important;
  background: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.05) !important;
  font-size: 1rem !important;
  color: #333 !important;
  transition: box-shadow 0.2s ease !important;
}
.um-login-form .um-field-area input::placeholder {
  color: rgba(0,0,0,0.4) !important;
}
.um-login-form .um-field-area input:focus {
  box-shadow: inset 0 2px 8px rgba(25,111,180,0.2) !important;
  outline: none !important;
}

/* ============
   5) BOTÃO "LOGIN" - CORREÇÃO DEFINITIVA
   ============ */
.um-login-form .um-col-alt {
  width: 100%;
  padding: 0; /* Removido padding negativo */
  display: flex; /* Adicionado flex container */
  justify-content: center; /* Centraliza horizontalmente */
}

.um-login-form .um-button {
  display: block !important;
  width: 70% !important; /* Mantém a largura de 70% */
  margin-top: 10px !important;
  padding: 14px !important;
  box-sizing: border-box !important; 
  font-size: 1rem !important;
  font-weight: 600 !important;
  text-align: center !important;
  background: #196FB4 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 6px 16px rgba(25,111,180,0.3) !important;
  transition: background 0.3s ease, transform 0.1s ease !important;
}

/* ======================
   6) LINKS AUXILIARES & RESET
   ====================== */
.um-login-form .um-link-alt,
.um-login-form .um-right a {
  display: block !important;
  text-align: center !important;
  margin-top: 15px !important;
  color: #196FB4 !important;
  font-size: .9rem !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  padding: 0 10px; /* Mesmo padding dos campos */
}
.um-login-form .um-link-alt:hover,
.um-login-form .um-right a:hover {
  color: #145A92 !important;
  text-decoration: underline !important;
}

/* ======================================
   7) CONTAINER DO MENU LOGADO – ESTILO CUSTOMIZADO
   ====================================== */
.um.um-login.um-logout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Esconde avatar */
.um-login .um-misc-with-img {
  display: none !important;
}

/* Exibe apenas o link de logout centralizado */
.um-login .um-misc-ul {
  display: flex !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Oculta todos os links por padrão */
.um-login .um-misc-ul a {
  display: none !important;
}

/* Estiliza somente o link de logout (texto apenas) */
.um-login .um-misc-ul a[href*="logout"] {
  display: inline-block !important;
  padding: 8px 16px !important;
  background: #2195F2 !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important; /* tamanho reduzido */
  border-radius: 20px !important;
  text-decoration: none !important;
  transition: background 0.3s ease, transform 0.2s ease !important;
  font-family: 'Poppins', sans-serif !important;
}

/* Remove ícone */
.um-login .um-misc-ul a[href*="logout"]::before,
.um-login .um-misc-ul a[href*="logout"]::after {
  content: none !important;
}

.um-login .um-misc-ul a[href*="logout"]:hover {
  background: #197bd1 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 480px) {
  .um-login .um-misc-ul a[href*="logout"] {
    padding: 6px 12px !important;
    font-size: 0.8rem !important;
    border-radius: 16px !important;
  }
}/* End custom CSS */