:root {
    --primary-color: #0d6efd;
    --bg-app: #e9ecef; /* Un gris más oscuro para el fondo de la "mesa" */
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: var(--bg-app); /* Fondo gris detrás de la hoja */
    color: #333;
}

/* EFECTO HOJA DE PAPEL */
.cv-paper {
    max-width: 1000px; /* Ancho máximo similar a un documento */
    background-color: white;
    margin-top: 20px;
    margin-bottom: 20px;
    /* La sombra ya viene con la clase shadow-lg de Bootstrap en el HTML */
}

/* Ajustes de la foto de perfil */
.foto-perfil {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border: 3px solid var(--primary-color); /* Borde más sutil */
    border-radius: 50%; /* Círculo */
    padding: 3px;
    background-color: white;
}

/* Imágenes pequeñas de la lista de proyectos */
.project-thumb {
    width: 100%;
    height: 100px;
    object-fit: cover; /* Para que no se deformen */
    border: 1px solid #dee2e6;
}

/* Estilos de impresión: Cuando impriman (Ctrl+P), oculta botones y quita fondos grises */
@media print {
    body {
        background-color: white;
    }
    .navbar, .btn, footer {
        display: none !important;
    }
    .cv-paper {
        box-shadow: none !important;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }
}