body {
             font-family: 'Fira Code', monospace;
            background-color: #f1f1f1; /* Color de fondo gris muy claro */
        }
        
        /* Estilo para las secciones que aparecerán con una animación de fade-in */
        .fade-in-section {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .fade-in-section.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        /* Estilos para la galería modal */
        #gallery-modal {
            transition: opacity 0.3s ease;
        }
        #image-grid img {
            transition: transform 0.2s ease-in-out;
        }
        #image-grid img:hover {
            transform: scale(1.05);
        }