:root {
    --public-bg: #f4efe6;
    --public-surface: #fbf8f2;
    --public-surface-strong: #efe7da;
    --public-ink: #171513;
    --public-muted: #6e665d;
    --public-line: rgba(23, 21, 19, 0.1);
    --public-accent: #8f6f48;
    --public-accent-soft: #c6ae8e;
    --public-olive: #3b4636;
    --public-shadow: 0 24px 70px rgba(17, 15, 12, 0.08);
}

/* El recorte estaba solo en `body`, pero el desbordamiento se produce a nivel de
   documento: `html` seguia con overflow visible y la pagina podia arrastrarse en
   horizontal. Un caso confirmado es `.public-gallery`, que usa `100vw` y por
   tanto incluye el ancho de la barra de scroll, quedando mas ancha que el area
   visible. Se usa `clip` y no `hidden` porque `hidden` rompe `position: sticky`.
   Esta hoja solo se carga en paginas publicas, asi que el alcance es ese. */
html {
    overflow-x: clip;
}

body.page-public {
    background:
        radial-gradient(circle at top right, rgba(198, 174, 142, 0.18), transparent 28%),
        linear-gradient(180deg, #f6f1e8 0%, #f2ecdf 100%);
    color: var(--public-ink);
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    --public-header-h: 88px;
}

.page-public .site-header {
    background: rgba(244, 239, 230, 0.92);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(23, 21, 19, 0.06);
    color: var(--public-ink);
}

.page-public .site-footer-inner {
    width: min(1360px, calc(100vw - 4rem));
    margin: 0 auto;
}

.page-public .site-header-inner {
    width: min(100%, 1360px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    min-width: 0;
}

.page-public .site-header .lat40-lockup,
.page-public .site-header .brand {
    color: var(--public-ink);
}

.page-public .site-header .lat40-lockup__tagline {
    color: rgba(23, 21, 19, 0.54);
}

.page-public .site-header .lat40-lockup__line::before,
.page-public .site-header .lat40-lockup__line::after {
    background: rgba(143, 111, 72, 0.36);
}

.page-public .site-nav--public {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.page-public .site-nav--public a {
    color: var(--public-ink);
    font-size: 0.78rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-public .site-nav--public .site-nav-cta {
    padding: 0.85rem 1.15rem;
    border: 1px solid rgba(143, 111, 72, 0.26);
    border-radius: 999px;
    background: rgba(143, 111, 72, 0.08);
}

.site-nav-toggle {
    display: none;
    align-items: center;
    gap: 0.75rem;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
}

.site-nav-toggle span {
    display: block;
    width: 20px;
    height: 1px;
    background: currentColor;
    margin-bottom: 4px;
}

.site-nav-toggle em {
    font-style: normal;
    font-size: 0.72rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.page-public main {
    padding-top: 88px;
}

.page-public .hero {
    min-height: 76vh;
}

.page-public .hero-shade {
    background:
        linear-gradient(180deg, rgba(12, 10, 8, 0.18) 0%, rgba(12, 10, 8, 0.42) 48%, rgba(12, 10, 8, 0.66) 100%),
        linear-gradient(90deg, rgba(12, 10, 8, 0.62) 0%, rgba(12, 10, 8, 0.2) 58%, rgba(12, 10, 8, 0.56) 100%);
}

.page-public .section {
    padding-top: clamp(64px, 8vw, 112px);
    padding-bottom: clamp(64px, 8vw, 112px);
}

.page-public .section-heading {
    display: grid;
    gap: 1rem;
    max-width: 54rem;
}

.page-public .section-copy,
.page-public .lead-text,
.page-public .rich-text p {
    color: var(--public-muted);
}

.page-country-detail .hero-content h1 {
    max-width: min(860px, 90vw);
    letter-spacing: 0;
}

.page-country-detail .hero-text {
    max-width: min(760px, 90vw);
    font-size: clamp(1.04rem, 1.35vw, 1.28rem);
    line-height: 1.62;
}

.country-story {
    width: min(1240px, calc(100vw - 4rem));
}

.country-story__layout {
    display: grid;
    grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.45fr);
    gap: clamp(2.5rem, 6vw, 6.5rem);
    align-items: start;
    margin-top: clamp(2rem, 4vw, 3.5rem);
}

.country-story__intro {
    position: sticky;
    top: 120px;
    display: grid;
    gap: 1rem;
}

.country-story__intro h2 {
    max-width: 560px;
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(3rem, 5.2vw, 6.4rem);
    font-weight: 600;
    line-height: 0.96;
    letter-spacing: 0;
}

.country-story__intro .lead-text {
    max-width: 36rem;
    margin: 0;
    font-size: clamp(1.02rem, 1.25vw, 1.18rem);
    line-height: 1.78;
}

.country-story__chapters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(1.8rem, 4vw, 3.4rem) clamp(2rem, 5vw, 5rem);
}

.country-story__chapter {
    border-top: 1px solid rgba(143, 111, 72, 0.22);
    padding-top: 1.2rem;
}

.country-story__chapter:first-child {
    grid-column: 1 / -1;
    max-width: 52rem;
}

.country-story__chapter h3 {
    margin: 0 0 0.85rem;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(1.8rem, 2.35vw, 2.65rem);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: 0;
}

.country-story__chapter p,
.country-story__rich {
    margin: 0;
    color: var(--public-muted);
    font-size: 1rem;
    line-height: 1.82;
}

.country-story__rich {
    max-width: 52rem;
}

.public-grid {
    display: grid;
    gap: 1.5rem;
}

.public-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-card {
    min-height: 100%;
    background: rgba(251, 248, 242, 0.94);
    border: 1px solid var(--public-line);
    box-shadow: var(--public-shadow);
}

.public-card__link,
.public-card__cta-link {
    color: inherit;
    text-decoration: none;
}

.public-card__media {
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: var(--public-surface-strong);
}

.public-card--journey .public-card__media,
.public-card--destination .public-card__media {
    aspect-ratio: 4 / 4.5;
}

.public-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 700ms ease;
}

.public-card:hover .public-card__media img {
    transform: scale(1.03);
}

.public-card__fallback {
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.34), transparent 32%),
        linear-gradient(135deg, rgba(182, 158, 128, 0.88), rgba(80, 70, 60, 0.96));
}

.public-card__fallback--experience,
.public-card__fallback--story {
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.28), transparent 36%),
        linear-gradient(140deg, rgba(59, 70, 54, 0.92), rgba(23, 21, 19, 0.98));
}

.public-card__body {
    display: grid;
    gap: 0.9rem;
    padding: 1.6rem;
}

.public-card__eyebrow {
    margin: 0;
    color: var(--public-accent);
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.public-card__body h3 {
    font-size: clamp(1.7rem, 2.1vw, 2.25rem);
    line-height: 1.04;
}

.public-card__body p {
    margin: 0;
    color: var(--public-muted);
}

.public-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.public-card__meta span,
.public-chip {
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(23, 21, 19, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.56);
    font-size: 0.74rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.notebook-heading {
    max-width: 62rem;
}

.notebook-sections {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin: clamp(2rem, 4vw, 3rem) 0;
}

.notebook-sections a {
    padding: 0.8rem 1rem;
    border: 1px solid rgba(23, 21, 19, 0.12);
    background: rgba(251, 248, 242, 0.78);
    color: var(--public-ink);
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    text-decoration: none;
    text-transform: uppercase;
}

.notebook-sections a.is-active,
.notebook-sections a:hover {
    border-color: rgba(143, 111, 72, 0.48);
    background: rgba(143, 111, 72, 0.12);
}

.notebook-card .public-card__media {
    aspect-ratio: 4 / 3;
}

.notebook-article {
    max-width: 1180px;
    margin: 0 auto;
}

.notebook-article__header {
    display: grid;
    gap: 1rem;
    max-width: 58rem;
    margin-top: clamp(2rem, 4vw, 3rem);
}

.notebook-article__header h2 {
    font-size: clamp(2.8rem, 6vw, 6.2rem);
    line-height: 0.95;
    letter-spacing: 0;
}

.notebook-article__header p:last-child {
    max-width: 44rem;
    color: var(--public-muted);
    font-size: clamp(1.05rem, 1.5vw, 1.3rem);
    line-height: 1.65;
}

.notebook-article__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.36fr);
    gap: clamp(2rem, 6vw, 5rem);
    align-items: start;
    margin-top: clamp(2.5rem, 5vw, 5rem);
}

.notebook-article__body {
    max-width: 46rem;
}

.notebook-article__body p {
    font-size: clamp(1.05rem, 1.35vw, 1.22rem);
    line-height: 1.85;
}

.notebook-article__aside {
    position: sticky;
    top: 110px;
    padding: 1.4rem;
    border: 1px solid rgba(23, 21, 19, 0.1);
    background: rgba(251, 248, 242, 0.88);
}

.notebook-article__aside ul {
    display: grid;
    gap: 0.9rem;
    margin: 1rem 0 0;
    padding-left: 1.1rem;
    color: var(--public-muted);
}

.notebook-article__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: clamp(2.5rem, 5vw, 5rem);
    padding-top: 2rem;
    border-top: 1px solid rgba(23, 21, 19, 0.1);
}

.trip-finder {
    display: grid;
    grid-template-columns: minmax(280px, 0.74fr) minmax(0, 1.26fr);
    gap: clamp(2rem, 6vw, 7rem);
    align-items: start;
    border-top: 1px solid rgba(23, 21, 19, 0.08);
    border-bottom: 1px solid rgba(23, 21, 19, 0.08);
}

.trip-finder__intro {
    position: sticky;
    top: 120px;
    display: grid;
    gap: 1rem;
}

