/* =========================================================
   IAMU — páginas Access, Yates y Vida nocturna (usa las clases de styles.css)
   ========================================================= */
.acc-nav { position: sticky; top: var(--head-h); z-index: 5; background: var(--bg); padding: 14px 0; border-bottom: 1px solid var(--line); }
.acc-nav .chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.acc-nav .chip { white-space: nowrap; }
.acc-sec { scroll-margin-top: calc(var(--head-h) + 70px); }
.acc-sec--first { padding-top: 40px; }
.acc-sec + .acc-sec { border-top: 1px solid var(--line); }
.acc-sec .sec-head .lead { margin-top: 22px; max-width: 640px; }
.acc-sec .sec-head .h2 em, .page-head .display em { font-style: normal; color: var(--muted); }
.acc-sub { color: var(--muted); display: block; margin: 64px 0 22px; }
.acc-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding-top: 30px; border-top: 1px solid var(--line); }
.acc-facts h3 { font-weight: 400; font-size: 20px; margin: 0 0 8px; }
.acc-facts p { margin: 0; color: var(--ink-soft); }
.acc-sec .steps { grid-template-columns: repeat(3, 1fr); }
.acc-sec .steps--4 { grid-template-columns: repeat(4, 1fr); }
.acc-facts--4 { grid-template-columns: repeat(4, 1fr); }
#fleet { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 44px 22px; }
.acc-sec .steps h3 { margin-top: 0; }
.acc-sec .steps .steps__n + h3 { margin-top: 26px; }
.acc-note { margin: 34px 0 0; color: var(--ink-soft); max-width: 760px; }
.acc-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 26px; }
.acc-list li { padding: 18px 0; border-bottom: 1px solid var(--line); font-size: 19px; font-weight: 300; }
.acc-foot { display: flex; gap: 22px; align-items: center; flex-wrap: wrap; margin-top: 40px; }
.acc-hero { position: relative; border-radius: var(--radius); overflow: hidden; aspect-ratio: 21/8; margin-bottom: 60px; background: var(--bg-2); }
.acc-hero img { width: 100%; height: 100%; object-fit: cover; }
.yacht .card__media { aspect-ratio: 4/3; }
.yacht__feat { margin: 0 0 6px; font-size: 14px; color: var(--ink-soft); }
.yacht__note { margin: 0; font-size: 14px; }
.yacht__fuel { margin: 10px 0 16px; font-size: 12px; letter-spacing: .08em; color: var(--muted); }
@media (max-width: 900px) {
  .acc-facts, .acc-facts--4, .acc-list, .acc-sec .steps, .acc-sec .steps--4 { grid-template-columns: 1fr; }
  .acc-facts { gap: 26px; }
  .acc-hero { aspect-ratio: 4/3; }
}