/* ============ INARU · Página de login (widget Login de Elementor) ============ */
body.inaru-portal-page{background:#F2F3F7}
/* Oculta el título automático del tema (Hello, Astra, etc.) */
.inaru-portal-page .page-header,
.inaru-portal-page .entry-header,
.inaru-portal-page h1.entry-title{display:none !important}

.elementor-widget-login{
  --ink:#1A1A1A;--mut:#5E6168;--acc:#B8502F;
  --ln:rgba(26,26,26,.10);--ln-2:rgba(26,26,26,.18);
  width:100% !important;max-width:480px !important;margin-left:auto !important;margin-right:auto !important;
}
.elementor-widget-login,
.elementor-widget-login *{font-family:"Raleway",Helvetica,Arial,sans-serif !important;box-sizing:border-box}

/* Tarjeta */
.elementor-widget-login form.elementor-login, .elementor-widget-login .elementor-login__logged-in-message{
  position:relative;padding:40px 36px 30px !important;border-radius:28px !important;
  background:#fff !important;border:1px solid var(--ln) !important;
  box-shadow:0 30px 70px rgba(26,26,26,.08) !important;
}
.elementor-widget-login form.elementor-login{display:block !important;width:100% !important}
/* Etiqueta superior */
.elementor-widget-login form.elementor-login::before{
  content:"Client portal";
  display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;
  padding:8px 16px 8px 30px;border:1px solid var(--ln-2);border-radius:999px;
  font-size:13px;font-weight:600;line-height:1;color:var(--ink);
  background:radial-gradient(circle at 16px 50%, var(--acc) 3px, transparent 3.5px);
}
/* Sello inferior */
.elementor-widget-login form.elementor-login::after{
  content:none;
  display:block;margin-top:22px;padding-top:18px;border-top:1px solid var(--ln);
  font-size:12px;line-height:1.5;color:var(--mut);
}

/* Título inyectado */
.elementor-widget-login .inaru-login-head{margin:0 0 22px}
.elementor-widget-login .inaru-login-head h2{
  margin:0 0 8px !important;color:var(--ink) !important;
  font-size:30px !important;font-weight:500 !important;line-height:1.15 !important;letter-spacing:-.6px !important;
}
.elementor-widget-login .inaru-login-head p{margin:0 !important;color:var(--mut) !important;font-size:14.5px !important;line-height:1.6 !important}
.elementor-widget-login .inaru-login-head .inaru-login-alert{margin:16px 0 0}

/* Campos */
.elementor-widget-login .elementor-login .elementor-form-fields-wrapper{margin:0 !important}
.elementor-widget-login .elementor-login .elementor-field-group{padding:0 !important;margin:0 0 16px !important}
.elementor-widget-login .elementor-login .elementor-field-label,
.elementor-widget-login .elementor-login .elementor-field-group > label{
  display:block !important;margin:0 0 7px !important;padding:0 !important;
  font-size:13px !important;font-weight:600 !important;line-height:1.3 !important;color:var(--ink) !important;
}
.elementor-widget-login .elementor-login .elementor-field{
  width:100% !important;min-height:52px !important;padding:14px 16px !important;
  border-radius:14px !important;border:1px solid var(--ln-2) !important;background:#fff !important;
  color:var(--ink) !important;font-size:15px !important;line-height:1.4 !important;box-shadow:none !important;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.elementor-widget-login .elementor-login .elementor-field::placeholder{color:#9A9DA5 !important;opacity:1}
.elementor-widget-login .elementor-login .elementor-field:hover{border-color:rgba(26,26,26,.32) !important}
.elementor-widget-login .elementor-login .elementor-field:focus{
  outline:none !important;border-color:var(--ink) !important;box-shadow:0 0 0 4px rgba(26,26,26,.06) !important;
}

/* Recordarme */
.elementor-widget-login .elementor-login .elementor-remember-me label{
  display:inline-flex !important;align-items:center;gap:10px;margin:0 !important;cursor:pointer;
  font-size:13.5px !important;font-weight:500 !important;color:var(--mut) !important;
}
.elementor-widget-login .elementor-login .elementor-remember-me input[type=checkbox]{
  -webkit-appearance:none;appearance:none;width:18px;height:18px;margin:0;flex-shrink:0;
  border:1px solid var(--ln-2);border-radius:5px;background:#fff;cursor:pointer;
  transition:background .2s ease,border-color .2s ease;
}
.elementor-widget-login .elementor-login .elementor-remember-me input[type=checkbox]:checked{
  background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat;
  border-color:var(--ink);
}
.elementor-widget-login .elementor-login .elementor-remember-me input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* Botón */
.elementor-widget-login .elementor-login .elementor-field-type-submit{margin-top:6px !important}
.elementor-widget-login .elementor-login .elementor-button{
  width:100% !important;min-height:54px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  padding:17px 28px !important;border-radius:999px !important;
  border:1px solid var(--ink) !important;background:var(--ink) !important;color:#fff !important;
  font-size:12.5px !important;font-weight:600 !important;letter-spacing:.9px !important;
  text-transform:uppercase !important;line-height:1 !important;box-shadow:none !important;cursor:pointer;
  transition:background .3s ease,color .3s ease;
}
.elementor-widget-login .elementor-login .elementor-button *{color:inherit !important}
.elementor-widget-login .elementor-login .elementor-button-text::after{
  content:"";display:inline-block;width:15px;height:15px;margin-left:10px;vertical-align:-3px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:transform .3s ease;
}
.elementor-widget-login .elementor-login .elementor-button:hover{background:transparent !important;color:var(--ink) !important}
.elementor-widget-login .elementor-login .elementor-button:hover .elementor-button-text::after{transform:translateX(4px)}
.elementor-widget-login .elementor-login .elementor-button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* Olvidé mi contraseña */
.elementor-widget-login .elementor-login .elementor-lost-password,
.elementor-widget-login .elementor-login .elementor-register{
  display:inline-block;margin-top:2px;font-size:13px !important;font-weight:600 !important;
  color:var(--ink) !important;text-decoration:underline;text-underline-offset:3px;
}
.elementor-widget-login .elementor-login .elementor-field-group:has(.elementor-lost-password){text-align:center;margin-bottom:0 !important}

/* Mensaje "ya iniciaste sesión" (lo ven los administradores) */
.elementor-widget-login .elementor-login__logged-in-message{font-size:14.5px;line-height:1.6;color:var(--mut);text-align:center}
.elementor-widget-login .elementor-login__logged-in-message a{color:var(--ink);font-weight:600}

/* Aviso de error */
.inaru-login-alert{
  margin:0 0 18px;padding:13px 16px;border-radius:14px;
  border:1px solid rgba(26,26,26,.18);background:#F2F3F7;
  font-family:"Raleway",Helvetica,Arial,sans-serif;font-size:13.5px;line-height:1.5;color:#1A1A1A;
}
.inaru-login-alert.is-error{border-color:rgba(184,80,47,.45);background:rgba(184,80,47,.06);color:#B8502F}

/* Móvil */
@media(max-width:600px){
  .elementor-widget-login form.elementor-login, .elementor-widget-login .elementor-login__logged-in-message{padding:30px 20px 24px !important;border-radius:22px !important}
  .elementor-widget-login .elementor-login .elementor-field{font-size:16px !important} /* evita el zoom en iPhone */
}
