/* Ojito para ver/ocultar la contraseña + medidor de seguridad (compartidos). */
.ojito-envoltura { position: relative; display: block; }
.ojito-envoltura > input { width: 100%; padding-right: 2.6rem; box-sizing: border-box; }
.ojito-boton {
    position: absolute; right: 0.35rem; top: 50%; transform: translateY(-50%);
    border: none; background: none; cursor: pointer; padding: 0.25rem 0.35rem;
    font-size: 1.05rem; line-height: 1; color: #64748b; border-radius: 6px;
}
.ojito-boton:hover { background: #f1f5f9; color: #0f172a; }

.cc-reglas { list-style: none; padding: 0; margin: 0.6rem 0; font-size: 0.9rem; }
.cc-reglas li { padding: 0.15rem 0; color: #64748b; }
.cc-reglas li.ok { color: #059669; }
.cc-reglas li::before { content: "○ "; }
.cc-reglas li.ok::before { content: "✓ "; font-weight: 700; }
.cc-barra { height: 8px; border-radius: 999px; background: #e2e8f0; overflow: hidden; margin: 0.5rem 0 0.25rem; }
.cc-barra > div { height: 100%; width: 0; transition: width .2s ease, background .2s ease; }
.cc-nivel { font-size: 0.85rem; font-weight: 700; margin: 0.1rem 0 0.4rem; }
.cc-sugerida { background: #f8fafc; border: 1px dashed #e2e8f0; border-radius: 10px;
    padding: 0.5rem 0.7rem; margin: 0.6rem 0; font-size: 0.9rem; }
.cc-sugerida code { font-size: 1rem; font-weight: 700; color: #047857; user-select: all; }
.cc-mini { font-size: 0.8rem; color: #64748b; margin: 0.2rem 0; }