@charset "utf-8";
/* Tabla.css */
body {
    display: flex;
    flex-direction: column; /* Organiza los elementos en columna */
    align-items: flex-start; /* Centra horizontalmente el contenido */
    margin: 0; /* Elimina margen por defecto */
}

header {
    margin-bottom: 20px; /* Espacio entre el encabezado y las imágenes */
}

footer {
    margin-top: 20px; /* Espacio entre las imágenes y el pie de página */
}

.tabla-imagenes {
    display: grid; /* Utiliza grid para crear la tabla */
    grid-template-columns: repeat(2, 1fr); /* Dos columnas */
    gap: 1cm; /* Espacio de 3 cm entre las celdas */
    justify-content: center; /* Centra el contenido en el contenedor */
}

.celda {
    display: flex; /* Habilita flexbox en cada celda */
    justify-content: center; /* Centra la imagen horizontalmente */
    align-items: center; /* Centra la imagen verticalmente */
}

.celda img {
    max-width: 40%; /* Asegura que la imagen no exceda el ancho de la celda */
    height: auto; /* Mantiene la proporción de la imagen */
}