/* Expanded bilingual gallery and beach guide — Like a Local Puerto Rico */
.gallery-grid.gallery-expanded{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:230px;gap:12px}
.gallery-expanded .gallery-tile{position:relative;min-width:0;margin:0;overflow:hidden;background:#17333a}
.gallery-expanded .gallery-feature{grid-column:span 2;grid-row:span 2}
.gallery-expanded .gallery-wide{grid-column:span 2}
.gallery-expanded .gallery-tile::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(4,18,24,.78));pointer-events:none}
.gallery-expanded .gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .45s ease}
.gallery-expanded .gallery-tile:hover img{transform:scale(1.035);filter:saturate(1.08)}
.gallery-expanded figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;align-items:end;justify-content:space-between;gap:14px;color:#fff}
.gallery-expanded figcaption span{color:#8ee1ef;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.gallery-expanded figcaption strong{font:500 clamp(19px,2vw,28px)/1 var(--display);letter-spacing:-.025em;text-align:right}
.beach-guide{margin-top:clamp(64px,8vw,118px);padding:clamp(34px,5vw,74px);color:#fff;background:#0b1b23;box-shadow:0 34px 90px rgba(5,20,27,.14)}
.beach-guide{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.45fr);gap:clamp(32px,6vw,90px)}
.beach-guide-heading{position:sticky;top:105px;align-self:start}
.beach-guide-heading .eyebrow{color:#7bd7e7}
.beach-guide-heading h3{max-width:520px;margin:18px 0 22px;color:#fff;font:500 clamp(44px,5.4vw,78px)/.91 var(--display);letter-spacing:-.055em}
.beach-guide-heading>p:last-child{max-width:490px;color:rgba(255,255,255,.62);font-size:13px;line-height:1.75}
.beach-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.16)}
.beach-list li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.beach-list li>span{padding-top:3px;color:#ef5364;font:italic 12px var(--display)}
.beach-list small{color:#79d8e8;font-size:8px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.beach-list h4{margin:6px 0 8px;color:#fff;font:600 clamp(21px,2vw,28px)/1.05 var(--display);letter-spacing:-.025em}
.beach-list p{margin:0;color:rgba(255,255,255,.58);font-size:10px;line-height:1.6}
.beach-source{grid-column:2;margin:0;color:rgba(255,255,255,.38);font-size:9px;line-height:1.6}
@media(max-width:1100px){
 .gallery-grid.gallery-expanded{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:210px}
 .beach-guide{grid-template-columns:1fr}
 .beach-guide-heading{position:static}
 .beach-source{grid-column:1}
}
@media(max-width:760px){
 .gallery-grid.gallery-expanded{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:190px;gap:8px}
 .gallery-expanded .gallery-feature{grid-row:span 2}
 .gallery-expanded figcaption{left:13px;right:13px;bottom:12px;display:block}
 .gallery-expanded figcaption strong{display:block;margin-top:4px;text-align:left;font-size:20px}
 .beach-guide{margin-left:-20px;margin-right:-20px;padding:54px 20px}
 .beach-list{grid-template-columns:1fr}
}
@media(max-width:420px){
 .gallery-grid.gallery-expanded{display:grid;margin:0;padding:0;overflow:visible;grid-template-columns:1fr;grid-auto-rows:290px}
 .gallery-expanded .gallery-tile,.gallery-expanded .gallery-feature,.gallery-expanded .gallery-wide{grid-column:auto;grid-row:auto;width:auto;height:auto;min-height:290px;flex:none}
 .gallery-expanded .gallery-feature{min-height:380px}
 .beach-guide-heading h3{font-size:48px}
}