/* LIDERPOL · Recuperación de contraseña · Estilos encapsulados */
#lpRecuperarModal {
  width: min(94vw, 610px) !important;
  max-width: 610px !important;
  max-height: min(90dvh, 800px) !important;
  overflow: auto !important;
  padding: 0 !important;
  border: 2px solid #edbc3d !important;
  border-radius: 20px !important;
  background: #f7faf9 !important;
  color: #17243a !important;
  box-shadow: 0 32px 100px #000b !important;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}
#lpRecuperarModal::backdrop { background: rgba(0,21,14,.79); }
#lpRecuperarModal *, #lpRecuperarModal *::before, #lpRecuperarModal *::after { box-sizing: border-box; }
#lpRecuperarModal .lpr-head {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 15px 23px; background: linear-gradient(110deg,#003625,#0b684b);
  color: white;
}
#lpRecuperarModal .lpr-brand { font-weight: 800; letter-spacing: .08em; color:#f7ce53; font-size: 13px; }
#lpRecuperarModal .lpr-head strong { display: block; font-size: 20px; margin-top: 2px; }
#lpRecuperarModal .lpr-cerrar {
  color: white; background: transparent; border: 1px solid #a1c3b5; cursor:pointer;
  font: 700 27px/1 sans-serif; width: 42px; height: 42px; border-radius: 11px;
}
#lpRecuperarModal .lpr-body { padding: clamp(23px, 5vw, 42px); }
#lpRecuperarModal .lpr-symbol {
  background: #e6f4ed; color: #075d3b; border-radius: 13px;
  width: 56px; height: 56px; display: grid; place-items: center; margin-bottom: 19px;
  font-size: 28px;
}
#lpRecuperarModal h2 { font-size: clamp(26px, 5.5vw, 38px); line-height:1.12; margin:0 0 12px; font-weight: 850; letter-spacing: -.035em; color: #152238; }
#lpRecuperarModal .lpr-lead { font-size: 16px; line-height: 1.6; color: #50647a; margin: 0 0 29px; }
#lpRecuperarModal label[for="lprCorreo"] { font-weight: 750; display:block; margin: 0 0 10px; font-size:15px; }
#lpRecuperarModal .lpr-input-wrap { display: flex; align-items: center; gap: 12px; border: 1.5px solid #c8d9e3; background: white; border-radius: 11px; padding: 0 16px; }
#lpRecuperarModal .lpr-input-wrap:focus-within { border-color: #cf9e0c; box-shadow: 0 0 0 3px #f7cf5370; }
#lpRecuperarModal .lpr-input-wrap svg { flex: none; color: #527260; }
#lpRecuperarModal #lprCorreo { font: inherit; color: #152238; width: 100%; height: 55px; outline: none; padding: 0; border: 0; background: transparent; min-width:0; }
#lpRecuperarModal #lprCorreo::placeholder { color: #8493a2; }
#lpRecuperarModal .lpr-help { margin: 14px 0 26px; color: #52647a; font-size: 14px; line-height:1.55; }
#lpRecuperarModal .lpr-submit { display:flex; gap: 12px; justify-content:center; align-items:center; cursor: pointer; width:100%; border:0; border-radius:11px; min-height:56px; background: linear-gradient(110deg, #ffda6b,#f1b832); color:#112135; font: 800 15px/1.3 system-ui,sans-serif; padding: 14px; }
#lpRecuperarModal .lpr-submit:hover { filter: brightness(1.035); }
#lpRecuperarModal .lpr-submit:disabled { opacity:.65; cursor:wait; }
#lpRecuperarModal .lpr-back { display:flex; margin:25px auto 0; background:none; border:0; color:#0a5a3d; font:700 14px system-ui,sans-serif; cursor:pointer; align-items:center; gap:7px; }
#lpRecuperarModal .lpr-status { min-height:0; font-size:14px; font-weight:600; margin: 16px 0 0; line-height: 1.55; }
#lpRecuperarModal .lpr-status:empty { display:none; }
#lpRecuperarModal .lpr-status[data-type="ok"] { color:#075e3a; background:#e5f5ea; border:1px solid #b8dec7; padding:12px; border-radius:10px; }
#lpRecuperarModal .lpr-status[data-type="error"] { color:#9d2130; background:#fff0f1; border:1px solid #f0c8cf; padding:12px; border-radius:10px; }
#lpRecuperarModal :focus-visible { outline: 3px solid #eab63e; outline-offset: 3px; }
@media(max-width:600px) {
  #lpRecuperarModal .lpr-head { padding: 12px 16px; }
  #lpRecuperarModal .lpr-body { padding: 25px 21px 27px; }
  #lpRecuperarModal .lpr-head strong { font-size: 17px; }
}