.contenedor, .contenedor2 {
    display: flex;
    justify-content: center;
    gap: 15px; /* Espacio entre los cuadros */
    flex-wrap: wrap;
    margin-top: 20px;
}

.cuadro {
    width: 180px; /* Tamaño compacto */
    height: 280px; /* Altura fija para mejor alineación */
    background: white;
    color: #000;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 15px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    /* Alineación de contenido */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .cuadro:hover {
        transform: scale(1.05);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    }

.titulo {
    font-size: 18px; /* Aumento de tamaño */
    color: #333;
    font-weight: bold;
}

.valor {
    font-size: 24px; /* Más grande para resaltar */
    color: #004080;
    font-weight: bold;
    margin-top: 5px;
}

.card-contenido { /*Para evitar que se sobreponga sobre el header al hacer scroll*/
    position: relative;
    z-index: 10;
}

.card-body {
    position: relative;
    z-index: 9;
}

h2 {
    margin-top: 2rem;
}

h5 {
    display: flex;
    justify-content: center;
    margin: 30px;
}

#fondo {
    background-color: #F4F4F4 !important;
}

#tblProyectos tbody td {
    font-size: 14px;
    color: #000; /* negro */
}

/* Encabezados (opcional, por si también quieres igualarlos) */
#tblProyectos thead th {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}