.elementor-2150 .elementor-element.elementor-element-2ed05b6{--display:flex;--min-height:100vh;--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.5;--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-2150 .elementor-element.elementor-element-2ed05b6:not(.elementor-motion-effects-element-type-background), .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kosmetall.com/wp-content/uploads/2026/07/virejo-marketplace-mocambique-login-desktop-tech-background.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2150 .elementor-element.elementor-element-2ed05b6::before, .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .elementor-background-video-container::before, .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .elementor-background-slideshow::before, .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000D2580;--background-overlay:'';}.elementor-2150 .elementor-element.elementor-element-2ed05b6.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-2150 .elementor-element.elementor-element-0ac6bc5{--display:flex;}.elementor-2150 .elementor-element.elementor-element-0ac6bc5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2150 .elementor-element.elementor-element-50fa4d6{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;--border-radius:20px 20px 20px 20px;box-shadow:0px 24px 60px 0px rgba(0, 0, 0, 0.45);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2150 .elementor-element.elementor-element-50fa4d6:not(.elementor-motion-effects-element-type-background), .elementor-2150 .elementor-element.elementor-element-50fa4d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000D25C7;}.elementor-2150 .elementor-element.elementor-element-a2754aa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2150 .elementor-element.elementor-element-a2754aa{text-align:start;}.elementor-2150 .elementor-element.elementor-element-a2388c6{text-align:start;}.elementor-2150 .elementor-element.elementor-element-a2388c6 .elementor-heading-title{font-family:"Marko One", Sans-serif;font-size:28px;font-weight:400;color:var( --e-global-color-text );}.elementor-2150 .elementor-element.elementor-element-0566e30{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2150 .elementor-element.elementor-element-0566e30.elementor-element{--align-self:center;}@media(min-width:768px){.elementor-2150 .elementor-element.elementor-element-2ed05b6{--width:99.481%;}.elementor-2150 .elementor-element.elementor-element-0ac6bc5{--width:37.14%;}.elementor-2150 .elementor-element.elementor-element-50fa4d6{--width:100%;}}@media(max-width:1024px){.elementor-2150 .elementor-element.elementor-element-2ed05b6:not(.elementor-motion-effects-element-type-background), .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2150 .elementor-element.elementor-element-a2388c6 .elementor-heading-title{font-size:26px;}}@media(max-width:767px){.elementor-2150 .elementor-element.elementor-element-2ed05b6:not(.elementor-motion-effects-element-type-background), .elementor-2150 .elementor-element.elementor-element-2ed05b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-2150 .elementor-element.elementor-element-50fa4d6{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2150 .elementor-element.elementor-element-a2388c6 .elementor-heading-title{font-size:24px;}}/* Start custom CSS *//* ── 1. CONTAINER PRINCIPAL ─────────────────────────────────── */

.auth-ctn-main {
  min-height: 100vh !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: var(--sz-2xl) var(--sz-md) !important;
}

.auth-ctn-main .elementor-widget {
  margin-bottom: 0 !important;
}

/* ── 2. CARD GLASSMORPHISM ──────────────────────────────────── */

.auth-form-card {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  background: rgba(0, 13, 37, 0.78) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 20px !important;
  padding: 40px 36px !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.45) !important;
}

/* ── 3. EYEBROW ─────────────────────────────────────────────── */

.auth-eyebrow,
.auth-eyebrow .elementor-heading-title {
  font-family: var(--font-ui) !important;
  font-size: var(--fs-2xs) !important;
  font-weight: var(--fw-bold) !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  color: var(--color-accent) !important;
  margin: 0 0 6px !important;
  display: block !important;
}

/* ── 4. TÍTULO ──────────────────────────────────────────────── */

.auth-title,
.auth-title .elementor-heading-title {
  font-family: var(--font-heading) !important;
  font-size: clamp(var(--fs-xl), 2.5vw, var(--fs-2xl)) !important;
  font-weight: var(--fw-black) !important;
  color: var(--color-white) !important;
  letter-spacing: var(--ls-tight) !important;
  line-height: var(--lh-tight) !important;
  margin: 0 0 4px !important;
}

/* ── 5. SUBTÍTULO ───────────────────────────────────────────── */

.auth-sub,
.auth-sub p {
  font-family: var(--font-ui) !important;
  font-size: var(--fs-sm) !important;
  color: rgba(255,255,255,.58) !important;
  line-height: var(--lh-normal) !important;
  margin: 0 0 var(--sz-xl) !important;
}

/* ── 6. PLUGIN RESET ────────────────────────────────────────── */

#user-registration,
.user-registration {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}
.ur-frontend-form,
.ur-frontend-form--rounded {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.ur-form-grid { padding: 0 !important; }
.ur-form-row  { width: 100% !important; }

/* Ocultar títulos nativos em inglês */
.user-registration-login-title,
.user-registration-login-description,
.ur-lost-password-content-container,
[data-field="login-title"] {
  display: none !important;
}

/* ── 7. LABELS ──────────────────────────────────────────────── */

.user-registration-form-row { margin-bottom: var(--sz-md) !important; }
.user-registration-form-row label,
.ur-form-grid label {
  font-family: var(--font-ui) !important;
  font-size: var(--fs-xs) !important;
  font-weight: var(--fw-semibold) !important;
  color: rgba(255,255,255,.78) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* ── 8. INPUTS ──────────────────────────────────────────────── */

.user-registration-Input,
.user-registration-Input--text,
.ur-frontend-form input[type="text"],
.ur-frontend-form input[type="email"],
.ur-frontend-form input[type="password"],
.ur-frontend-form input[type="tel"],
.ur-frontend-form input[type="url"],
.ur-frontend-form input[type="number"],
.ur-frontend-form select,
.ur-frontend-form textarea {
  width: 100% !important;
  height: 52px !important;
  padding: 0 var(--sz-md) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--fs-md) !important;       /* 16px — evita zoom iOS */
  color: var(--color-white) !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: var(--rd-md) !important;
  outline: none !important;
  -webkit-appearance: none !important;
  transition:
    border-color var(--speed-sm) var(--ease-out),
    background var(--speed-sm) var(--ease-out),
    box-shadow var(--speed-sm) var(--ease-out) !important;
}

.ur-frontend-form input:focus,
.ur-frontend-form select:focus,
.ur-frontend-form textarea:focus {
  border-color: var(--color-accent) !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: 0 0 0 3px rgba(58,206,250,.18) !important;
}

.ur-frontend-form input::placeholder,
.ur-frontend-form textarea::placeholder {
  color: rgba(255,255,255,.32) !important;
  font-size: var(--fs-sm) !important;
}

.ur-frontend-form select { cursor: pointer !important; }

.ur-frontend-form textarea {
  height: auto !important;
  min-height: 80px !important;
  padding: var(--sz-md) !important;
  resize: vertical !important;
}

/* ── 9. PASSWORD TOGGLE ─────────────────────────────────────── */

.password-input-group {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}
.password-input-group input { padding-right: 48px !important; }
.password-input-group .password_preview,
.password-input-group a.password_preview {
  position: absolute !important;
  right: var(--sz-md) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: rgba(255,255,255,.40) !important;
  cursor: pointer !important;
  font-size: var(--icon-sm) !important;
  text-decoration: none !important;
  transition: color var(--speed-xs) var(--ease-out) !important;
  display: flex !important;
  align-items: center !important;
}
.password-input-group .password_preview:hover { color: var(--color-accent) !important; }

/* ── 10. CHECKBOX & RADIO ────────────────────────────────────── */

.ur-frontend-form input[type="checkbox"],
.ur-frontend-form input[type="radio"] {
  width: 17px !important;
  height: 17px !important;
  accent-color: var(--color-primary) !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
.ur-frontend-form .user-registration-form__label-for-checkbox {
  font-family: var(--font-ui) !important;
  font-size: var(--fs-xs) !important;
  color: rgba(255,255,255,.60) !important;
  display: flex !important;
  align-items: center !important;
  gap: var(--sz-xs) !important;
  cursor: pointer !important;
  font-weight: var(--fw-regular) !important;
}

/* ── 11. HINT TEXT ───────────────────────────────────────────── */

.ur-frontend-form small,
.ur-frontend-form .field-description,
.user-registration-form-row small {
  display: block !important;
  font-family: var(--font-ui) !important;
  font-size: var(--fs-xs) !important;
  color: rgba(255,255,255,.40) !important;
  margin-top: 4px !important;
  line-height: var(--lh-normal) !important;
}

/* ── 12. REQUIRED ───────────────────────────────────────────── */

.ur-frontend-form .required {
  color: var(--color-accent) !important;
  font-weight: var(--fw-bold) !important;
}

/* ── 13. BOTÃO SUBMIT ───────────────────────────────────────── */

.user-registration-Button.ur-submit-button,
[data-field="login-button"] button,
[data-field="register-button"] button,
.ur-reset-password-btn,
.user-registration-ResetPassword input[type="submit"],
.user-registration-ResetPassword .user-registration-Button {
  width: 100% !important;
  height: 54px !important;
  background: var(--color-primary) !important;
  color: var(--color-white) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--fs-sm) !important;
  font-weight: var(--fw-bold) !important;
  border: none !important;
  border-radius: var(--rd-md) !important;
  cursor: pointer !important;
  margin: var(--sz-lg) 0 var(--sz-sm) !important;
  box-shadow: 0 8px 24px rgba(24,102,238,.40) !important;
  transition:
    transform var(--speed-sm) var(--ease-out),
    box-shadow var(--speed-sm) var(--ease-out),
    background var(--speed-xs) var(--ease-out) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: 0.3px !important;
}
.user-registration-Button.ur-submit-button:hover,
[data-field="login-button"] button:hover,
[data-field="register-button"] button:hover,
.ur-reset-password-btn:hover,
.user-registration-ResetPassword input[type="submit"]:hover {
  background: var(--color-secondary) !important;
  transform: var(--transform-hover-y-sm) !important;
  box-shadow: 0 14px 32px rgba(24,102,238,.50) !important;
}

/* ── 14. MENSAGENS ERRO / SUCESSO ───────────────────────────── */

.user-registration-message-container { margin-bottom: var(--sz-md) !important; }
.ur-frontend-form .woocommerce-error,
.ur-frontend-form ul.woocommerce-error {
  background: rgba(219,19,42,.14) !important;
  border: 1px solid rgba(219,19,42,.30) !important;
  border-radius: var(--rd-md) !important;
  padding: var(--sz-sm) var(--sz-md) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--fs-xs) !important;
  color: #ff8585 !important;
  list-style: none !important;
  margin-bottom: var(--sz-md) !important;
}
.ur-frontend-form .woocommerce-message {
  background: rgba(16,185,129,.12) !important;
  border: 1px solid rgba(16,185,129,.25) !important;
  border-radius: var(--rd-md) !important;
  padding: var(--sz-sm) var(--sz-md) !important;
  font-family: var(--font-ui) !important;
  font-size: var(--fs-xs) !important;
  color: #6ee7b7 !important;
}

/* ── 15. DIVISOR ─────────────────────────────────────────────── */

.auth-divisor {
  display: flex;
  align-items: center;
  gap: var(--sz-md);
  margin: var(--sz-xs) 0 var(--sz-sm);
}
.auth-divisor::before,
.auth-divisor::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,.14);
}
.auth-divisor__text {
  font-family: var(--font-ui);
  font-size: var(--fs-xs);
  font-weight: var(--fw-medium);
  color: rgba(255,255,255,.38);
  white-space: nowrap;
}

