/* V25.5 · transporte visual extendido */
.transport255-alert{padding-top:clamp(2rem,4vw,3.2rem)}
.transport255-alert>div{position:relative;overflow:hidden;background:#0e3a30;color:#fff;border-radius:26px;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 22px 55px rgba(12,46,38,.12)}
.transport255-alert>div:after{content:"";position:absolute;right:-4rem;top:-5rem;width:14rem;height:14rem;border-radius:50%;background:rgba(244,190,70,.12)}
.transport255-alert span{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#f1ca68;font-weight:850}
.transport255-alert h2{font-family:var(--fd);font-size:clamp(1.9rem,3.7vw,3.4rem);line-height:.96;margin:.35rem 0 .55rem;color:#fff;max-width:18ch}
.transport255-alert p{max-width:62rem;margin:0;color:rgba(255,255,255,.78);line-height:1.65}
.transport255-alert a{display:inline-flex;margin-top:.85rem;color:#fff;font-weight:800;font-size:.68rem;border-bottom:1px solid rgba(255,255,255,.35)}

.transport255-pointgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.transport255-pointcard{position:relative;min-height:13rem!important;overflow:hidden;padding:0!important;background:#fff}
.transport255-pointcard.has-photo{min-height:20rem!important;color:#fff;border:0!important;background:#0e342c}
.transport255-pointcard__img{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.transport255-pointcard__img img{width:100%;height:100%;object-fit:cover}
.transport255-pointcard__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,16,13,.05) 18%,rgba(3,16,13,.91) 100%)}
.transport255-pointcard>div{position:relative;z-index:2;padding:1rem}
.transport255-pointcard.has-photo>div{position:absolute;left:0;right:0;bottom:0;padding:1.05rem}
.transport255-pointcard.has-photo small{color:#f2ca69!important}
.transport255-pointcard.has-photo h3{color:#fff!important;font-size:1.55rem}
.transport255-pointcard.has-photo p{color:rgba(255,255,255,.78)!important;margin-top:.35rem}
.transport255-pointcard .ph__cred{font-size:.48rem;background:rgba(0,0,0,.35)}

/* Las cuatro tarjetas visuales deben sentirse como una galería, no como bloques iguales. */
@media(min-width:980px){
  .transport254-visualgrid .transport254-mode:nth-child(1){min-height:31rem}
  .transport254-visualgrid .transport254-mode:nth-child(2){min-height:31rem}
  .transport254-visualgrid .transport254-mode:nth-child(n+3){min-height:24rem}
}

@media(max-width:1100px){.transport255-pointgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.transport255-pointgrid{grid-template-columns:1fr}.transport255-pointcard.has-photo{min-height:18rem!important}}