:root{
    --color-general: #EDF7F6;
    --texto-principal: #2c3e50;    
    --color-acento: #3498db;       
    --blanco-bloque: #FFFFFF;
}

body{
    background-color: var(--color-general);
    color: var(--texto-principal);
    margin: 0;
}

.contenedor-principal {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}