/* ── 16. BOTÃO GOOGLE ───────────────────────────────────────── */

.nsl-container,
.nsl-container-block { margin: 0 !important; padding: 0 !important; }
.nsl-container .nsl-button-google {
  width: 100% !important;
  height: 52px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: var(--rd-md) !important;
  background: rgba(255,255,255,.07) !important;
  transition:
    background var(--speed-sm) var(--ease-out),
    border-color var(--speed-sm) var(--ease-out) !important;
}
.nsl-container .nsl-button-google:hover {
  background: rgba(255,255,255,.13) !important;
  border-color: rgba(255,255,255,.28) !important;
}
.nsl-container .nsl-button-google .nsl-button-label-container {
  font-family: var(--font-ui) !important;
  font-size: var(--fs-sm) !important;
  font-weight: var(--fw-semibold) !important;
  color: var(--color-white) !important;
}

/* ── 17. RESPONSIVIDADE BASE ─────────────────────────────────── */

/* Plasma / 4K (≥ 1440px) */
@media (min-width: 1440px) {
  .auth-form-card { max-width: 520px !important; padding: 52px 44px !important; }
}

/* Laptop (992–1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .auth-form-card { padding: 36px 30px !important; }
}

/* Tablet (768–991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .auth-form-card { max-width: 440px !important; padding: 36px 28px !important; }
  .auth-ctn-main { padding: 40px 20px !important; }
}

/* Mobile (< 768px) */
@media (max-width: 767px) {
  .auth-ctn-main { padding: 20px 16px !important; align-items: stretch !important; }
  .auth-form-card {
    max-width: 100% !important;
    padding: 28px 20px !important;
    border-radius: 16px !important;
  }
  .user-registration-Input,
  .ur-frontend-form input[type="text"],
  .ur-frontend-form input[type="email"],
  .ur-frontend-form input[type="password"],
  .ur-frontend-form input[type="tel"] {
    height: 54px !important;
    font-size: var(--fs-md) !important;
  }
  .user-registration-Button.ur-submit-button,
  [data-field="login-button"] button,
  [data-field="register-button"] button,
  .ur-reset-password-btn,
  .user-registration-ResetPassword input[type="submit"] {
    height: 56px !important;
  }
  .nsl-container .nsl-button-google { height: 54px !important; }
}