.trip-finder__intro h2,
.trip-results__bar h2 {
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-weight: 600;
    line-height: 0.98;
}

.trip-finder__intro h2 {
    font-size: clamp(3rem, 5vw, 6.2rem);
}

.trip-finder__intro p:not(.eyebrow),
.trip-results__bar p,
.trip-finder__note p {
    margin: 0;
    color: var(--public-muted);
    line-height: 1.7;
}

.trip-finder__panel {
    display: grid;
    gap: 1.25rem;
    padding: clamp(1.25rem, 3vw, 2rem);
    border: 1px solid rgba(143, 111, 72, 0.18);
    background:
        linear-gradient(135deg, rgba(251, 248, 242, 0.96), rgba(239, 231, 218, 0.7)),
        radial-gradient(circle at top right, rgba(198, 174, 142, 0.2), transparent 28%);
}

.trip-finder__ledger {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    padding-bottom: 1.15rem;
    border-bottom: 1px solid rgba(143, 111, 72, 0.18);
}

.trip-finder__ledger > span,
.trip-finder__question > p,
.trip-finder__note strong {
    color: var(--public-accent);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.trip-finder__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.trip-finder__chips em {
    color: var(--public-muted);
    font-style: normal;
}

.trip-finder__chip {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 34px;
    border: 1px solid rgba(23, 21, 19, 0.14);
    background: rgba(255, 255, 255, 0.56);
    color: var(--public-ink);
    padding: 0 0.7rem;
    font: inherit;
    font-size: 0.78rem;
    cursor: pointer;
}

.trip-finder__chip b {
    color: var(--public-accent);
    font-size: 1rem;
    line-height: 1;
}

.trip-finder__question {
    display: grid;
    gap: 1rem;
}

.trip-finder__question h3 {
    max-width: 760px;
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(2rem, 3vw, 3.6rem);
    font-weight: 600;
    line-height: 1;
}

.trip-finder__options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.trip-finder__option {
    display: grid;
    gap: 0.45rem;
    min-height: 128px;
    border: 1px solid rgba(23, 21, 19, 0.1);
    background: rgba(251, 248, 242, 0.72);
    color: var(--public-ink);
    padding: 1rem;
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition: background 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.trip-finder__option:hover,
.trip-finder__option:focus-visible {
    border-color: rgba(143, 111, 72, 0.42);
    background: rgba(255, 255, 255, 0.88);
    transform: translateY(-2px);
}

.trip-finder__option strong {
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.trip-finder__option span {
    color: var(--public-muted);
    font-size: 0.9rem;
    line-height: 1.55;
}

.trip-finder__note {
    display: grid;
    gap: 0.45rem;
    max-width: 760px;
    padding-top: 1rem;
    border-top: 1px solid rgba(143, 111, 72, 0.14);
}

.trip-finder__reset,
.trip-results__more {
    justify-self: start;
    min-height: 44px;
    border: 1px solid var(--public-accent);
    background: transparent;
    color: var(--public-ink);
    padding: 0 1.1rem;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    cursor: pointer;
}

.trip-results {
    display: grid;
    gap: 2rem;
}

.trip-results__bar {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    align-items: end;
}

.trip-results__bar h2 {
    font-size: clamp(2.4rem, 4vw, 5rem);
}

.trip-results__bar > p {
    max-width: 420px;
    text-align: right;
}

.trip-results__empty {
    margin: 0;
    padding: 1.4rem;
    border: 1px solid rgba(143, 111, 72, 0.2);
    background: rgba(251, 248, 242, 0.82);
    color: var(--public-muted);
}

.trip-result-card[hidden],
.trip-results__empty[hidden],
.trip-results__more[hidden],
.trip-finder__reset[hidden] {
    display: none;
}

/* Selector publico de viajes: barra compacta y fija sobre el listado. */
.trip-results .trip-finder {
    position: sticky;
    top: 92px;
    z-index: 30;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.95rem;
    margin: -0.4rem 0 0.75rem;
    padding: 1rem;
    border: 1px solid rgba(143, 111, 72, 0.18);
    background: rgba(251, 248, 242, 0.94);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 42px rgba(35, 25, 12, 0.07);
}

.trip-finder__topline {
    display: grid;
    grid-template-columns: minmax(260px, 0.5fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.trip-finder__topline .eyebrow,
.trip-finder__steps p {
    margin: 0 0 0.32rem;
}

.trip-finder__topline h3 {
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(1.6rem, 2vw, 2.4rem);
    font-weight: 600;
    line-height: 0.98;
}

.trip-results .trip-finder__ledger {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    padding: 0;
    border: 0;
}

.trip-results .trip-finder__ledger > span,
.trip-results .trip-finder__steps > p {
    color: var(--public-accent);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.trip-results .trip-finder__chips {
    gap: 0.45rem;
}

.trip-results .trip-finder__chip {
    min-height: 30px;
    background: rgba(244, 239, 230, 0.86);
    font-size: 0.72rem;
}

.trip-finder__steps {
    display: grid;
    gap: 0.55rem;
}

.trip-finder__filters {
    display: grid;
    gap: 1rem;
}

.trip-results .trip-finder__filters .trip-finder__steps:first-child {
    display: none;
}

.trip-results .trip-finder__options {
    display: flex;
    gap: 0.55rem;
    overflow-x: auto;
    padding-bottom: 0.2rem;
    scroll-snap-type: x proximity;
}

.trip-results [data-trip-options] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    overflow-x: visible;
    padding-bottom: 0;
    scroll-snap-type: none;
}

.trip-results .trip-finder__option {
    flex: 0 0 clamp(210px, 20vw, 310px);
    min-height: 86px;
    padding: 0.82rem 0.9rem;
    scroll-snap-align: start;
    text-decoration: none;
}

.trip-results [data-trip-options] .trip-finder__option {
    min-height: 74px;
    padding: 0.72rem 0.78rem;
}

.trip-results .trip-finder__option.is-active {
    border-color: rgba(23, 21, 19, 0.62);
    background: rgba(238, 229, 214, 0.9);
    box-shadow: inset 0 0 0 1px rgba(23, 21, 19, 0.12);
}

.trip-results .trip-finder__option strong {
    font-size: 0.92rem;
}

.trip-results .trip-finder__option span {
    font-size: 0.78rem;
}

.trip-results .trip-finder__reset {
    justify-self: end;
    min-height: 34px;
    padding: 0 0.85rem;
    font-size: 0.68rem;
}

.public-card__cta,
.public-card__cta-link {
    display: inline-flex;
    width: fit-content;
    margin-top: 0.3rem;
    border-bottom: 1px solid currentColor;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.public-form-shell {
    width: min(860px, 100%);
}

.public-form-layout {
    display: grid;
    grid-template-columns: minmax(0, 860px) minmax(320px, 1fr);
    gap: clamp(2rem, 4vw, 4.5rem);
    align-items: start;
}

.public-form-aside {
    position: relative;
    min-height: 100%;
}

.public-form-aside__panel {
    position: sticky;
    top: 118px;
    display: grid;
    gap: 1.4rem;
    padding: clamp(1.8rem, 3vw, 2.6rem);
    background:
        radial-gradient(circle at top right, rgba(198, 174, 142, 0.2), transparent 26%),
        linear-gradient(180deg, rgba(251, 248, 242, 0.96), rgba(241, 233, 220, 0.94));
    border: 1px solid rgba(143, 111, 72, 0.18);
    box-shadow: 0 28px 72px rgba(35, 25, 12, 0.08);
    overflow: hidden;
    transition: box-shadow 320ms ease, border-color 320ms ease, transform 320ms ease;
}

.public-form-aside__panel::after {
    content: "";
    position: absolute;
    inset: auto -8% -22% 38%;
    height: 180px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0));
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 420ms ease, transform 420ms ease;
    pointer-events: none;
}

.public-form-aside__panel.is-complete {
    border-color: rgba(143, 111, 72, 0.28);
    box-shadow: 0 34px 84px rgba(35, 25, 12, 0.12);
    transform: translateY(-2px);
}

.public-form-aside__panel.is-complete::after {
    opacity: 1;
    transform: translateY(0);
}

.public-form-aside__journey {
    display: grid;
    gap: 1rem;
    padding-bottom: 1.35rem;
    border-bottom: 1px solid rgba(143, 111, 72, 0.14);
}

.public-form-aside__journey-copy {
    display: grid;
    gap: 0.35rem;
}

.public-form-aside__journey-copy strong {
    font-size: 1rem;
    font-weight: 500;
    color: #302a24;
}

.public-form-aside__timeline {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 0.9rem;
}

.public-form-aside__timeline-line {
    position: relative;
    display: block;
    width: 2px;
    min-height: 258px;
    margin: 0 auto;
    background: rgba(143, 111, 72, 0.18);
    overflow: hidden;
}

.public-form-aside__timeline-line i {
    display: block;
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, #d8c2a4 0%, #8f6f48 100%);
    transition: height 460ms cubic-bezier(0.22, 1, 0.36, 1);
}

.public-form-aside__timeline-stages {
    display: grid;
    gap: 0.65rem;
}

.public-form-aside__stage {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.8rem;
    align-items: center;
    opacity: 0.45;
    transform: translateX(0);
    transition: opacity 260ms ease, transform 260ms ease;
}

.public-form-aside__stage span {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(143, 111, 72, 0.2);
    background: rgba(255, 255, 255, 0.66);
    color: #8f6f48;
    font-size: 0.76rem;
    letter-spacing: 0.08em;
    transition: all 260ms ease;
}

.public-form-aside__stage small {
    color: #6e665d;
    font-size: 0.76rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.public-form-aside__stage.is-active,
.public-form-aside__stage.is-done {
    opacity: 1;
}

.public-form-aside__stage.is-active {
    transform: translateX(4px);
}

.public-form-aside__stage.is-active span,
.public-form-aside__stage.is-done span {
    background: #1f1b17;
    border-color: #1f1b17;
    color: #f6f1e8;
}

.public-form-aside__content {
    position: relative;
    display: grid;
    min-height: 710px;
}

.public-form-aside__state {
    grid-area: 1 / 1;
    display: grid;
    gap: 1.35rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(16px);
    transition: opacity 340ms ease, transform 340ms ease, visibility 0ms linear 340ms;
}

.public-form-aside__state.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity 420ms ease, transform 420ms ease, visibility 0ms linear 0ms;
}

.public-form-aside__eyebrow,
.public-form-aside__card-label {
    margin: 0;
    color: #8a7f70;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.public-form-aside__panel h3,
.public-form-aside__section h4 {
    margin: 0;
    font-weight: 400;
}

.public-form-aside__panel h3 {
    font-size: clamp(2rem, 2.8vw, 3rem);
    line-height: 1.08;
}

.public-form-aside__lead,
.public-form-aside__section p,
.public-form-aside__quote,
.public-form-aside__list {
    margin: 0;
    color: var(--public-muted);
}

.public-form-aside__lead,
.public-form-aside__section p,
.public-form-aside__list li {
    line-height: 1.85;
}

.public-form-aside__section {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 1rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(143, 111, 72, 0.14);
}

.public-form-aside__section span {
    display: inline-grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    border: 1px solid rgba(143, 111, 72, 0.22);
    color: #8f6f48;
    font-size: 0.86rem;
    letter-spacing: 0.08em;
}

.public-form-aside__section div {
    display: grid;
    gap: 0.45rem;
}

.public-form-aside__quote {
    padding: 1.15rem 0 0;
    border-top: 1px solid rgba(143, 111, 72, 0.14);
    font-size: 1.15rem;
    line-height: 1.7;
    color: #3f392f;
}

.public-form-aside__card {
    display: grid;
    gap: 0.8rem;
    padding: 1.3rem 1.35rem;
    background: rgba(255, 255, 255, 0.66);
    border: 1px solid rgba(143, 111, 72, 0.14);
}

.public-form-aside__list {
    padding-left: 1.1rem;
}

.accommodation-showcase {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(300px, 0.8fr) minmax(260px, 1fr);
    gap: clamp(1.4rem, 3vw, 2.8rem);
    align-items: center;
    overflow: hidden;
}

.accommodation-showcase__media,
.accommodation-showcase__copy {
    opacity: 0;
    transition: opacity 900ms ease, transform 1200ms cubic-bezier(0.22, 1, 0.36, 1);
}

.accommodation-showcase__media--left {
    transform: translateX(-14%);
}

.accommodation-showcase__media--right {
    transform: translateX(14%);
}

.accommodation-showcase__copy {
    transform: translateY(26px);
    text-align: center;
}

.accommodation-showcase.is-visible .accommodation-showcase__media,
.accommodation-showcase.is-visible .accommodation-showcase__copy {
    opacity: 1;
    transform: translate(0, 0);
}

.accommodation-showcase__link {
    display: grid;
    gap: 1rem;
    color: inherit;
    text-decoration: none;
}

.accommodation-showcase__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 0.9;
    background: var(--public-surface-strong);
}

.accommodation-showcase__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 12, 9, 0.08), rgba(15, 12, 9, 0.28));
    opacity: 0.65;
    transition: opacity 900ms ease;
}

.accommodation-showcase.is-visible .accommodation-showcase__image::after {
    opacity: 0.2;
}

.accommodation-showcase__image img,
.accommodation-showcase__image .public-card__fallback {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.08);
    transition: transform 1400ms cubic-bezier(0.22, 1, 0.36, 1);
}

