/* The day controls live in their section; the old emergency overlay stays hidden. */
body #latidos-v16-daynav { display: none !important; }

@media (min-width: 801px) {
  .client-six #travesia.types-manual-carousel .type-title {
    width: 64% !important;
    max-width: 64% !important;
    margin-left: 18% !important;
    margin-right: auto !important;
  }
}

/* Final responsive layout: the story becomes three readable vertical scenes. */
@media (max-width: 800px) {
  .client-six .story-scroll.story-scroll {
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .client-six .story-scroll .story-stage {
    position: relative !important;
    top: auto !important;
    height: auto !important;
    overflow: visible !important;
  }
  .client-six .story-scroll .story-track {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    transform: none !important;
    will-change: auto !important;
  }
  .client-six .story-scroll .story-track > .story-upright {
    display: none !important;
  }
  .client-six .story-scroll .story-track > .desire-concept {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 26px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 590px !important;
    padding: 110px 24px 90px !important;
    overflow: hidden !important;
  }
  .client-six .story-scroll .desire-concept > .micro,
  .client-six .story-scroll .desire-concept > h2,
  .client-six .story-scroll .desire-concept > .copy,
  .client-six .story-scroll .desire-concept > .rosette {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
  .client-six .story-scroll .desire-concept > h2 {
    font-size: clamp(32px, 9vw, 48px) !important;
    line-height: 1.04 !important;
    text-wrap: balance !important;
  }
  .client-six .story-scroll .desire-concept > .copy {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .client-six .story-scroll .desire-concept > .rosette {
    width: 36px !important;
  }
  .client-six .story-scroll .story-track > .location-first {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: 'country' 'title' 'photo' 'text' !important;
    align-items: start !important;
    gap: 24px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 96px 22px 104px !important;
    overflow: hidden !important;
  }
  .client-six .story-scroll .location-first .location-country,
  .client-six .story-scroll .location-first .location-title,
  .client-six .story-scroll .location-first .location-photo,
  .client-six .story-scroll .location-first .location-text {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    transform: none !important;
  }
  .client-six .story-scroll .location-first .location-country {
    grid-area: country !important;
    font-size: 10px !important;
    letter-spacing: .2em !important;
  }
  .client-six .story-scroll .location-first .location-title {
    grid-area: title !important;
    font-size: clamp(39px, 11.3vw, 54px) !important;
    line-height: .98 !important;
    letter-spacing: -.045em !important;
    overflow-wrap: anywhere !important;
  }
  .client-six .story-scroll .location-first .location-title span,
  .client-six .story-scroll .location-first .location-title span:nth-child(2),
  .client-six .story-scroll .location-first .location-title span:nth-child(3) {
    display: block !important;
    margin: 0 !important;
    white-space: normal !important;
  }
  .client-six .story-scroll .location-first .location-photo {
    grid-area: photo !important;
    aspect-ratio: 4 / 3 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .client-six .story-scroll .location-first .location-photo .media,
  .client-six .story-scroll .location-first .location-photo video,
  .client-six .story-scroll .location-first .location-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .client-six .story-scroll .location-first .location-text {
    grid-area: text !important;
    text-align: left !important;
  }
  .client-six .story-scroll .location-first .location-text h3 {
    max-width: 18ch !important;
    margin: 0 0 16px !important;
    font-size: clamp(27px, 7.7vw, 38px) !important;
    line-height: 1.08 !important;
  }
  .client-six .story-scroll .location-first .location-text .copy {
    max-width: 37ch !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }
  .client-six .story-scroll .story-track > .location-second {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 620px !important;
    padding: 100px 22px 95px !important;
    overflow: hidden !important;
  }
  .client-six .story-scroll .location-second > h2,
  .client-six .story-scroll .location-second > .desire-summary {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }
  .client-six .story-scroll .location-second > h2 {
    font-size: clamp(32px, 8.3vw, 46px) !important;
    line-height: 1.1 !important;
  }
  .client-six .story-scroll .location-second > .desire-summary {
    gap: 16px !important;
  }
  .client-six .story-scroll .location-second > .flower {
    position: absolute !important;
    top: 0 !important;
    right: -28px !important;
    left: auto !important;
    width: 150px !important;
    opacity: .25 !important;
    pointer-events: none !important;
  }

  /* The day carousel grows with its content; controls remain on screen. */
  .client-six #travesia.types-manual-carousel {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .client-six #travesia.types-manual-carousel .types-stage,
  .client-six #travesia.types-manual-carousel .types-track {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .client-six #travesia.types-manual-carousel .type-panel {
    height: auto !important;
    min-height: 850px !important;
    max-height: none !important;
    padding: 92px 20px 300px !important;
  }
  .client-six #travesia.types-manual-carousel .type-stats {
    grid-template-columns: 1fr !important;
  }
  .client-six #travesia.types-manual-carousel .type-photo {
    aspect-ratio: 4 / 3 !important;
  }
  .client-six #travesia.types-manual-carousel .type-title,
  .client-six #travesia.types-manual-carousel .type-layout {
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (max-width: 370px) {
  .client-six .story-scroll .story-track > .location-first {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .client-six .story-scroll .location-first .location-title {
    font-size: 38px !important;
  }
}

.gallery-dialog.real-route-lightbox .lightbox-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.real-route-gallery .auto-gallery-viewport:hover .auto-gallery-track,
.real-route-gallery .auto-gallery-viewport:focus-within .auto-gallery-track {
  animation-play-state: paused;
}
.gallery-dialog.real-route-lightbox .lightbox-controls {
  display: flex !important;
  align-items: center;
  gap: 14px;
  font: 700 12px/1 Poppins, Arial, sans-serif;
  white-space: nowrap;
}
.gallery-dialog.real-route-lightbox .lightbox-controls button {
  width: 44px;
  height: 44px;
  border: 1px solid #11261b;
  border-radius: 50%;
  background: #11261b;
  color: white;
  font-size: 22px;
  cursor: pointer;
}
@media (max-width: 800px) {
  .gallery-dialog.real-route-lightbox .lightbox-photo {
    inset: 72px 12px 130px;
  }
  .gallery-dialog.real-route-lightbox .lightbox-bottom {
    bottom: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  .gallery-dialog.real-route-lightbox .lightbox-label {
    max-width: 100%;
    text-align: center;
    font-size: 11px;
  }
}

/* The day carousel remains swipeable on mobile. */
@media (max-width: 800px) {
  .client-six #travesia.types-manual-carousel .types-stage {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .client-six #travesia.types-manual-carousel .types-stage::-webkit-scrollbar { display: none; }
  .client-six #travesia.types-manual-carousel .types-track {
    transform: none !important;
    transition: none !important;
    will-change: auto !important;
  }
  .client-six #travesia.types-manual-carousel .type-panel {
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
  }
  body.daynav-visible .latidos-chat:not(.open),
  body.daynav-visible .floating-whatsapp {
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Three pinned scenes; page scroll advances the horizontal track automatically. */
@media (max-width: 800px) {
  .client-six .story-scroll.story-scroll {
    height: 340svh !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .client-six .story-scroll::after { display: none !important; }
  .client-six .story-scroll .story-stage {
    position: sticky !important;
    top: 0 !important;
    height: 100svh !important;
    overflow: hidden !important;
  }
  .client-six .story-scroll .story-track {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    width: 300vw !important;
    height: 100% !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    scroll-behavior: auto !important;
    will-change: transform !important;
  }
  .client-six .story-scroll .story-track > .story-panel {
    flex: 0 0 100vw !important;
    width: 100vw !important;
    min-width: 100vw !important;
    height: 100% !important;
    min-height: 0 !important;
    scroll-snap-align: none !important;
  }
  .client-six .story-scroll .story-track > .desire-concept,
  .client-six .story-scroll .story-track > .location-second {
    min-height: 0 !important;
    padding-top: 74px !important;
    padding-bottom: 72px !important;
  }
  .client-six .story-scroll .story-track > .location-first {
    min-height: 0 !important;
    padding: 74px 20px 56px !important;
    gap: 15px !important;
  }
  .client-six .story-scroll .location-first .location-photo { aspect-ratio: 16 / 10 !important; }
}
@media (max-width: 370px) {
  .client-six .story-scroll .story-track > .location-first {
    padding: 68px 16px 40px !important;
    gap: 10px !important;
  }
  .client-six .story-scroll .location-first .location-title { font-size: 36px !important; }
  .client-six .story-scroll .location-first .location-photo { aspect-ratio: 16 / 9 !important; }
  .client-six .story-scroll .location-first .location-text h3 { font-size: 26px !important; margin-bottom: 8px !important; }
  .client-six .story-scroll .location-first .location-text .copy { font-size: 14px !important; }
}

/* A native scroll surface lets the final gallery autoplay and accept finger swipes. */
.real-route-gallery .auto-gallery-viewport {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.real-route-gallery .auto-gallery-viewport::-webkit-scrollbar { display: none; }
.real-route-gallery .auto-gallery-track {
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

@media (max-width: 800px) and (prefers-reduced-motion: reduce) {
  .client-six .story-scroll.story-scroll { height: auto !important; }
  .client-six .story-scroll .story-stage { position: relative !important; height: auto !important; }
  .client-six .story-scroll .story-track {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transform: none !important;
  }
  .client-six .story-scroll .story-track > .story-panel {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 700px !important;
  }
}

/* Fit the three mobile days to their real content, without decorative imagery. */
@media (max-width: 800px) {
  .client-six #travesia.types-manual-carousel,
  .client-six #travesia.types-manual-carousel .types-stage,
  .client-six #travesia.types-manual-carousel .types-track {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  .client-six #travesia.types-manual-carousel .types-track { align-items: stretch !important; }
  .client-six #travesia.types-manual-carousel .type-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 76px 20px 104px !important;
  }
  .client-six #travesia.types-manual-carousel .mobile-day-flower,
  .client-six #travesia.types-manual-carousel .type-panel::after { display: none !important; content: none !important; }
  .client-six #travesia.types-manual-carousel .latidos-day-switcher { bottom: 14px !important; }
  .client-six #travesia + #latidos { margin-top: 0 !important; }
}