/* ── CARD CENTRADO — form curto ──────────────────────────────── */

.auth-form-card {
  text-align: center !important;
}

/* ── ÍCONE 🔑 ────────────────────────────────────────────────── */

.reset-icon-wrap {
  width: 68px;
  height: 68px;
  background: rgba(58,206,250,.10);
  border: 1px solid rgba(58,206,250,.18);
  border-radius: var(--rd-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin: 0 auto var(--sz-lg);
  box-shadow: 0 8px 24px rgba(58,206,250,.08);
}

/* ── TÍTULOS CENTRALIZADOS ───────────────────────────────────── */

.auth-eyebrow,
.auth-eyebrow .elementor-heading-title {
  text-align: center !important;
}
.auth-title,
.auth-title .elementor-heading-title {
  text-align: center !important;
}
.auth-sub,
.auth-sub p {
  text-align: center !important;
  max-width: 360px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── INPUT COM ÍCONE EMAIL ───────────────────────────────────── */

.ur-input-with-icon {
  position: relative !important;
}
.ur-input-with-icon .input-icon {
  position: absolute !important;
  left: var(--sz-md) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  color: rgba(255,255,255,.38) !important;
}
.ur-input-with-icon input {
  padding-left: 44px !important;
  text-align: left !important;
}

/* Labels e inputs alinhados à esquerda mesmo com card centrado */
.user-registration-form-row label {
  text-align: left !important;
  display: block !important;
}
.ur-frontend-form input[type="text"],
.ur-frontend-form input[type="email"] {
  text-align: left !important;
}

/* ── LINKS DE RETORNO (Widget HTML — classe .reset-links) ─────── */

.reset-links {
  display: flex;
  flex-direction: column;
  gap: var(--sz-xs);
  text-align: center;
  margin-top: var(--sz-md);
}
.reset-links__item {
  font-family: var(--font-ui);
  font-size: var(--fs-xs);
  color: rgba(255,255,255,.40);
  text-decoration: none;
  transition: color var(--speed-xs) var(--ease-out);
}
.reset-links__item span {
  color: var(--color-accent);
  font-weight: var(--fw-semibold);
}
.reset-links__item:hover span { text-decoration: underline; }

/* ── MOBILE ──────────────────────────────────────────────────── */

@media (max-width: 767px) {
  .reset-icon-wrap {
    width: 56px;
    height: 56px;
    font-size: 22px;
  }
}/* End custom CSS */