.accommodation-showcase.is-visible .accommodation-showcase__image img,
.accommodation-showcase.is-visible .accommodation-showcase__image .public-card__fallback {
    transform: scale(1);
}

.accommodation-showcase__caption {
    display: grid;
    gap: 0.35rem;
}

.accommodation-showcase__caption p,
.accommodation-showcase__caption strong {
    margin: 0;
}

.accommodation-showcase__caption p {
    color: #8a7f70;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.accommodation-showcase__caption strong {
    font-size: clamp(1.35rem, 1.9vw, 1.85rem);
    font-weight: 400;
    line-height: 1.1;
}

.accommodation-showcase__copy {
    display: grid;
    gap: 1rem;
    justify-items: center;
}

.accommodation-showcase__copy h3,
.accommodation-empty h3,
.accommodation-filters__head h3 {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.08;
    font-weight: 400;
}

.accommodation-showcase__copy p:not(.eyebrow),
.accommodation-empty p:not(.eyebrow) {
    margin: 0;
    color: var(--public-muted);
    line-height: 1.9;
}

.accommodation-showcase__cta {
    display: inline-flex;
    width: fit-content;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid currentColor;
    color: var(--public-ink);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-decoration: none;
    text-transform: uppercase;
}

.accommodation-listing {
    display: grid;
    gap: 2rem;
}

.accommodation-filters {
    display: grid;
    gap: 1.6rem;
    padding: clamp(1.5rem, 3vw, 2.1rem);
    background: linear-gradient(180deg, rgba(250, 246, 239, 0.96), rgba(239, 231, 218, 0.86));
    border: 1px solid rgba(23, 21, 19, 0.08);
    box-shadow: var(--public-shadow);
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 800ms ease, transform 800ms ease;
}

.accommodation-filters.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.accommodation-filters__head {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: end;
}

