/* =====================================================
   wwwroot/css/componentes/perfil-editar.css
   Estilos del marcado que vive en las parciales compartidas de "Editar mis
   datos": _PerfilFoto, _PerfilEnlaceInvitacion y _PerfilDatosCuenta.

   Van aquí y no en el .cshtml.css de cada vista porque el CSS con ámbito NO
   alcanza a una parcial: el atributo b-xxxxx que inyecta el aislamiento se
   aplica al marcado del archivo que tiene el .cshtml.css al lado, y el de la
   parcial no lo lleva. Dejarlos en las vistas habría dado dos copias que se
   desincronizan, que es justo lo que este refactor viene a quitar.

   El prefijo es .edu-perfil-editar__. Antes era .edu-perfil__ y se cambió porque
   el .cshtml.css del PERFIL PÚBLICO (Views/Perfil/Profesor.cshtml.css) usa ese
   mismo prefijo para lo suyo —__foto, __chip-titulo, __presentacion—. Hoy ningún
   nombre coincide y el aislamiento los mantiene separados, pero un componente
   GLOBAL y un archivo con ámbito compartiendo prefijo es una trampa esperando a
   que alguien repita un nombre. Cada uno con el suyo y no hay nada que vigilar.
   ===================================================== */

/* Rótulo de cada sección. Lo usan las tres parciales y también las dos vistas de
   "Editar mis datos" para rótulos propios —la tarjeta de carreras del alumno y la
   de la URL del profesor—, que por eso lo traen desde este componente y no desde
   su .cshtml.css: el mismo rótulo tiene que verse igual en toda la pantalla. */
.edu-perfil-editar__seccion-titulo {
    font-size: .75rem;
    letter-spacing: .08em;
}

/* La foto llega recortada en cuadrado desde el almacenamiento, pero no siempre:
   sin object-fit, una imagen alta se deforma dentro del círculo. */
.edu-perfil-editar__avatar {
    object-fit: cover;
}

/* El hueco cuando todavía no hay foto. Mismas medidas que la imagen para que la
   fila no dé un salto al subir la primera. */
.edu-perfil-editar__avatar-vacio {
    width: 90px;
    height: 90px;
}

    .edu-perfil-editar__avatar-vacio .bi {
        font-size: 2.5rem;
    }

/* Ancho acotado del desplegable de prefijo dentro del input-group del celular,
   para que no le robe espacio al número. */
.edu-perfil-editar__prefijo {
    max-width: 110px;
}