.galeria{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 28px}
.ref{display:flex;flex-direction:column;gap:12px}
.ref-foto{position:relative;border:2px solid var(--tinta);overflow:hidden;box-shadow:6px 7px 0 var(--tinta);background:var(--crema)}
.ref-foto img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--pop)}
.ref:hover .ref-foto img{transform:scale(1.05)}
.ref .refnota{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
.ref h3{font-size:36px;font-weight:600;line-height:1}
.ref .lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}
.r1{grid-column:1/8}.r1 .ref-foto{height:500px;border-radius:280px 280px 0 0}
.r2{grid-column:8/13;margin-top:120px}.r2 .ref-foto{height:500px}
.r3{grid-column:1/6}.r3 .ref-foto{height:400px}
.r4{grid-column:6/13;margin-top:60px}.r4 .ref-foto{height:440px;border-radius:0 0 240px 240px}
.puntos{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;margin-top:24px}
.caja{border:2px solid var(--tinta);padding:32px;background:#fff;box-shadow:8px 8px 0 var(--tinta);display:flex;flex-direction:column;gap:12px}
.caja.amarilla{background:var(--amarillo)}
.caja strong.t{font-family:'Fredoka',sans-serif;font-size:30px;font-weight:600;line-height:1.05}
@media (max-width:1100px){.r1,.r2,.r3,.r4{grid-column:1/-1;margin-top:0}.puntos{grid-template-columns:1fr}}
@media (max-width:640px){.r1 .ref-foto,.r2 .ref-foto,.r3 .ref-foto,.r4 .ref-foto{height:300px}.ref h3{font-size:28px}.caja{padding:22px}}