.accommodation-filters__status {
    margin: 0;
    color: #5e564e;
    font-size: 0.82rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.accommodation-filters__groups {
    display: grid;
    gap: 1.4rem;
}

.accommodation-filter-group {
    display: grid;
    gap: 0.75rem;
}

.accommodation-filter-group__label {
    color: #8a7f70;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.accommodation-budget,
.accommodation-chip-set {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.accommodation-budget__option,
.accommodation-chip {
    appearance: none;
    border: 1px solid rgba(23, 21, 19, 0.1);
    background: rgba(255, 255, 255, 0.64);
    color: #4e4841;
    cursor: pointer;
    font: inherit;
    transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.accommodation-budget__option:hover,
.accommodation-chip:hover {
    transform: translateY(-1px);
    border-color: rgba(143, 111, 72, 0.3);
    background: rgba(255, 255, 255, 0.84);
}

.accommodation-budget__option {
    min-width: 54px;
    padding: 0.85rem 1rem;
    border-radius: 999px;
    font-size: 0.82rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.accommodation-budget__option.is-lit,
.accommodation-budget__option.is-active,
.accommodation-chip.is-active {
    border-color: rgba(143, 111, 72, 0.34);
    background: rgba(143, 111, 72, 0.12);
    color: var(--public-ink);
    box-shadow: 0 10px 24px rgba(35, 25, 12, 0.06);
}

.accommodation-chip {
    padding: 0.85rem 1rem;
    border-radius: 999px;
    font-size: 0.82rem;
    line-height: 1.2;
}

.accommodation-grid .public-card--accommodation {
    transition: opacity 420ms ease, transform 420ms ease;
}

.accommodation-grid .public-card--accommodation.is-hidden {
    display: none;
}

.public-card--accommodation[data-scroll-reveal] {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 850ms ease, transform 850ms ease;
}

.public-card--accommodation[data-scroll-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.accommodation-empty {
    display: grid;
    gap: 0.8rem;
    padding: clamp(1.7rem, 3vw, 2.4rem);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(23, 21, 19, 0.08);
    text-align: center;
}

.public-gallery {
    display: block;
    max-width: 100vw;
    margin: clamp(4rem, 7vw, 7rem) calc(50% - 50vw);
    padding: clamp(2.2rem, 5vw, 5rem) clamp(1rem, 3vw, 3.5rem);
    overflow: hidden;
    background: linear-gradient(180deg, rgba(241, 235, 225, 0), rgba(232, 222, 207, 0.72) 45%, rgba(241, 235, 225, 0));
    box-sizing: border-box;
}

.public-gallery__stage {
    position: relative;
    width: min(100%, 1920px);
    margin: 0 auto;
}

.public-gallery__viewport {
    overflow: hidden;
    background: transparent;
}

.public-gallery__track {
    display: flex;
    align-items: stretch;
    gap: clamp(0.55rem, 0.9vw, 1rem);
    height: clamp(390px, 34vw, 640px);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
}

.public-gallery__track::-webkit-scrollbar {
    display: none;
}

.public-gallery__track.is-dragging {
    cursor: grabbing;
    scroll-snap-type: none;
}

.public-gallery__item {
    --expanded-width: min(58vw, 980px);
    flex: 0 0 clamp(340px, 24vw, 560px);
    min-width: 0;
    margin: 0;
    overflow: hidden;
    scroll-snap-align: start;
    transition: flex-basis 720ms cubic-bezier(0.22, 1, 0.36, 1), opacity 260ms ease;
}

.public-gallery__item:hover,
.public-gallery__item:focus-within {
    flex-basis: var(--expanded-width);
}

.public-gallery__item button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: #e7dfd3;
    cursor: zoom-in;
}

.public-gallery__item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.84) contrast(0.96) sepia(0.07) brightness(0.94);
    transition: filter 360ms ease, transform 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.public-gallery__item button:hover img,
.public-gallery__item button:focus-visible img {
    filter: saturate(0.95) contrast(1) sepia(0.03) brightness(0.98);
    transform: scale(1.015);
}

.public-gallery__edge,
.public-gallery-lightbox__close,
.public-gallery-lightbox__nav {
    appearance: none;
    border: 1px solid rgba(23, 21, 19, 0.14);
    background: rgba(250, 246, 239, 0.94);
    color: var(--public-ink);
    cursor: pointer;
    font: inherit;
    transition: background-color 180ms ease, border-color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

.public-gallery__edge {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: clamp(3rem, 4.6vw, 4.8rem);
    aspect-ratio: 1;
    transform: translateY(-50%);
    font-size: clamp(1.9rem, 3vw, 3.1rem);
    line-height: 1;
}

.public-gallery__edge--prev {
    left: clamp(0.7rem, 1.6vw, 1.4rem);
}

.public-gallery__edge--next {
    right: clamp(0.7rem, 1.6vw, 1.4rem);
}

.public-gallery__edge:hover,
.public-gallery-lightbox__close:hover,
.public-gallery-lightbox__nav:hover {
    border-color: rgba(143, 111, 72, 0.44);
    background: #fffaf2;
}

.public-gallery__edge:disabled {
    cursor: default;
    opacity: 0.26;
    transform: translateY(-50%);
}

.public-gallery-lightbox {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 3rem);
    background:
        radial-gradient(circle at top right, rgba(198, 174, 142, 0.18), transparent 28%),
        rgba(244, 239, 230, 0.91);
    -webkit-backdrop-filter: blur(12px) saturate(0.96);
    backdrop-filter: blur(12px) saturate(0.96);
}

.has-public-gallery-lightbox {
    overflow: hidden;
}

.public-gallery-lightbox__figure {
    display: grid;
    gap: 0.9rem;
    width: min(86vw, 1320px);
    margin: 0;
}

.public-gallery-lightbox__figure img {
    display: block;
    width: 100%;
    max-height: 82vh;
    object-fit: contain;
    background: rgba(251, 248, 242, 0.72);
    border: 1px solid rgba(143, 111, 72, 0.2);
    box-shadow: 0 2.5rem 6rem rgba(68, 53, 34, 0.18);
}

.public-gallery-lightbox__figure figcaption {
    color: rgba(23, 21, 19, 0.62);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: center;
}

.public-gallery-lightbox__close,
.public-gallery-lightbox__nav {
    position: fixed;
    z-index: 1;
    border-color: rgba(143, 111, 72, 0.28);
    background: rgba(251, 248, 242, 0.82);
    color: var(--public-ink);
    box-shadow: 0 1rem 2.5rem rgba(68, 53, 34, 0.12);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.public-gallery-lightbox__close {
    top: 1.2rem;
    right: 1.2rem;
    padding: 0.9rem 1.1rem;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.public-gallery-lightbox__close:hover,
.public-gallery-lightbox__nav:hover {
    border-color: rgba(143, 111, 72, 0.58);
    background: rgba(255, 250, 242, 0.96);
    color: #5f4529;
}

.public-gallery-lightbox__nav {
    top: 50%;
    width: clamp(3.2rem, 5vw, 4.8rem);
    aspect-ratio: 1;
    transform: translateY(-50%);
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1;
}

.public-gallery-lightbox__nav--prev {
    left: clamp(0.8rem, 2vw, 2rem);
}

.public-gallery-lightbox__nav--next {
    right: clamp(0.8rem, 2vw, 2rem);
}

.public-form-aside__surprise {
    display: grid;
    gap: 0.7rem;
    padding: 1.2rem 1.3rem;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(247, 240, 230, 0.92));
    border: 1px solid rgba(143, 111, 72, 0.12);
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 380ms ease, transform 380ms ease;
}

.public-form-aside__surprise.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.public-form-aside__surprise p {
    margin: 0;
    color: #5f584f;
    line-height: 1.8;
}

.public-form-aside__surprise-seal {
    width: fit-content;
    padding: 0.65rem 0.95rem;
    border: 1px solid rgba(143, 111, 72, 0.22);
    background: rgba(255, 255, 255, 0.76);
    color: #3c342c;
    font-size: 0.76rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    box-shadow: 0 10px 28px rgba(35, 25, 12, 0.06);
}

.step-form {
    display: grid;
    gap: 1.5rem;
    padding: clamp(1.5rem, 3vw, 2.2rem);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 245, 239, 0.98));
    border: 1px solid rgba(135, 118, 94, 0.18);
    box-shadow: 0 26px 68px rgba(35, 25, 12, 0.08);
}

.home-form-message {
    margin: 0;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(23, 21, 19, 0.08);
    background: rgba(255, 255, 255, 0.72);
}

.home-form-message-success {
    color: #285244;
}

.home-form-message-error {
    color: #7c3f36;
}

.step-form__step {
    display: none;
    gap: 1.2rem;
}

.step-form__step.is-active {
    display: grid;
}

.step-form input,
.step-form select,
.step-form textarea {
    width: 100%;
    padding: 1rem 1.05rem;
    border: 1px solid #ded5c8;
    background: rgba(255, 255, 255, 0.94);
    color: var(--public-ink);
    font: inherit;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.step-form input:focus,
.step-form select:focus,
.step-form textarea:focus {
    outline: none;
    border-color: rgba(143, 111, 72, 0.62);
    box-shadow: 0 0 0 4px rgba(198, 174, 142, 0.16);
    background: #fff;
}

.lat40-request-form__intro {
    display: grid;
    gap: 0.7rem;
    padding-bottom: 0.2rem;
}

.lat40-request-form__eyebrow,
.lat40-request-form__progress-kicker,
.lat40-request-step__header p,
.lat40-field > span,
.lat40-fieldset legend {
    margin: 0;
    color: #8a7f70;
    font-size: 0.72rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.lat40-request-form__intro h3 {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3rem);
    line-height: 1.08;
    font-weight: 400;
}

.lat40-request-form__lede {
    margin: 0;
    max-width: 48rem;
    color: var(--public-muted);
    font-size: 1rem;
    line-height: 1.85;
}

.lat40-request-form__progress-shell {
    display: grid;
    gap: 1rem;
    padding: 1.4rem 1.45rem;
    border: 1px solid #e6ddd1;
    background: #faf7f2;
}

.lat40-request-form__progress-copy {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: baseline;
}

.lat40-request-form__progress-copy strong {
    font-size: 1rem;
    font-weight: 600;
    color: var(--public-ink);
}

.lat40-request-form__progress-bar {
    position: relative;
    height: 5px;
    background: #e8e0d4;
    overflow: hidden;
}

.lat40-request-form__progress-bar span {
    display: block;
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, #baa283 0%, #8f6f48 100%);
    transition: width 220ms ease;
}

.lat40-request-form__milestones {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8rem;
}

.lat40-request-form__milestone {
    display: flex;
    justify-content: center;
}

.lat40-request-form__milestone i {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #d9cfbf;
    background: #fff;
    color: #8a7f70;
    font-style: normal;
    font-size: 0.82rem;
    font-weight: 700;
    transition: all 180ms ease;
}

.lat40-request-form__milestone.is-active i,
.lat40-request-form__milestone.is-done i {
    border-color: #1f1b17;
    background: #1f1b17;
    color: #f7f3ec;
}

.lat40-request-step {
    padding: 1.8rem 0 0;
    border-top: 1px solid #eee6db;
}

.lat40-request-step__header {
    display: grid;
    gap: 0.45rem;
    margin-bottom: 0.35rem;
}

.lat40-request-step__header h4 {
    margin: 0;
    font-size: clamp(1.5rem, 2.4vw, 2.15rem);
    line-height: 1.12;
    font-weight: 400;
}

.lat40-request-step__header p {
    font-size: 0.82rem;
    line-height: 1.9;
    letter-spacing: 0.08em;
}

.lat40-request-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem 1.2rem;
}

.lat40-col-4 {
    grid-column: span 4;
}

.lat40-col-6 {
    grid-column: span 6;
}

.lat40-col-12 {
    grid-column: 1 / -1;
}

.lat40-field {
    display: grid;
    gap: 0.5rem;
}

.lat40-fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.lat40-fieldset legend {
    padding: 0;
    margin-bottom: 0.8rem;
}

.lat40-choice-grid,
.lat40-check-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0.85rem;
}

.lat40-choice-card,
.lat40-check-card {
    grid-column: span 4;
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 1rem 1rem 1.05rem;
    border: 1px solid #e2d8cb;
    background: rgba(255, 255, 255, 0.88);
    transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.lat40-choice-card:hover,
.lat40-check-card:hover {
    border-color: #c6ae8e;
    background: #fff;
    transform: translateY(-1px);
}

.lat40-choice-card input,
.lat40-check-card input {
    width: auto;
    margin: 0.18rem 0 0;
    padding: 0;
}

.lat40-choice-card span,
.lat40-check-card span {
    color: #2b2b2b;
    font-size: 0.96rem;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.55;
}

.lat40-legal-check {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 0.9rem;
    align-items: start;
    padding: 1rem 1rem 1.05rem;
    border: 1px solid #e2d8cb;
    background: rgba(255, 255, 255, 0.88);
}

.lat40-legal-check input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.lat40-legal-check__box {
    width: 20px;
    height: 20px;
    border: 1px solid #b8ab99;
    background: #fff;
    margin-top: 0.15rem;
}

.lat40-legal-check input:checked + .lat40-legal-check__box {
    background:
        linear-gradient(135deg, #1f1b17, #1f1b17);
    border-color: #1f1b17;
    box-shadow: inset 0 0 0 4px #fff;
}

.lat40-legal-check__text {
    color: #4d463f;
    font-size: 0.96rem;
    line-height: 1.7;
}

.lat40-request-form__footer {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    align-items: center;
    padding-top: 1.4rem;
    border-top: 1px solid #e9e1d4;
}

.lat40-request-form__note {
    max-width: 42rem;
    color: var(--public-muted);
    line-height: 1.8;
}

.step-form__actions {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.lat40-request-form__actions {
    flex: 0 0 auto;
}

.lat40-request-form__actions .button {
    cursor: pointer;
}

.lat40-request-form__actions .button:disabled {
    cursor: not-allowed;
}

.lat40-request-form__actions [hidden] {
    display: none !important;
}

.editorial-map-shell {
    display: grid;
    grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
    gap: 1.5rem;
    align-items: stretch;
    padding: 1.2rem;
    border: 1px solid var(--public-line);
    background: linear-gradient(180deg, rgba(250, 246, 239, 0.96), rgba(239, 231, 218, 0.88));
    box-shadow: var(--public-shadow);
}

.editorial-map-copy {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.editorial-map-copy h3 {
    font-size: clamp(2rem, 3vw, 3rem);
}

.editorial-map-intro {
    display: grid;
    gap: 0.9rem;
}

.editorial-map-intro p:last-child {
    margin: 0;
    color: var(--public-muted);
    line-height: 1.7;
}

.editorial-map-feature {
    display: grid;
    gap: 1rem;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(143, 111, 72, 0.22);
}

.editorial-map-feature__media {
    aspect-ratio: 4 / 3;
    margin: 0;
    overflow: hidden;
    background: var(--public-surface-strong);
}

.editorial-map-feature__media img,
.editorial-map-feature__media .public-card__fallback {
    width: 100%;
    height: 100%;
}

.editorial-map-feature__media img {
    display: block;
    object-fit: cover;
}

.editorial-map-feature__media [hidden] {
    display: none;
}

.editorial-map-feature__body {
    display: grid;
    gap: 0.85rem;
}

.editorial-map-feature__body h4 {
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(1.9rem, 2.5vw, 2.65rem);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: 0;
}

.editorial-map-feature__body > p:not(.eyebrow) {
    margin: 0;
    color: var(--public-muted);
    line-height: 1.68;
}

.editorial-map-feature__facts {
    display: grid;
    gap: 0.7rem;
    margin: 0;
}

.editorial-map-feature__facts div {
    display: grid;
    gap: 0.18rem;
    padding-top: 0.7rem;
    border-top: 1px solid rgba(23, 21, 19, 0.08);
}

.editorial-map-feature__facts dt {
    color: var(--public-accent);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.editorial-map-feature__facts dd {
    margin: 0;
    color: var(--public-ink);
    line-height: 1.45;
}

.editorial-map-feature__link {
    justify-self: start;
    margin-top: 0.15rem;
    color: var(--public-ink);
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-decoration: none;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(143, 111, 72, 0.48);
    padding-bottom: 0.22rem;
}

.editorial-map-feature__link:hover {
    border-color: var(--public-ink);
}

.editorial-map-facts {
    display: grid;
    gap: clamp(1rem, 2vw, 1.5rem);
}

.editorial-map-facts article {
    display: grid;
    gap: 0.45rem;
    padding-bottom: clamp(0.9rem, 1.5vw, 1.2rem);
    border-bottom: 1px solid rgba(23, 21, 19, 0.1);
}

.editorial-map-facts article:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.editorial-map-facts p {
    margin: 0;
    color: var(--public-ink);
    line-height: 1.6;
}

.editorial-map-cards {
    display: grid;
    gap: 0.75rem;
}

.editorial-map-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(23, 21, 19, 0.08);
    background: rgba(255, 255, 255, 0.54);
}

.editorial-map-card.is-active {
    border-color: rgba(143, 111, 72, 0.36);
    background: rgba(255, 255, 255, 0.8);
}

.editorial-map-card--destination {
    border-color: rgba(143, 111, 72, 0.24);
    background: rgba(143, 111, 72, 0.08);
}

.editorial-map-card__index {
    display: inline-grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: var(--public-ink);
    color: #f7f2e8;
    font-size: 0.82rem;
    font-weight: 700;
}

.editorial-map-card h4,
.editorial-map-card p {
    margin: 0;
}

.editorial-map-card p {
    margin-top: 0.4rem;
    color: var(--public-muted);
}

.editorial-map-canvas .destination-map {
    min-height: 520px;
}

.editorial-map-marker {
    background: transparent;
}

.editorial-map-marker span {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.82);
    background: rgba(59, 70, 54, 0.92);
    color: #f8f3ea;
    font-size: 0.76rem;
    font-weight: 700;
    box-shadow: 0 10px 24px rgba(17, 15, 12, 0.16);
}

.editorial-map-card--destination .editorial-map-card__index,
.editorial-map-marker--destination span {
    width: 46px;
    height: 46px;
    border: 1px solid rgba(143, 111, 72, 0.46);
    background: rgba(244, 239, 230, 0.96);
    color: var(--public-ink);
    font-size: 0.72rem;
    box-shadow: 0 16px 34px rgba(143, 111, 72, 0.18);
}

.editorial-map-marker--accommodation span {
    background: rgba(23, 21, 19, 0.94);
}

.editorial-map-canvas {
    min-height: clamp(580px, 42vw, 760px);
    position: relative;
    z-index: 0;
    isolation: isolate;
}

.editorial-map-canvas .destination-map {
    height: 100%;
}

.destination-gallery-section {
    margin: clamp(24px, 4vw, 54px) 0 clamp(72px, 8vw, 128px);
    background: linear-gradient(180deg, rgba(244, 239, 230, 0) 0%, rgba(239, 231, 218, 0.7) 100%);
}

.destination-gallery-stage {
    top: 88px;
    padding: clamp(0.65rem, 1vw, 1rem) 0;
}

.destination-gallery-grid {
    grid-auto-columns: calc((100vw - 6px) / 4);
    transition: none;
}

.destination-gallery-item img {
    height: clamp(380px, 25vw, 500px);
    filter: saturate(0.9) contrast(0.94) sepia(0.12);
}

.accommodation-destination-context {
    display: grid;
    grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: center;
}

.accommodation-destination-context__copy {
    display: grid;
    gap: 1.25rem;
    align-content: start;
}

.accommodation-destination-context__copy h2 {
    font-size: clamp(2.6rem, 5.5vw, 5.8rem);
    line-height: 0.96;
}

.accommodation-destination-context__link {
    display: inline-flex;
    width: fit-content;
    margin-top: 0.25rem;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid currentColor;
    color: var(--public-ink);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-decoration: none;
    text-transform: uppercase;
}

.accommodation-destination-context__media {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.74fr);
    grid-template-rows: repeat(2, minmax(170px, 1fr));
    gap: clamp(0.65rem, 1.2vw, 1rem);
    min-height: clamp(360px, 46vw, 620px);
}

.accommodation-destination-context__photo {
    margin: 0;
    overflow: hidden;
    background: var(--public-surface-strong);
}

.accommodation-destination-context__photo--1 {
    grid-row: span 2;
}

.accommodation-destination-context__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.82) contrast(0.92) sepia(0.16);
}

.public-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.site-footer--public {
    padding-top: 2.5rem;
}

.site-footer--public .footer-statement {
    margin: 0.8rem 0 0;
    max-width: 24rem;
    color: rgba(238, 227, 206, 0.7);
}

.lat40-cookie {
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    z-index: 80;
    pointer-events: none;
}

.lat40-cookie[hidden],
.lat40-cookie__settings[hidden] {
    display: none;
}

.lat40-cookie__panel,
.lat40-cookie__settings-panel {
    pointer-events: auto;
    width: min(720px, 100%);
    margin: 0 auto;
    background: rgba(251, 248, 242, 0.96);
    border: 1px solid rgba(23, 21, 19, 0.12);
    box-shadow: 0 18px 54px rgba(17, 15, 12, 0.14);
    color: var(--public-ink);
}

.lat40-cookie__panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.85rem;
}

.lat40-cookie__copy {
    display: grid;
    gap: 0.18rem;
}

.lat40-cookie__copy strong,
.lat40-cookie__settings-head strong,
.lat40-cookie__option strong {
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.lat40-cookie__copy p,
.lat40-cookie__settings-head p,
.lat40-cookie__option small {
    margin: 0;
    color: var(--public-muted);
    font-size: 0.78rem;
    line-height: 1.55;
}

.lat40-cookie__actions {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.lat40-cookie__button,
.lat40-cookie__close {
    border: 1px solid rgba(23, 21, 19, 0.16);
    background: rgba(255, 255, 255, 0.38);
    color: var(--public-ink);
    cursor: pointer;
    font: inherit;
}

.lat40-cookie__button {
    min-height: 36px;
    padding: 0.62rem 0.78rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.lat40-cookie__settings {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: end center;
    padding: 1rem;
    background: rgba(17, 15, 12, 0.16);
    pointer-events: auto;
}

.lat40-cookie__settings-panel {
    display: grid;
    gap: 0.8rem;
    padding: 1rem;
}

.lat40-cookie__settings-head {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.lat40-cookie__close {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 1.15rem;
    line-height: 1;
}

.lat40-cookie__option {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(23, 21, 19, 0.1);
}

.lat40-cookie__option span {
    display: grid;
    gap: 0.22rem;
}

.lat40-cookie__option input {
    width: 20px;
    height: 20px;
    accent-color: var(--public-ink);
}

@media (max-width: 1080px) {
    .country-story {
        width: min(100vw - 2rem, 1360px);
    }

    .country-story__layout {
        grid-template-columns: 1fr;
        gap: clamp(2rem, 6vw, 4rem);
    }

    .country-story__intro {
        position: static;
    }

    .trip-finder {
        grid-template-columns: 1fr;
    }

    .trip-finder__intro {
        position: static;
    }

    .public-grid--three,
    .editorial-map-shell,
    .accommodation-destination-context {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .editorial-map-canvas {
        min-height: 560px;
    }

    .accommodation-showcase {
        grid-template-columns: 1fr;
    }

    .accommodation-showcase__copy {
        order: -1;
    }

    .public-form-layout {
        grid-template-columns: 1fr;
    }

    .public-form-aside {
        display: none;
    }

    .lat40-choice-card,
    .lat40-check-card {
        grid-column: span 6;
    }
}

@media (prefers-reduced-motion: reduce) {
    .public-form-aside__panel,
    .public-form-aside__panel::after,
    .public-form-aside__timeline-line i,
    .public-form-aside__stage,
    .public-form-aside__stage span,
    .public-form-aside__state,
    .public-form-aside__surprise,
    .accommodation-showcase__media,
    .accommodation-showcase__copy,
    .accommodation-showcase__image::after,
    .accommodation-showcase__image img,
    .accommodation-showcase__image .public-card__fallback,
    .accommodation-filters,
    .public-card--accommodation[data-scroll-reveal] {
        transition: none;
    }
}

@media (max-width: 760px) {
    .page-country-detail .hero-text {
        font-size: 1rem;
    }

    .country-story__chapters {
        grid-template-columns: 1fr;
    }

    .country-story__chapter:first-child {
        grid-column: auto;
    }

    .page-public .site-footer-inner {
        width: min(100vw - 2rem, 1360px);
    }

    .page-public .site-header-inner {
        width: 100%;
        gap: 1rem;
    }

    .page-public main {
        padding-top: 74px;
    }

    /* El boton se define una sola vez, en el bloque de 960px de mas abajo: aqui
       se declaraba `inline-flex`, que ponia las tres barras en fila. */

    /* El panel del menú móvil se define una sola vez, en el bloque de 960px de
       más abajo. Antes se redefinía aquí con `inset: 74px 0 0` y una altura de
       header fija, lo que competía con esa definición y daba resultados
       distintos segun el navegador. */

    .public-grid--three,
    .editorial-map-shell,
    .accommodation-destination-context {
        grid-template-columns: 1fr;
    }

    .editorial-map-canvas {
        min-height: 440px;
    }

    .destination-gallery-section {
        margin: 0 0 clamp(56px, 12vw, 84px);
    }

    .destination-gallery-stage {
        position: static;
        padding: 0;
    }

    .destination-gallery-grid {
        grid-template-rows: none;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-flow: row;
        grid-auto-columns: auto;
        width: 100%;
        transform: none !important;
    }

    .destination-gallery-item img {
        height: clamp(220px, 34vw, 300px);
    }

    .accommodation-destination-context__media {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        min-height: auto;
    }

    .accommodation-destination-context__photo,
    .accommodation-destination-context__photo--1 {
        grid-row: auto;
        aspect-ratio: 4 / 3;
    }

    .notebook-article__layout {
        grid-template-columns: 1fr;
    }

    .notebook-article__aside {
        position: static;
    }

    .notebook-article__footer {
        display: grid;
    }

    .trip-finder__ledger,
    .trip-results__bar {
        display: grid;
    }

    .trip-finder__options {
        grid-template-columns: 1fr;
    }

    .trip-results__bar > p {
        text-align: left;
    }

    .trip-results .trip-finder {
        top: 74px;
        margin-inline: -0.25rem;
        padding: 0.85rem;
    }

    .trip-finder__topline,
    .trip-results .trip-finder__ledger {
        grid-template-columns: 1fr;
        gap: 0.55rem;
    }

    .trip-results .trip-finder__option {
        flex-basis: 76vw;
    }

    .accommodation-filters__head {
        display: grid;
        align-items: start;
    }

    .accommodation-budget,
    .accommodation-chip-set {
        gap: 0.6rem;
    }

    .public-gallery {
        margin-block: 3rem;
        padding: 2.2rem 0;
    }

    .public-gallery__stage {
        width: 100%;
    }

    .public-gallery__track {
        height: min(92vw, 480px);
    }

    .public-gallery__item {
        flex-basis: 78vw;
    }

    .public-gallery__item:hover,
    .public-gallery__item:focus-within {
        flex-basis: 86vw;
    }

    .public-gallery__edge {
        width: 2.7rem;
    }

    .public-gallery-lightbox {
        padding: 4.8rem 0.75rem 1rem;
    }

    .public-gallery-lightbox__figure img {
        max-height: 72vh;
    }

    .public-gallery-lightbox__nav {
        top: auto;
        bottom: 1rem;
        transform: none;
    }

    .lat40-request-form__progress-copy,
    .lat40-request-form__footer {
        grid-template-columns: 1fr;
        display: grid;
    }

    .lat40-request-grid,
    .lat40-choice-grid,
    .lat40-check-grid {
        grid-template-columns: 1fr;
    }

    .lat40-col-4,
    .lat40-col-6,
    .lat40-choice-card,
    .lat40-check-card {
        grid-column: 1 / -1;
    }

    .step-form__actions {
        flex-wrap: wrap;
    }

    .lat40-cookie {
        left: 0.75rem;
        right: 0.75rem;
        bottom: 0.75rem;
    }

    .lat40-cookie__panel {
        grid-template-columns: 1fr;
    }

    .lat40-cookie__actions {
        justify-content: stretch;
    }

    .lat40-cookie__button {
        flex: 1 1 30%;
    }
}

/* ============================================================================
   REDISEÑO EDITORIAL INMERSIVO · páginas de país (/destinos/{pais})
   Añadido 2026-06-17. Scoped 100% a .page-country-detail — no afecta a otras
   páginas públicas. Va al FINAL del fichero a propósito: gana en cascada sobre
   las reglas de país de más arriba (main.php re-inyecta public-site.css al
   final, así que un fichero aparte perdería; por eso se extiende aquí).
   Atajos de dolor que resuelve: hero pobre, monotonía de rejillas, tipografía
   desbocada y frialdad editorial.
   ============================================================================ */

/* --- Hero: imagen viva (Ken-Burns) + scrim limpio + fundido a página ------ */
.page-country-detail .hero {
    min-height: min(90vh, 860px);
    background-image: none;            /* la imagen se mueve a ::before */
    padding-bottom: clamp(112px, 13vh, 150px);
    overflow: hidden;
    isolation: isolate;
}
.page-country-detail .hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: var(--hero-image);
    background-position: center;
    background-size: cover;
    transform: scale(1.08);
    animation: countryHeroDrift 18s ease-out forwards;
}
@keyframes countryHeroDrift { to { transform: scale(1); } }

/* Scrim de un solo sentido (peso abajo, donde va el texto) + viñeta suave.
   Menos "barro" que el doble degradado anterior. */
.page-country-detail .hero-shade {
    background:
        linear-gradient(177deg, rgba(12,10,8,0) 36%, rgba(12,10,8,0.5) 74%, rgba(12,10,8,0.74) 100%),
        radial-gradient(130% 92% at 14% 100%, rgba(12,10,8,0.48), transparent 58%);
}
/* Fundido inferior al color de página: el hero entra sin corte duro. */
.page-country-detail .hero::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 80px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, var(--public-bg));
}
.page-country-detail .hero-content {
    position: relative;
    z-index: 2;
    max-width: min(960px, 92vw);
    text-shadow: 0 1px 36px rgba(0,0,0,0.22);
}
.page-country-detail .hero-content .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.1rem;
    color: #ecdfca;
    font-weight: 600;
    letter-spacing: 0.34em;
}
.page-country-detail .hero-content .eyebrow::before {
    content: "";
    width: 2.6rem; height: 1px;
    background: var(--public-accent-soft);
}
.page-country-detail .hero-content h1 {
    max-width: 15ch;
    font-size: clamp(3.6rem, 9vw, 7.6rem);
    line-height: 0.9;
    letter-spacing: -0.015em;
    text-wrap: balance;
}
.page-country-detail .hero-text {
    margin-top: 1.2rem;
    max-width: 44rem;
    color: rgba(255,253,248,0.88);
    font-size: clamp(1.05rem, 1.35vw, 1.28rem);
    line-height: 1.6;
}

/* --- Intro editorial: serif con voz + keyline de hechos ------------------- */
.page-country-detail .country-story {
    width: min(1180px, calc(100vw - 4rem));
}
.page-country-detail .country-story__layout {
    grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.5fr);
    gap: clamp(2.5rem, 5vw, 5.5rem);
}
.page-country-detail .country-story__intro h2 {
    font-size: clamp(2.6rem, 4.2vw, 4.4rem);   /* baja del 6.4rem desbocado */
    line-height: 1.0;
}
.page-country-detail .country-story__intro .eyebrow { color: var(--public-accent); }
.page-country-detail .country-story__intro .lead-text {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(1.4rem, 2vw, 1.85rem);
    line-height: 1.46;
    font-weight: 500;
    color: var(--public-ink);
    max-width: 34rem;
}
.page-country-detail .country-story__facts {
    margin: 0.2rem 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.7rem;
    font-size: 0.74rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--public-accent);
}
.page-country-detail .country-story__facts i {
    width: 4px; height: 4px; border-radius: 50%;
    background: var(--public-accent-soft);
    display: inline-block;
}
.page-country-detail .country-story__chapter { border-top-color: rgba(143, 111, 72, 0.3); }
.page-country-detail .country-story__chapter h3 { font-size: clamp(1.7rem, 2.1vw, 2.3rem); }

