/* === public/assets/css/Layout/grid.css === */

/* Contenedor principal para centrar contenido y dar márgenes */
.container {
    width: 90%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Sistema de Grid Responsivo Automático */
/* Crea columnas que se ajustan solas. Mínimo 300px de ancho, si no caben, bajan */
.grid-responsive {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    width: 100%;
}

/* Utilidad para secciones con padding estándar */
.section-padding {
    padding-top: 4rem;
    padding-bottom: 4rem;
}