/* inicio: assets/css/main-m.css v.0.0.12 */
/* inicio: assets/css/main-m.css v.0.0.12 */
/* Reset básico */
* { box-sizing: border-box; }
body { margin: 0; padding: 0;}
/* Estructura General */
.container { width: 97%; max-width: 1400px; margin: 0 auto; }
.site-header { background: #f4f4f4; padding: 20px 0; border-bottom: 1px solid #ddd; }
.site-main { padding: 40px 0; min-height: 60vh; }
.site-footer { background: #222; color: #fff; padding: 20px 0; text-align: center; margin-top: 40px; }
/* Grid Responsivo - ADS Scroll Natural (sin sticky, sin barras rojas) */
@media (max-width: 1400px) { .container { display: grid; grid-template-areas: "main" "aside" "footer"; gap: 20px; } .main-wrapper { grid-area: main; } .sidebar { grid-area: aside; width: 100%; } .site-footer { grid-area: footer; } }
@media (min-width: 1401px) { .container { display: grid; grid-template-columns: 1fr 300px; grid-template-areas: "main aside" "footer footer"; gap: 26px; } .main-wrapper { grid-area: main; } .sidebar { grid-area: aside; width: 300px; } .site-footer { grid-area: footer; } }
/* Componentes - Vacíos para personalización futura */
.card {}
.widget {}
.badge {}
/* fin: assets/css/main-m.css v.0.0.12 */