/* --- Section headers: eyebrow menos gritón, con tick champán --------------- */
.page-country-detail .section-heading .eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    color: var(--public-accent);
    font-weight: 600;
    font-size: 0.7rem;
    letter-spacing: 0.28em;
}
.page-country-detail .section-heading .eyebrow::before {
    content: "";
    width: 1.8rem; height: 1px;
    background: var(--public-accent-soft);
}
.page-country-detail .section-heading h2 { font-size: clamp(2.2rem, 3.4vw, 3.6rem); }

/* --- Ritmo: primer destino como pieza grande (rompe la rejilla uniforme) -- */
@media (min-width: 760px) {
    .page-country-detail .country-destinations {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1.5rem, 2.5vw, 2.2rem);
    }
    .page-country-detail .country-destinations > .public-card:first-child {
        grid-column: 1 / -1;
    }
    .page-country-detail .country-destinations > .public-card:first-child .public-card__link {
        display: grid;
        grid-template-columns: 1.25fr 1fr;
        min-height: 380px;
    }
    .page-country-detail .country-destinations > .public-card:first-child .public-card__media {
        aspect-ratio: auto;
        height: 100%;
    }
    .page-country-detail .country-destinations > .public-card:first-child .public-card__body {
        align-content: center;
        gap: 1.1rem;
        padding: clamp(1.8rem, 3.2vw, 3.2rem);
    }
    .page-country-detail .country-destinations > .public-card:first-child h3 {
        font-size: clamp(2.1rem, 3vw, 3.2rem);
    }
    .page-country-detail .country-destinations > .public-card:first-child .public-card__body p {
        font-size: 1.05rem;
        line-height: 1.7;
        max-width: 42ch;
    }
}

