/* RESPONSIVE PARA SIMPLY GALLERY */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .header-grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: auto auto;
        gap: 1.2rem;
    }
    
    .header-col:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 2; }
    .header-col:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
    .header-col:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 2; }
    .header-col:nth-child(4) { grid-column: 1 / 2; grid-row: 2 / 3; }
    .header-col:nth-child(5) { grid-column: 2 / 3; grid-row: 2 / 3; }
    .header-col:nth-child(6) { grid-column: 3 / 4; grid-row: 2 / 3; }
    
    .simply-gallery-container {
        margin-top: 120px;
    }
    
    .pgc-gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
        gap: 15px !important;
    }
}

/* Móvil (≤ 768px) */
@media (max-width: 768px) {
    :root {
        --gutter: 1rem;
    }
    
    .fixed-header {
        padding: 1rem 0.8rem;
        position: relative;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: white;
    }
    
    .header-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, auto);
        gap: 0.8rem;
    }
    
    .header-col {
        grid-column: 1 / 2 !important;
        justify-content: flex-start;
        padding: 0.4rem 0;
    }
    
    .header-col:nth-child(1) { 
        grid-row: 1 / 2; 
        font-size: 1.1rem !important;
        font-weight: 700 !important;
    }
    .header-col:nth-child(2) { display: none; }
    .header-col:nth-child(3) { display: none; }
    .header-col:nth-child(4) { 
        grid-row: 2 / 3; 
        font-size: 1rem !important;
        font-weight: 400 !important;
    }
    .header-col:nth-child(5) { 
        grid-row: 3 / 4; 
        font-size: 1rem !important;
        font-weight: 400 !important;
    }
    .header-col:nth-child(6) { 
        grid-row: 4 / 5; 
        font-size: 1rem !important;
        font-weight: 400 !important;
    }
    
    .simply-gallery-container {
        margin-top: 0;
        padding: 0 10px;
    }
    
    .pgc-gallery-grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
        gap: 8px !important;
    }
    
    .pgc-gallery-item img {
        min-height: 120px !important;
        max-height: 200px !important;
    }
}

/* Ajustes para preferencias de movimiento reducido */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    body {
        opacity: 1 !important;
    }
    
    .pgc-gallery-item:hover {
        transform: none !important;
    }
    
    .pgc-gallery-item:hover img {
        transform: none !important;
    }
}