/* 1. Declaración de fuente optimizada */
@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('../fonts/UbuntuCondensed-Regular.ttf') format('truetype');
    font-display: swap; /* Evita que el texto desaparezca mientras carga */
}

/* 2. Estilos exclusivos para impresión */
@media print {
    /* Corrección del selector body y unificación de tipografía */
    body, 
    .perfil .conten {
        font-family: 'Ubuntu Condensed', sans-serif;
    }

    /* Optimización de estructura de tarjeta */
    .card {
        width: 100%;
    }

    /* Simplificación de márgenes a valor cero puro */
    .card h3 {
        margin: 0;
        padding: 0;
    }
    
    .perfil {
        display: flex;
        flex-direction: column; /* Alinea la foto y el texto en vertical */
        align-items: center;    /* Centra ambos elementos horizontalmente */
        text-align: center;
        width: 100%;
    }

    /* Corrección del centrado de la foto */
    .perfil .photo {
        display: block;         /* Rompe el comportamiento inline para permitir el centrado */
        width: 90px;
        height: auto;           /* Mantiene la proporción de la imagen sin deformarla */
        margin: 0 auto 10px auto; /* Centra y añade un margen inferior de separación */
    }

    /* Contenedor del texto (Unificado con la tipografía) */
    .perfil .conten {
        font-family: 'Ubuntu Condensed', sans-serif;
    }
    
    /* Limpieza del subtítulo/ID */
    .perfil .conten .time {
        display: block;         /* Hace que el ID baje a una nueva línea */
        font-size: 14px;
        margin-top: 4px;
    }

    /* Mejora de legibilidad y accesibilidad para texto preformateado */
    .notas pre {
        font-size: 18px;
        font-weight: 700; /* 900 suele ser excesivo para fuentes condensed en impresión */
        white-space: pre-wrap; /* Evita que el texto largo se desborde del papel */
    }
}