/* --- Tarjetas: elevación + acento en hover (más alma, menos planas) ------- */
.page-country-detail .public-card {
    transition: transform 360ms cubic-bezier(0.22,1,0.36,1), box-shadow 360ms ease, border-color 360ms ease;
}
.page-country-detail .public-card:hover {
    transform: translateY(-4px);
    border-color: rgba(143, 111, 72, 0.4);
    box-shadow: 0 30px 80px rgba(17, 15, 12, 0.14);
}
.page-country-detail .public-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--public-accent);
    font-size: 0.74rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    transition: gap 220ms ease;
}
.page-country-detail .public-card__cta::after { content: "\2192"; }
.page-country-detail .public-card__link:hover .public-card__cta { gap: 0.85rem; }

/* --- Reduced motion -------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .page-country-detail .hero::before { animation: none; transform: scale(1); }
    .page-country-detail .public-card,
    .page-country-detail .public-card__cta { transition: none; }
    .page-country-detail .public-card:hover { transform: none; }
}

/* --- Responsive ------------------------------------------------------------ */
@media (max-width: 760px) {
    .page-country-detail .hero { min-height: 72vh; padding-bottom: 84px; }
    .page-country-detail .hero-content h1 { font-size: clamp(2.8rem, 13vw, 4rem); }
    .page-country-detail .country-destinations > .public-card:first-child .public-card__link {
        display: block;
    }
}

