/* ==========================================================================
   "Mi perfil": la foto, la firma y el sello del profesional.

   LAS TRES EN EL MISMO MARCO Y DEL MISMO ALTO. Son cosas muy distintas -- un
   retrato es cuadrado, una firma es una tira ancha y baja-- y si cada tarjeta
   se ajustara a su imagen, las tres columnas quedarian de alturas distintas y
   la fila se leeria como un error de maquetacion.

   FONDO A CUADROS. Casi todas las firmas y sellos utiles llegan en PNG con
   fondo transparente. Sobre blanco no se distingue un PNG transparente de uno
   con fondo blanco pegado, y esa diferencia importa: el que trae fondo blanco
   tapa el texto de la receta cuando se imprime encima. Con los cuadros se ve.
   ========================================================================== */

.kr-perfil-marco {
    display: grid;
    place-items: center;
    height: 132px;
    padding: .5rem;
    border: 1px solid var(--kctp-borde, #ebe1e4);
    border-radius: 10px;
    overflow: hidden;

    /* Los cuadros del "esto es transparente". */
    background-color: #fff;
    background-image:
        linear-gradient(45deg, #f1ecee 25%, transparent 25%, transparent 75%, #f1ecee 75%),
        linear-gradient(45deg, #f1ecee 25%, transparent 25%, transparent 75%, #f1ecee 75%);
    background-size: 14px 14px;
    background-position: 0 0, 7px 7px;
}

.kr-perfil-marco img {
    max-width: 100%;
    max-height: 116px;
    /* contain: una firma estirada deja de parecerse a la firma de nadie. */
    object-fit: contain;
    display: block;
}

.kr-perfil-vacio {
    display: grid;
    justify-items: center;
    gap: .3rem;
    color: var(--kctp-tenue-2, #a9989f);
    font-size: .8rem;
}
.kr-perfil-vacio i { font-size: 1.6rem; }