.cuenta-validacion {
    display: block;
    font-size: .85rem;
    line-height: 1.4;
    margin-top: .25rem;
    color: #667085;
}
.cuenta-validacion.cuenta-validacion--error {
    color: #b42318;
}
/* D2.1: aviso positivo, por ejemplo «Las contraseñas coinciden». */
.cuenta-validacion.cuenta-validacion--ok {
    color: #067647;
}
[data-validacion-cuenta] [aria-invalid="true"] {
    border-color: #b42318;
}
.cuenta-identidad summary {
    cursor: pointer;
    font-weight: 600;
}
/* D2.2: los campos usan las clases de la pantalla (perfil-field o
   input-group del portal); aquí solo se separan los dos formularios. */
.cuenta-identidad .cuenta-identidad__form {
    margin-top: 1rem;
    text-align: left;
}
.cuenta-identidad .cuenta-identidad__form + .cuenta-identidad__form {
    padding-top: 1rem;
    border-top: 1px solid #e4e7ec;
}

/* M5 C4a (punto 11): teléfono con bandera (js/telefono-internacional.js) en el
   registro, «Completar perfil» y el Perfil del portal; ocupa todo su campo y
   su lista de países queda por encima de los modales. */
.iti {
    display: block;
    width: 100%;
}

.iti--container {
    z-index: 99999 !important;
}