/* === Página de alojamiento: ficha, mapa geográfico y meta de galería ======== */
.accommodation-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
    gap: clamp(1.5rem, 3vw, 3rem);
    align-items: start;
}

.accommodation-intro__copy .eyebrow {
    margin-bottom: 0.6rem;
}

.accommodation-facts {
    position: sticky;
    top: 100px;
    display: grid;
    gap: 1rem;
    padding: clamp(1.2rem, 2vw, 1.6rem);
    border: 1px solid var(--public-line);
    border-radius: 4px;
    background: var(--public-surface);
    box-shadow: var(--public-shadow);
}

.accommodation-facts__rating {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid var(--public-line);
}

.accommodation-facts__score {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1;
}

.accommodation-facts__stars {
    position: relative;
    display: inline-block;
    font-size: 1.1rem;
    letter-spacing: 2px;
    color: rgba(143, 111, 72, 0.26);
    white-space: nowrap;
}

.accommodation-facts__stars::before {
    content: "★★★★★";
    position: absolute;
    inset: 0;
    width: var(--rating-fill, 0%);
    overflow: hidden;
    color: var(--public-accent);
}

.accommodation-facts__list {
    display: grid;
    gap: 0;
    margin: 0;
}

.accommodation-facts__list > div {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--public-line);
}

.accommodation-facts__list > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.accommodation-facts__list dt {
    color: var(--public-accent);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.accommodation-facts__list dd {
    margin: 0;
    color: var(--public-ink);
    line-height: 1.45;
}

.accommodation-facts__cta {
    display: block;
    margin-top: 0.3rem;
    padding: 0.85rem 1rem;
    text-align: center;
    background: var(--public-olive);
    color: #f1ece2;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid var(--public-olive);
    transition: background 180ms ease, color 180ms ease;
}

.accommodation-facts__cta:hover {
    background: transparent;
    color: var(--public-ink);
}

.editorial-map-location {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-content: start;
}

.editorial-map-location h3 {
    margin: 0;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(1.7rem, 2.4vw, 2.4rem);
    font-weight: 600;
    line-height: 1.05;
}

.editorial-map-location > p {
    margin: 0;
    color: var(--public-muted);
    line-height: 1.7;
}

.editorial-map-location__facts {
    display: grid;
    gap: 0;
    margin: 0;
    border-top: 1px solid var(--public-line);
}

.editorial-map-location__facts > div {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--public-line);
}

.editorial-map-location__facts dt {
    color: var(--public-accent);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.editorial-map-location__facts dd {
    margin: 0;
    color: var(--public-ink);
    line-height: 1.45;
}

.editorial-map-location .editorial-map-feature__link {
    justify-self: start;
    margin-top: 0.2rem;
}

.public-gallery__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: min(1360px, calc(100vw - 4rem));
    margin: 0.9rem auto 0;
    flex-wrap: wrap;
}

.public-gallery__caption {
    margin: 0;
    color: var(--public-muted);
    font-size: 0.92rem;
    line-height: 1.5;
    flex: 1 1 240px;
}

.public-gallery__caption.is-empty {
    visibility: hidden;
}

.public-gallery__meta-right {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    flex-shrink: 0;
}

.public-gallery__counter {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    color: var(--public-ink);
    font-variant-numeric: tabular-nums;
}

.public-gallery__view-all {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0 0 0.2rem;
    color: var(--public-ink);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    cursor: pointer;
    border-bottom: 1px solid var(--public-accent);
    transition: border-color 180ms ease;
}

.public-gallery__view-all:hover {
    border-color: var(--public-ink);
}

@media (max-width: 960px) {
    .accommodation-intro__grid {
        grid-template-columns: 1fr;
    }

    .accommodation-facts {
        position: static;
    }
}

/* Marcador de alojamiento: pin + etiqueta con el nombre */
.editorial-map-pin {
    position: relative;
    background: transparent;
    border: 0;
}

.editorial-map-pin__svg {
    display: block;
    filter: drop-shadow(0 6px 10px rgba(17, 15, 12, 0.22));
}

.editorial-map-pin__name {
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%, -8px);
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    background: rgba(23, 21, 19, 0.94);
    color: #f4efe6;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    padding: 4px 10px;
    border-radius: 4px;
    box-shadow: 0 8px 20px rgba(17, 15, 12, 0.18);
    pointer-events: none;
}

.editorial-map-pin__name::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: rgba(23, 21, 19, 0.94);
}

/* Galería vertical a pantalla completa ("Ver las N fotos") */
.public-gallery-vertical {
    position: fixed;
    z-index: 1200;
    inset: 0;
    background:
        radial-gradient(circle at top right, rgba(198, 174, 142, 0.18), transparent 28%),
        rgba(244, 239, 230, 0.94);
    -webkit-backdrop-filter: blur(12px) saturate(0.96);
    backdrop-filter: blur(12px) saturate(0.96);
}

