/* =========================================================
   García Recta Design — plegakit-gallery.css
   "Plegakit en cada espacio": galería editorial, NO grid de 3
   columnas iguales. Dos casos destacados a pantalla grande con
   composición distinta cada uno, seguidos de una grilla de
   escalas mixtas. Afecta solo estas secciones.
   ========================================================= */

.pk-casos { border-top: 1px solid var(--line); }
.pk-casos-head { padding: var(--section-y) 0 60px; text-align: center; }

/* ---------- Caso destacado 01: foto grande, texto lateral ---------- */
.pk-caso { position: relative; min-height: 86vh; display: flex; align-items: flex-end; overflow: hidden; }
.pk-caso img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pk-caso-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,10,10,.75) 0%, rgba(10,10,10,.15) 55%, transparent 80%); }
.pk-caso-text { position: relative; z-index: 2; padding: 0 var(--container-pad) 8vh; max-width: 480px; }
.pk-caso-num { font-family: var(--font-display); color: var(--red); font-size: 1rem; margin-bottom: 12px; display: block; }
.pk-caso-name { font-family: var(--font-display); font-weight: 600; font-size: clamp(2rem,5vw,3.4rem); color: #fff; line-height: 1.05; }

/* ---------- Caso destacado 02: composición invertida (foto a la derecha, texto a la izquierda) ---------- */
.pk-caso-alt { justify-content: flex-start; border-top: 1px solid var(--line); }
.pk-caso-alt .pk-caso-overlay { background: linear-gradient(270deg, rgba(10,10,10,.75) 0%, rgba(10,10,10,.15) 55%, transparent 80%); }
.pk-caso-alt .pk-caso-text { margin-left: auto; text-align: right; }

/* ---------- Grilla de escalas mixtas ---------- */
.pk-gallery-mixed { padding: var(--section-y) 0; border-top: 1px solid var(--line); }
.gallery-grid-editorial {
    display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 220px; gap: 16px;
}
.gallery-grid-editorial .gallery-item-premium { width: 100%; height: 100%; aspect-ratio: auto; }
.gallery-grid-editorial .gallery-item-premium:nth-child(6n+1) { grid-column: span 2; grid-row: span 2; }
.gallery-grid-editorial .gallery-item-premium:nth-child(6n+4) { grid-column: span 2; }
.gallery-grid-editorial .gallery-item-premium:nth-child(6n+2),
.gallery-grid-editorial .gallery-item-premium:nth-child(6n+3) { grid-row: span 1; }
@media (max-width: 900px) {
    .gallery-grid-editorial { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 180px; }
    .gallery-grid-editorial .gallery-item-premium:nth-child(6n+1) { grid-column: span 2; grid-row: span 2; }
}
@media (max-width: 560px) {
    .pk-caso { min-height: 70vh; }
    .pk-caso-text { max-width: 100%; }
}