/** Shopify CDN: Minification failed

Line 14:24 Expected identifier but found whitespace
Line 14:25 Unexpected "28px"
Line 14:31 Unexpected "{"
Line 14:40 Expected ":"
Line 14:73 Expected ":"
Line 14:91 Expected identifier but found whitespace
Line 14:93 Unexpected "{"
Line 14:102 Expected ":"

**/
/* ===== COLLAGE 3 COLUMNAS ===== */
.piex-collage { padding: 28px {{ section.settings.cats_padding_sides }}px 36px; background: {{ section.settings.collage_bg }}; }
.piex-collage__heading { font-size: 22px; font-weight: 900; color: #1a1a1a; text-align: center; margin: 0 0 20px; font-family: var(--font-heading-family); }
.piex-collage__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.piex-collage__col { display: flex; flex-direction: column; gap: 10px; }
.piex-collage__cell { display: block; border-radius: 12px; overflow: hidden; position: relative; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s; }
.piex-collage__cell:hover { transform: scale(1.015); box-shadow: 0 6px 24px rgba(0,0,0,0.12); }
.piex-collage__cell img { display: block; width: 100%; height: 100%; object-fit: cover; }
.piex-collage__cell--tall { flex: 2; min-height: 280px; }
.piex-collage__cell--short { flex: 1; min-height: 140px; }
.piex-collage__cell-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 12px 16px; background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%); color: #fff; font-size: 13px; font-weight: 700; }
@media (max-width: 767px) {
  .piex-collage { padding: 20px 16px 28px; }
  .piex-collage__grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .piex-collage__col:last-child { display: none; }
  .piex-collage__cell--tall { min-height: 200px; }
  .piex-collage__cell--short { min-height: 100px; }
}