.elementor-8735 .elementor-element.elementor-element-2cb8209{--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;}.elementor-8735 .elementor-element.elementor-element-7b42a5d{--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;}.elementor-8735 .elementor-element.elementor-element-13e42d5{--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;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-8735 .elementor-element.elementor-element-8410e46 .elementor-field-group{margin-bottom:10px;}.elementor-8735 .elementor-element.elementor-element-8410e46 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-8735 .elementor-element.elementor-element-8410e46 .elementor-field-group > label{padding-bottom:0px;}.elementor-8735 .elementor-element.elementor-element-8410e46 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8735 .elementor-element.elementor-element-8410e46 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}@media(max-width:1024px){.elementor-8735 .elementor-element.elementor-element-7b42a5d{--min-height:150px;}.elementor-widget-login .elementor-form-fields-wrapper label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-login .elementor-login__logged-in-message{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-login .elementor-form-fields-wrapper label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-login .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-login .elementor-login__logged-in-message{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-f47c835 *//* =========================================
   PRIMUS — Hide native WP login (header)
   Only on Realtor Login page
   ========================================= */
body.page-id-0 .login,
body.page-id-0 #loginform,
body.page-id-0 .woocommerce-form-login,
body.page-id-0 form#loginform,
body.page-id-0 .um-login,
body.page-id-0 .wppb-user-forms,
body.page-id-0 .tml-login,
body.page-id-0 .nsl-container,
body.page-id-0 .pp-login-form,
body.page-id-0 .elementor-widget-login,
body.page-id-0 .elementor-login,
body.page-id-0 .wp-block-loginout,
body.page-id-0 .wp-block-login,
body.page-id-0 .login-form,
body.page-id-0 .header-login,
body.page-id-0 .account-login{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
/* PRIMUS — Hide native WP / theme login
   Only on Realtor Login page */
.login,
#loginform,
form#loginform,
.woocommerce-form-login,
.elementor-widget-login,
.elementor-login,
.wp-block-loginout,
.wp-block-login,
.login-form,
.header-login,
.account-login,
.um-login,
.wppb-user-forms,
.tml-login,
.pp-login-form,
.nsl-container{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* ===============================
   PRIMUS — Realtor Login (Luxury UI)
   Scope: ONLY /realtor-login/
   =============================== */

/* 1) Solo en la página de login (WordPress suele poner body con clase .page-id-XXXX
   Si no sabes el ID, usamos .elementor-8735 .elementor-element.elementor-element-f47c835 por URL con body y el formulario */
body.page-id-8735, /* <- si 8735 es tu Realtor Login, perfecto */
body.page-id-8735 .elementor-section-wrap,
body.page-id-8735 .elementor{
  background: #050507 !important;
}

/* Si tu page-id NO es 8735, no pasa nada:
   el resto del CSS apunta al contenedor del shortcode por el H2 del snippet */
body.page-id-8735{
  background: #050507 !important;
}

/* 2) Ajuste general del área */
body.page-id-8735 .elementor-container,
body.page-id-8735 .elementor-widget-wrap{
  width: 100% !important;
}

/* 3) Contenedor del login (detectamos el bloque por el H2 “PRIMUS Realtor Access”) */
body.page-id-8735 h2{
  text-align:center !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 900 !important;
  color: #e6b770 !important;
  margin-bottom: 8px !important;
}

body.page-id-8735 h2 + div{
  text-align:center !important;
  color: rgba(230,183,112,.75) !important;
}

/* 4) Tarjeta premium alrededor del form */
body.page-id-8735 form{
  max-width: 560px !important;
  margin: 18px auto 0 !important;
  padding: 22px 18px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(230,183,112,.22) !important;
  background:
    radial-gradient(900px 420px at 14% 0%, rgba(230,183,112,.12), transparent 60%),
    radial-gradient(900px 420px at 88% 18%, rgba(230,183,112,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
  box-shadow: 0 26px 90px rgba(0,0,0,.55) !important;
}

/* 5) Labels */
body.page-id-8735 label{
  color: rgba(230,183,112,.95) !important;
  font-weight: 800 !important;
  letter-spacing: .02em;
}

/* 6) Inputs premium */
body.page-id-8735 input[type="text"],
body.page-id-8735 input[type="password"]{
  width: 100% !important;
  padding: 14px 16px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(230,183,112,.22) !important;
  background: rgba(0,0,0,.28) !important;
  color: #e9e9ea !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

body.page-id-8735 input::placeholder{
  color: rgba(233,233,234,.55) !important;
}

body.page-id-8735 input:focus{
  border-color: rgba(230,183,112,.42) !important;
  box-shadow:
    0 0 0 4px rgba(230,183,112,.12),
    inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

/* 7) Botón gold metálico */
body.page-id-8735 button[type="submit"]{
  width: 100% !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(230,183,112,.35) !important;
  background: linear-gradient(135deg, rgba(230,183,112,.95), rgba(243,215,163,.72)) !important;
  color: #0b0b0d !important;
  font-weight: 900 !important;
  letter-spacing: .02em;
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease;
}

body.page-id-8735 button[type="submit"]:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
}

/* 8) Caja de error elegante */
body.page-id-8735 [style*="rgba(255,80,80"]{
  border-radius: 16px !important;
  font-weight: 700 !important;
  color: #ffd1d1 !important;
  background: rgba(255,80,80,.10) !important;
  border-color: rgba(255,80,80,.30) !important;
}

/* 9) Nota del password temporal */
body.page-id-8735 div[style*="Temporary password"]{
  color: rgba(230,183,112,.68) !important;
}

/* 10) Mobile spacing */
@media (max-width: 768px){
  body.page-id-8735 form{
    padding: 18px 14px !important;
    border-radius: 20px !important;
  }
  body.page-id-8735 h2{
    font-size: 22px !important;
  }
}

/* 11) Opcional: limpia bloques del theme en esta página si estorban (newsletter/footer widgets)
   Si quieres conservarlos, borra esta parte */
body.page-id-8735 .elementor-location-footer,
body.page-id-8735 footer,
body.page-id-8735 .newsletter,
body.page-id-8735 [class*="newsletter"]{
  display: none !important;
}
/* =========================================================
   PRIMUS — Realtor Login: Crystal Black Inputs + Gold Luxury CTA
   Scope: ONLY Realtor Login page
   ========================================================= */

body.page-id-8735{
  background:#050507 !important;
}

/* ---------- Inputs: Crystal black glass + elegant gold border ---------- */
body.page-id-8735 input[type="text"],
body.page-id-8735 input[type="password"]{
  background: rgba(8,8,10,.58) !important;                 /* crystal black */
  color: rgba(245,245,248,.92) !important;
  border: 1px solid rgba(230,183,112,.34) !important;      /* gold edge */
  border-radius: 18px !important;
  padding: 16px 18px !important;

  /* glass feel */
  backdrop-filter: blur(10px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.25) !important;

  /* premium depth */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(0,0,0,.35),
    0 14px 40px rgba(0,0,0,.45) !important;

  outline: none !important;
}

/* Placeholder */
body.page-id-8735 input::placeholder{
  color: rgba(245,245,248,.45) !important;
}

/* Focus: gold glow */
body.page-id-8735 input[type="text"]:focus,
body.page-id-8735 input[type="password"]:focus{
  border-color: rgba(230,183,112,.70) !important;
  box-shadow:
    0 0 0 5px rgba(230,183,112,.14),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 18px 60px rgba(0,0,0,.55) !important;
}

/* ---------- Labels: gold refined ---------- */
body.page-id-8735 label{
  color: rgba(230,183,112,.92) !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

/* ---------- Button: Metallic gold + shine invitation ---------- */
body.page-id-8735 button[type="submit"]{
  position: relative !important;
  overflow: hidden !important;

  border-radius: 20px !important;
  padding: 16px 18px !important;
  border: 1px solid rgba(230,183,112,.55) !important;

  color: #0b0b0d !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;

  /* metallic gold */
  background:
    linear-gradient(135deg,
      rgba(230,183,112,.98) 0%,
      rgba(252,229,184,.86) 28%,
      rgba(214,162,78,.92) 55%,
      rgba(248,223,170,.86) 78%,
      rgba(230,183,112,.98) 100%) !important;

  box-shadow:
    0 22px 60px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -10px 24px rgba(0,0,0,.18) !important;

  cursor: pointer !important;
  transform: translateZ(0) !important;
  transition: transform .16s ease, filter .16s ease, box-shadow .16s ease !important;
}

/* Sheen overlay (moving shine) */
body.page-id-8735 button[type="submit"]::before{
  content:"" !important;
  position:absolute !important;
  top:-40% !important;
  left:-60% !important;
  width:55% !important;
  height:180% !important;

  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,.28) 35%,
    rgba(255,255,255,.06) 55%,
    transparent 100%) !important;

  transform: rotate(18deg) translateX(-20%) !important;
  opacity: .0 !important;
  transition: opacity .2s ease !important;
  pointer-events:none !important;
}

/* Hover: lift + brighter + shine */
body.page-id-8735 button[type="submit"]:hover{
  transform: translateY(-1px) !important;
  filter: brightness(1.05) saturate(1.05) !important;
  box-shadow:
    0 28px 75px rgba(0,0,0,.62),
    0 0 0 6px rgba(230,183,112,.12),
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -12px 28px rgba(0,0,0,.16) !important;
}
body.page-id-8735 button[type="submit"]:hover::before{
  opacity: 1 !important;
  animation: primusSheen 1.05s ease forwards !important;
}

/* Active (click) */
body.page-id-8735 button[type="submit"]:active{
  transform: translateY(0px) scale(.995) !important;
  filter: brightness(1.01) !important;
}

@keyframes primusSheen{
  0%   { transform: rotate(18deg) translateX(-40%); }
  100% { transform: rotate(18deg) translateX(240%); }
}

/* ---------- Optional: soften the card edges slightly (keeps your current look) ---------- */
body.page-id-8735 form{
  border: 1px solid rgba(230,183,112,.18) !important;
  box-shadow: 0 26px 90px rgba(0,0,0,.60) !important;
}

/* Mobile polish */
@media (max-width:768px){
  body.page-id-8735 button[type="submit"]{ padding: 15px 16px !important; }
  body.page-id-8735 input[type="text"],
  body.page-id-8735 input[type="password"]{ padding: 15px 16px !important; }
}
/* === PRIMUS SURGICAL OVERRIDE — FORCE DARK INPUTS === */
body input[style],
body textarea[style]{
  background: rgba(6,6,8,.65) !important;
  color: rgba(245,245,248,.95) !important;

  border: 1px solid rgba(230,183,112,.55) !important;
  border-radius: 18px !important;

  backdrop-filter: blur(12px) saturate(1.3) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.3) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(0,0,0,.35),
    0 16px 48px rgba(0,0,0,.55) !important;
}

/* Placeholder */
body input[style]::placeholder{
  color: rgba(245,245,248,.45) !important;
}
/* === PRIMUS: Kill Chrome/Safari autofill white fields (Realtor Login) === */
body.page-id-8735 input:-webkit-autofill,
body.page-id-8735 input:-webkit-autofill:hover,
body.page-id-8735 input:-webkit-autofill:focus,
body.page-id-8735 input:-webkit-autofill:active{
  -webkit-text-fill-color: #f5f5f5 !important;
  caret-color: #e6b770 !important;

  /* This is the real "paint" that overrides autofill background */
  -webkit-box-shadow: 0 0 0 1000px rgba(5,5,7,.92) inset !important;
  box-shadow: 0 0 0 1000px rgba(5,5,7,.92) inset !important;

  border: 1px solid rgba(230,183,112,.45) !important;
  border-radius: 18px !important;
  transition: background-color 9999s ease-in-out 0s !important;
}
/* ======================================
   PRIMUS — Enter Portal (Luxury Button)
   ====================================== */

.primus-enter-btn{
  background: linear-gradient(
    135deg,
    #f5d58a 0%,
    #e6b770 38%,
    #cfa24a 50%,
    #e6b770 62%,
    #f5d58a 100%
  );
  background-size: 200% 200%;
  color:#0b0b0d;
  font-weight:800;
  letter-spacing:.6px;

  box-shadow:
    0 12px 28px rgba(230,183,112,.35),
    inset 0 1px 0 rgba(255,255,255,.55);

  transition:
    background-position .6s ease,
    box-shadow .35s ease,
    transform .15s ease;
}

/* ✨ Hover: brillo metálico */
.primus-enter-btn:hover{
  background-position: 100% 0;
  box-shadow:
    0 16px 36px rgba(230,183,112,.55),
    inset 0 1px 0 rgba(255,255,255,.65);
}

/* 👆 Apple-style press */
.primus-enter-btn:active{
  transform: scale(.975);
  box-shadow:
    0 8px 18px rgba(230,183,112,.45),
    inset 0 2px 6px rgba(0,0,0,.25);
}
/* =========================================================
   PRIMUS Login — Apple-style Entrance Animation
   Scope: /realtor-login/ only
   ========================================================= */

body.page-id-8735{
  overflow-x:hidden;
}

/* Base: start hidden (only for animation targets) */
body.page-id-8735 h2,
body.page-id-8735 h2 + div,
body.page-id-8735 form,
body.page-id-8735 label,
body.page-id-8735 input,
body.page-id-8735 button[type="submit"]{
  opacity: 0;
  transform: translateY(10px);
}

/* Container: form card comes in first */
body.page-id-8735 form{
  animation: primusFadeUp .55s cubic-bezier(.2,.9,.2,1) .10s forwards;
}

/* Title + subtitle */
body.page-id-8735 h2{
  animation: primusFadeUp .55s cubic-bezier(.2,.9,.2,1) .04s forwards;
}
body.page-id-8735 h2 + div{
  animation: primusFadeUp .55s cubic-bezier(.2,.9,.2,1) .08s forwards;
}

/* Stagger inner elements */
body.page-id-8735 form label:nth-of-type(1){
  animation: primusFadeUp .45s cubic-bezier(.2,.9,.2,1) .18s forwards;
}
body.page-id-8735 form input[name="username"]{
  animation: primusFadeUp .45s cubic-bezier(.2,.9,.2,1) .22s forwards;
}

body.page-id-8735 form label:nth-of-type(2){
  animation: primusFadeUp .45s cubic-bezier(.2,.9,.2,1) .28s forwards;
}
body.page-id-8735 form input[name="password"]{
  animation: primusFadeUp .45s cubic-bezier(.2,.9,.2,1) .32s forwards;
}

body.page-id-8735 form button[type="submit"]{
  animation: primusFadeUp .50s cubic-bezier(.2,.9,.2,1) .40s forwards;
}

/* Subtle “settle” effect on the card */
body.page-id-8735 form{
  transform: translateY(14px) scale(.995);
}
body.page-id-8735 form{
  animation-name: primusCardIn;
  animation-duration: .60s;
  animation-timing-function: cubic-bezier(.2,.9,.2,1);
  animation-delay: .10s;
  animation-fill-mode: forwards;
}

/* Keyframes */
@keyframes primusFadeUp{
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes primusCardIn{
  0%{
    opacity: 0;
    transform: translateY(18px) scale(.992);
    filter: blur(2px);
  }
  100%{
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  body.page-id-8735 h2,
  body.page-id-8735 h2 + div,
  body.page-id-8735 form,
  body.page-id-8735 label,
  body.page-id-8735 input,
  body.page-id-8735 button[type="submit"]{
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}/* End custom CSS */