/* ---------- Acceso cliente: modales "Crear acceso cliente" y "Credenciales de acceso" ---------- */
.macceso{position:relative;max-width:660px;max-height:calc(100dvh - 40px);overflow:auto;text-align:left;padding:30px 32px 26px}
.macceso .mx{position:absolute;top:18px;right:18px;width:38px;height:38px;border:0;border-radius:50%;background:none;color:var(--navy);display:grid;place-items:center;cursor:pointer}
.macceso .mx:hover{background:var(--mint)}
.macceso .mx svg{width:22px;height:22px}
.mcab{display:flex;align-items:flex-start;gap:20px;padding-right:40px}
.mcab .mico{width:76px;height:76px;flex:none;border-radius:50%;background:var(--mint);color:var(--teal-d);display:grid;place-items:center}
.mcab .mico svg{width:36px;height:36px}
.macceso h3{font-size:clamp(21px,2vw,27px);margin-top:6px}
.macceso .mcab p{margin-top:6px;font-size:16px}
.msel{display:flex;align-items:center;gap:16px;margin-top:20px;padding:14px 16px;border-radius:14px;background:#eef6f5}
.msel .ri{width:46px;height:46px;flex:none;border-radius:12px;background:#d9ecea;color:var(--teal-d);display:grid;place-items:center}
.msel .ri svg{width:24px;height:24px}
.msel small{display:block;color:var(--navy);font-size:14px}
.msel b{display:block;color:var(--navy);font-family:Montserrat,sans-serif;font-size:19px;margin-top:2px}
.mdatos{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:14px 0 0}
.mdatos div{padding:10px 0;border-bottom:1px solid #e3eaee}
.mdatos .full{grid-column:1/-1}
.mdatos dt{font-size:14.5px;font-weight:700;color:var(--navy)}
.mdatos dd{margin:4px 0 0;font-size:16px;color:var(--ink);overflow-wrap:anywhere}
.mcred{margin-top:18px;padding:16px 18px;border-radius:14px;background:#f3f8fa}
.mcred h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--navy);font-family:Montserrat,sans-serif;font-size:17px}
.mcred h4 svg{width:24px;height:24px;color:var(--teal)}
.mcampos{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.mcampo label,.mcampo .metq{display:block;font-size:14.5px;font-weight:700;color:var(--navy);margin-bottom:6px}
.mvalor{display:flex;align-items:center;height:46px;border:1.5px solid #d4dde6;border-radius:10px;background:#fff;overflow:hidden}
.mvalor input{flex:1;min-width:0;height:100%;border:0;padding:0 12px;font:inherit;font-size:16.5px;color:var(--ink);background:none;font-variant-ligatures:none}
.mvalor input:focus{outline:none}
.mvalor:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(46,127,124,.15)}
.mvalor.oculto{padding:0 12px;color:var(--muted);letter-spacing:.18em;font-size:18px;background:#f7f9fa}
.mcopiar{width:44px;height:100%;flex:none;border:0;border-left:1px solid #e3eaee;background:none;color:var(--navy);display:grid;place-items:center;cursor:pointer}
.mcopiar:hover{background:var(--mint)}
.mcopiar svg{width:20px;height:20px}
.mcopiar.copiado{color:var(--teal);background:#e1f3ef}
.mnota{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#eaf3fb;color:#29506f;font-size:14.5px;line-height:1.45}
.macceso .mnota{font-size:14.5px;color:#29506f}
.mnota svg{width:22px;height:22px;flex:none;color:#1f6fbf}
.merr{margin:14px 0 0;padding:10px 14px;border-radius:10px;background:#fbe9e8;color:#a3302a;font-size:15px}
.macceso .merr{color:#a3302a;font-size:15px}
.macceso .mbtns{justify-content:flex-end;border-top:1px solid #e3eaee;padding-top:20px;margin-top:20px}
.macceso .mbtns .solid{display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 18px rgba(46,127,124,.25)}
.macceso .mbtns .solid:hover{background:var(--teal-d)}
.macceso .mbtns .solid[disabled]{opacity:.7;cursor:progress}
.macceso .mbtns .solid svg{width:20px;height:20px}
.macceso .mbtns .outline:hover{background:var(--mint)}
.ract.accion-credenciales,.ract.accion-acceso{color:#1f5fa0}
/* La ventana de confirmación (#modal) debe quedar por encima de estos modales */
.macceso-capa{z-index:90}
/* Restablecer contraseña */
.mreset{align-items:center}
.mreset span{flex:1}
.mrestablecer{display:inline-flex;align-items:center;gap:8px;flex:none;height:42px;padding:0 18px;border:1.5px solid var(--teal);border-radius:12px;background:#fff;color:var(--teal-d);font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.mrestablecer:hover{background:var(--mint)}
.mrestablecer[disabled]{opacity:.6;cursor:progress}
.mrestablecer svg{width:20px;height:20px;color:var(--teal-d)}
.mexito{display:flex;align-items:flex-start;gap:12px;margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#dcf1ea;color:#1d5b4f;font-size:14.5px;line-height:1.45}
.mexito[hidden]{display:none}
.mexito svg{width:24px;height:24px;flex:none;color:#1f7a6f}
.mexito b{display:block;color:#174d43;font-size:15.5px}
@media (max-width:640px){
  .macceso{padding:24px 18px 20px}
  .mcab{gap:14px}
  .mcab .mico{width:56px;height:56px}
  .mcab .mico svg{width:28px;height:28px}
  .mdatos,.mcampos{grid-template-columns:1fr}
  .macceso .mbtns button{flex:1;min-width:0}
  .mreset{flex-wrap:wrap}
  .mrestablecer{width:100%;justify-content:center}
}