.public-gallery-vertical__scroll {
    position: absolute;
    inset: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.public-gallery-vertical__scroll::-webkit-scrollbar {
    display: none;
}

.public-gallery-vertical__item {
    height: 100%;
    margin: 0;
    padding: clamp(1rem, 3vw, 2.4rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    scroll-snap-align: center;
    scroll-snap-stop: always;
}

.public-gallery-vertical__item img {
    display: block;
    max-width: min(92vw, 1320px);
    max-height: 82vh;
    object-fit: contain;
    background: rgba(251, 248, 242, 0.72);
    border: 1px solid rgba(143, 111, 72, 0.2);
    box-shadow: 0 2.5rem 6rem rgba(68, 53, 34, 0.18);
}

.public-gallery-vertical__item figcaption {
    color: rgba(23, 21, 19, 0.62);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: center;
}

.public-gallery-vertical__close,
.public-gallery-vertical__nav {
    position: fixed;
    z-index: 1;
    appearance: none;
    cursor: pointer;
    border: 1px solid rgba(143, 111, 72, 0.28);
    background: rgba(251, 248, 242, 0.82);
    color: var(--public-ink);
    box-shadow: 0 1rem 2.5rem rgba(68, 53, 34, 0.12);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    transition: border-color 160ms ease, background 160ms ease, opacity 160ms ease;
}

.public-gallery-vertical__close:hover,
.public-gallery-vertical__nav:hover {
    border-color: rgba(143, 111, 72, 0.58);
    background: rgba(255, 250, 242, 0.96);
    color: #5f4529;
}

.public-gallery-vertical__close {
    top: 1.2rem;
    right: 1.2rem;
    padding: 0.9rem 1.1rem;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.public-gallery-vertical__nav {
    left: 50%;
    width: clamp(3rem, 4.5vw, 4rem);
    aspect-ratio: 1;
    transform: translateX(-50%);
    border-radius: 50%;
    font-size: clamp(1.4rem, 3vw, 2rem);
    line-height: 1;
}

.public-gallery-vertical__nav--up {
    top: 1.2rem;
}

.public-gallery-vertical__nav--down {
    bottom: 1.2rem;
}

.public-gallery-vertical__nav:disabled {
    opacity: 0.32;
    cursor: default;
}

.public-gallery-vertical__counter {
    position: fixed;
    bottom: 1.6rem;
    left: 1.4rem;
    z-index: 1;
    color: rgba(23, 21, 19, 0.7);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
    .public-gallery-vertical__scroll {
        scroll-behavior: auto;
    }
}

/* Menú móvil/estrecho: colapsa en hamburguesa hasta 960px y se posiciona
   contra el viewport (la cabecera pública usa backdrop-filter, que crea
   bloque contenedor y rompía el position:fixed del panel). */
@media (max-width: 960px) {
    /* Las tres barras van apiladas. Con `inline-flex` (direccion fila por
       defecto) se pintaban una al lado de otra y el boton parecia tres guiones
       seguidos en anchuras medias. Se usa rejilla: barras en la columna 1 y la
       etiqueta "Menu" en la 2, ocupando las tres filas. */
    .site-nav-toggle {
        position: relative;
        display: grid;
        grid-template-columns: 20px auto;
        grid-template-rows: repeat(3, 1px);
        column-gap: 0.75rem;
        row-gap: 5px;
        align-content: center;
        align-items: center;
        min-width: 44px;
        min-height: 44px;
        padding: 0;
    }

    .site-nav-toggle span {
        grid-column: 1;
        width: 20px;
        margin: 0;
    }

    .site-nav-toggle em {
        grid-column: 2;
        grid-row: 1 / -1;
        align-self: center;
    }

    .page-public .site-header {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: rgba(244, 239, 230, 0.97);
        /* El panel desplegable es hijo de la cabecera, asi que hereda su capa.
           Con el z-index base (20) cualquier elemento fijo por encima -como la
           barra de seleccion de viaje, en 900- tapaba el menu abierto. Se sube
           la cabecera por encima de esos elementos y por debajo del aviso de
           cookies (1200), que debe seguir mandando. */
        z-index: 1000;
    }

    .page-public .site-header-inner {
        gap: 1rem;
    }

    /* Se aplica a `.site-nav` (no solo a `.site-nav--public`) porque el menu
       que ve un trabajador o cliente conectado no lleva el modificador y se
       quedaba en flujo, saliendose de la pantalla por la derecha. */
    .page-public .site-nav {
        position: fixed;
        top: var(--public-header-h);
        left: 0;
        right: 0;
        bottom: auto;
        box-sizing: border-box;
        width: 100%;
        max-width: 100vw;
        min-width: 0;
        /* En Android (Chrome y Samsung Internet) `100vh` es la altura con la
           barra del navegador oculta, mayor que el area realmente visible: el
           final del menu quedaba fuera de pantalla. `dvh` sigue al viewport
           real; el `vh` previo queda como respaldo para navegadores antiguos. */
        max-height: calc(100vh - var(--public-header-h));
        max-height: calc(100dvh - var(--public-header-h));
        overflow-y: auto;
        overscroll-behavior: contain;
        display: grid;
        align-content: start;
        gap: 0.25rem;
        padding: 1rem clamp(1rem, 5vw, 2rem) 1.6rem;
        background: rgba(244, 239, 230, 0.98);
        border-top: 1px solid rgba(23, 21, 19, 0.06);
        border-bottom: 1px solid rgba(23, 21, 19, 0.1);
        box-shadow: 0 28px 56px rgba(17, 15, 12, 0.16);
        transform: translateY(-115%);
        transition: transform 240ms ease;
    }

    .page-public .site-nav.is-open {
        transform: translateY(0);
    }

    .page-public .site-nav a {
        min-width: 0;
        max-width: 100%;
        padding: 0.85rem 0.25rem;
        border-bottom: 1px solid rgba(23, 21, 19, 0.06);
        overflow-wrap: anywhere;
    }

    .page-public .site-nav a:last-child {
        border-bottom: 0;
    }

    .page-public .site-nav .site-nav-cta {
        margin-top: 0.6rem;
        text-align: center;
        border-bottom: 1px solid rgba(143, 111, 72, 0.26);
    }
}

@media (max-width: 760px) {
    body.page-public {
        --public-header-h: 74px;
    }

    .page-accommodation-detail .site-header .brand {
        min-width: 0;
    }

    .page-accommodation-detail .site-header .lat40-lockup--compact .lat40-lockup__letters {
        font-size: 1.35rem;
        letter-spacing: 0.1em;
    }

    /* En pantalla estrecha se deja solo el icono. Antes esto era exclusivo de la
       ficha de alojamiento, asi que el resto de paginas mantenia la etiqueta y
       se comportaba distinto; ahora aplica a todas por igual. */
    .site-nav-toggle {
        grid-template-columns: 20px;
        justify-content: center;
    }

    .site-nav-toggle em {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}

/* === /destinos: hero premium + movimiento al hacer scroll ================== */
.page-destinos-hub .hero {
    min-height: min(92vh, 880px);
    background-image: none;
    overflow: hidden;
    isolation: isolate;
}

.page-destinos-hub .hero::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: 0;
    background-image: var(--hero-image);
    background-position: center;
    background-size: cover;
    transform: translate3d(0, var(--hero-parallax, 0px), 0) scale(1.24);
    will-change: transform;
}

.page-destinos-hub .hero-shade {
    z-index: 1;
    background:
        linear-gradient(177deg, rgba(12, 10, 8, 0) 34%, rgba(12, 10, 8, 0.5) 72%, rgba(12, 10, 8, 0.78) 100%),
        radial-gradient(132% 94% at 14% 100%, rgba(12, 10, 8, 0.5), transparent 58%);
}

.page-destinos-hub .hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 96px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, var(--public-bg));
}

.page-destinos-hub .hero-content {
    position: relative;
    z-index: 2;
    transform: translate3d(0, var(--hero-shift, 0px), 0);
    opacity: var(--hero-fade, 1);
    will-change: transform, opacity;
    text-shadow: 0 1px 36px rgba(0, 0, 0, 0.22);
}

.page-destinos-hub.has-dest-motion .hero-content > * {
    opacity: 0;
    animation: destHeroRise 0.85s cubic-bezier(0.22, 1, 0.36, 1) both;
}

.page-destinos-hub.has-dest-motion .hero-content > *:nth-child(1) { animation-delay: 0.06s; }
.page-destinos-hub.has-dest-motion .hero-content > *:nth-child(2) { animation-delay: 0.18s; }
.page-destinos-hub.has-dest-motion .hero-content > *:nth-child(3) { animation-delay: 0.30s; }

@keyframes destHeroRise {
    from { opacity: 0; transform: translateY(16px); filter: blur(6px); }
    to   { opacity: 1; transform: translateY(0); filter: blur(0); }
}

.page-destinos-hub.has-dest-motion [data-scroll-reveal] {
    opacity: 0;
    transform: translateY(28px);
    filter: blur(4px);
    transition:
        opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.7s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.page-destinos-hub.has-dest-motion [data-scroll-reveal].is-visible {
    opacity: 1;
    transform: none;
    filter: none;
}

.page-destinos-hub {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    .page-destinos-hub { scroll-behavior: auto; }
    .page-destinos-hub .hero::before { transform: scale(1.06); }
    .page-destinos-hub .hero-content { transform: none; opacity: 1; }
    .page-destinos-hub.has-dest-motion .hero-content > * { opacity: 1; animation: none; }
    .page-destinos-hub.has-dest-motion [data-scroll-reveal] { opacity: 1; transform: none; filter: none; transition: none; }
}

/* === Página de país: imagen grande con crossfade (rellena el hueco derecho) = */
.country-story__media {
    display: none;
}

@media (min-width: 1180px) {
    .page-country-detail .country-story {
        width: min(1480px, calc(100vw - 4rem));
        margin-left: auto;
        margin-right: auto;
    }

    .page-country-detail .country-story__layout {
        grid-template-columns: minmax(240px, 0.68fr) minmax(0, 1.18fr) minmax(340px, 1.05fr);
        gap: clamp(2rem, 3.4vw, 4rem);
    }

    .country-story__media {
        display: block;
        position: sticky;
        top: 104px;
        align-self: start;
        height: min(80vh, 800px);
        margin: 0;
        overflow: hidden;
        isolation: isolate;
        background: var(--public-surface-strong);
        box-shadow:
            0 34px 60px -30px rgba(40, 30, 18, 0.5),
            0 4px 14px -6px rgba(40, 30, 18, 0.18);
    }

    .country-story__media-frame {
        position: absolute;
        inset: 0;
        margin: 0;
        background-size: cover;
        background-position: center;
        opacity: 0;
        transform: scale(1.08);
        transition: opacity 1.5s ease, transform 7s ease;
        will-change: opacity, transform;
    }

    .country-story__media-frame.is-active {
        opacity: 1;
        transform: scale(1);
    }

    .country-story__media::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
        background: linear-gradient(178deg, rgba(12, 10, 8, 0) 46%, rgba(12, 10, 8, 0.3) 74%, rgba(12, 10, 8, 0.64) 100%);
    }

    .country-story__media-caption {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1rem;
        padding: clamp(1.1rem, 1.6vw, 1.6rem) clamp(1.2rem, 1.8vw, 1.7rem);
        color: #f6f1e8;
    }

    .country-story__media-place {
        font-family: "Cormorant Garamond", Georgia, serif;
        font-size: clamp(1.6rem, 1.9vw, 2.15rem);
        font-weight: 600;
        line-height: 1;
        letter-spacing: 0;
        text-shadow: 0 1px 20px rgba(0, 0, 0, 0.35);
        transition: opacity 0.4s ease;
    }

    .country-story__media-index {
        flex-shrink: 0;
        padding-bottom: 0.3rem;
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 0.2em;
        color: rgba(246, 241, 232, 0.82);
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .country-story__media-frame {
        transition: none;
        transform: none;
    }
    .country-story__media-place {
        transition: none;
    }
}