/* Campo de contraseña con botón "ojo" */
.pw{position:relative}
.pw input[type]{padding-right:46px}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:none;border-radius:8px;cursor:pointer;color:#6b7280;display:grid;place-items:center}
.pw-toggle:hover{background:#f4f6f9;color:#1f2a37}
.pw-toggle:focus-visible{outline:2px solid #0f9d7a}
.pw-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pw-toggle[aria-pressed="true"] .ic-eye{display:none}
.pw-toggle[aria-pressed="false"] .ic-off{display:none}

/* Aviso de Bloq Mayús */
.caps{display:none;margin-top:6px;font-size:12px;color:#b9730f}
.caps.on{display:block}

/* Medidor de fuerza */
.fuerza{margin-top:10px}
.fuerza .barra{height:6px;background:#e8ecf1;border-radius:6px;overflow:hidden}
.fuerza .barra span{display:block;height:100%;width:0;border-radius:6px;background:#e0b3ae;transition:width .2s,background .2s}
.fuerza[data-n="1"] .barra span,.fuerza[data-n="2"] .barra span{background:#e0645a}
.fuerza[data-n="3"] .barra span{background:#e8a33d}
.fuerza[data-n="4"] .barra span{background:#7cc47f}
.fuerza[data-n="5"] .barra span{background:#0f9d7a}
.fuerza .etq{display:block;margin-top:6px;font-size:12px;color:#6b7280;min-height:16px}
.reglas{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12px;color:#6b7280}
.reglas li::before{content:"\25CB";margin-right:6px}
.reglas li.ok{color:#0b7a5e}
.reglas li.ok::before{content:"\2713"}

/* Coincidencia de contraseñas */
.coincide{display:block;margin-top:6px;font-size:12px;min-height:16px}
.coincide.si{color:#0b7a5e}
.coincide.no{color:#c0392b}