/**
 * Layout de Dos Columnas - Contenido 74% + Sidebar
 * 
 * @package Grupo_Mexico
 */

/* Layout principal de dos columnas */
.two-column-layout {
    display: grid;
    grid-template-columns: var(--layout-main-width) var(--layout-sidebar-width);
    gap: var(--layout-gap);
    align-items: start;
}

/* Contenido principal */
.layout-main {
    min-width: 0; /* Permite que el contenido se ajuste correctamente */
}

/* Sidebar */
.layout-sidebar {
    min-width: 0; /* Permite que el contenido se ajuste correctamente */
}

/* Responsive Design */
@media (max-width: 1024px) {
    .two-column-layout {
        grid-template-columns: 1fr;
        gap: var(--padding-md);
    }
    
    .layout-sidebar {
        order: 1; /* Sidebar aparece al final en móvil */
    }
}

@media (max-width: 767px) {
    .two-column-layout {
        gap: var(--padding-sm);
    }
}