/* Legacy service pages: /servicios/, /embarcaciones/, /industria/, /soporte-logistico-y-operativo/ */

/* Whole-card photo links (/servicios/) */
a.card { color: inherit; text-decoration: none; }
a.card:hover { color: inherit; }
a.card .card__title { transition: color .35s var(--ease); }
a.card:hover .card__title { color: var(--green-ink); }

/* Icon cards on a white section need an edge */
.legado-related { border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); }

/* "Vía línea" / "Vía camión cisterna" rows (/embarcaciones/) */
.legado-methods { display: grid; gap: 1rem; margin: 1.75rem 0 0; padding: 0; list-style: none; }
.legado-methods .feature { align-items: center; padding: 1rem 1.25rem; border-left: 4px solid var(--lime); border-radius: var(--radius); background: var(--gray-50); }
.legado-methods .feature__icon { width: 56px; height: 56px; }
.legado-methods .feature__title { margin: 0; font-size: var(--fs-h4); }

/* Sector list with sub-items (/industria/) */
.legado-sectors { font-size: 1.0625rem; }
.legado-sectors .pill-list { margin-top: .55rem; }
.legado-sectors .pill-list li { padding: .35rem .85rem; }
.legado-sectors .pill-list li::before { content: none; }
.legado-sectors a { color: var(--green-ink); font-weight: 500; }

/* Highlights band (/soporte-logistico-y-operativo/) */
.legado-highlights .feature__title { margin: 0; font-size: var(--fs-h5); }
.legado-highlights .feature__icon { width: 72px; height: 72px; }
.legado-highlights .feature__icon svg { width: 36px; height: 36px; }
@media (max-width: 767px) {
  /* Four short items: 2 x 2 on phones instead of one long column */
  .legado-highlights .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2rem; }
}

/* Photo grids (/embarcaciones/, /industria/). Plain images: the photos are small WhatsApp
   originals, so they are shown uncropped/near-full size instead of in the lightbox. */
.legado-photos { display: grid; gap: clamp(.75rem, .5rem + 1vw, 1.25rem); margin: 0; padding: 0; list-style: none; }
.legado-photos img { width: 100%; object-fit: cover; border-radius: var(--radius); }
.legado-photos--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.legado-photos--2 img { aspect-ratio: 5 / 3; }
/* One landscape photo + two portrait photos; the landscape one sets the row height */
.legado-photos--mosaic { grid-template-columns: 2fr 1fr 1fr; }
.legado-photos--mosaic li:first-child img { aspect-ratio: 4 / 3; }
.legado-photos--mosaic li:not(:first-child) { position: relative; }
.legado-photos--mosaic li:not(:first-child) img { position: absolute; inset: 0; height: 100%; }
.legado-photos__top { object-position: 50% 0; }
@media (max-width: 600px) {
  .legado-photos--2 { grid-template-columns: minmax(0, 1fr); }
  .legado-photos--mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .legado-photos--mosaic li:first-child { grid-column: 1 / -1; }
  .legado-photos--mosaic li:not(:first-child) { aspect-ratio: 3 / 4; }
}