/* ==========================================================================
   Trips — listing, category pages and the trip detail page
   Complements the Tailwind utilities used in the blade files; everything that
   needs state, pseudo-elements or RTL-aware geometry lives here.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Listing
   -------------------------------------------------------------------------- */

.trip-category-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.trip-category-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.6rem 1.1rem;
    border: 1px solid rgba(11, 31, 58, 0.10);
    border-radius: 999px;
    background: #FFFFFF;
    color: #0B1F3A;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.trip-category-chip:hover {
    border-color: rgba(24, 183, 178, 0.4);
    color: #18B7B2;
}

.trip-category-chip.is-active {
    border-color: #0B1F3A;
    background: #0B1F3A;
    color: #FFFFFF;
}

.trip-filters {
    display: grid;
    gap: 1rem;
    margin-top: 1.75rem;
    padding: 1.25rem;
    border-radius: 1.5rem;
    background: #FFFFFF;
    box-shadow: 0 20px 70px rgba(11, 31, 58, 0.08);
}

@media (min-width: 768px) {
    .trip-filters {
        grid-template-columns: 2fr 1fr auto;
        align-items: end;
    }

    .trip-filters:has(#trip-country) {
        grid-template-columns: 2fr 1fr 1fr auto;
    }
}

.trip-filters-label {
    display: block;
    margin-bottom: 0.4rem;
    color: rgba(11, 31, 58, 0.55);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.trip-filters-input {
    width: 100%;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(11, 31, 58, 0.12);
    border-radius: 0.9rem;
    background: #F7F5EF;
    color: #0B1F3A;
    font-size: 0.9375rem;
}

.trip-filters-input:focus {
    outline: 2px solid #18B7B2;
    outline-offset: 1px;
}

.trip-filters-actions {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.trip-filters-submit {
    padding: 0.85rem 1.6rem;
    border: 0;
    border-radius: 999px;
    background: #0B1F3A;
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color .15s ease;
}

.trip-filters-submit:hover {
    background: #18B7B2;
}

.trip-filters-reset {
    color: rgba(11, 31, 58, 0.55);
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: none;
}

.trip-filters-reset:hover {
    color: #18B7B2;
}

.trip-card-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0B1F3A 0%, #18B7B2 100%);
}

.trip-card::after {
    content: '';
    position: absolute;
    z-index: 1;
    inset-inline: 22px;
    bottom: 0;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, transparent, #18B7B2, transparent);
    transform: scaleX(0);
    transform-origin: center;
    pointer-events: none;
    transition: transform .45s ease;
}

.trip-card:hover::after,
.trip-card:focus-within::after {
    transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
    .trip-card::after {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Detail hero
   -------------------------------------------------------------------------- */

.trip-hero {
    position: relative;
    z-index: 2;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    min-height: 30rem;
    padding-top: 9rem;
    padding-bottom: 4rem;
    background: #0B1F3A;
}

.trip-hero-image {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.trip-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(11, 31, 58, 0.85) 0%, rgba(11, 31, 58, 0.55) 40%, rgba(11, 31, 58, 0.92) 100%);
}

.trip-hero-content {
    width: 100%;
}

.trip-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.8125rem;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.trip-breadcrumb a {
    color: inherit;
    text-decoration: none;
}

.trip-breadcrumb a:hover {
    color: #18B7B2;
}

.trip-hero-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    margin-top: 1.75rem;
}

.trip-hero-tag {
    padding: 0.5rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    backdrop-filter: blur(6px);
}

/* --------------------------------------------------------------------------
   Detail panels
   -------------------------------------------------------------------------- */

.trip-panel {
    padding: 2rem;
    border-radius: 1.75rem;
    background: #FFFFFF;
    box-shadow: 0 20px 70px rgba(11, 31, 58, 0.08);
}

.trip-panel--muted {
    background: #EEF2F5;
    box-shadow: none;
}

.trip-panel-title {
    margin-bottom: 1.5rem;
    color: #0B1F3A;
    font-size: 1.5rem;
    font-weight: 700;
}

.trip-panel-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 1.5rem;
}

.trip-panel-heading .trip-panel-title {
    margin-bottom: 0;
}

.trip-lead {
    color: rgba(11, 31, 58, 0.75);
    font-size: 1.0625rem;
    line-height: 1.8;
}

.trip-prose {
    margin-top: 1rem;
    color: rgba(11, 31, 58, 0.72);
    line-height: 1.85;
}

.trip-prose p + p {
    margin-top: 1rem;
}

.trip-prose ul {
    margin: 1rem 0;
    padding-inline-start: 1.25rem;
    list-style: disc;
}

.trip-facts {
    display: grid;
    gap: 1.25rem;
}

@media (min-width: 640px) {
    .trip-facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.trip-fact-label {
    color: rgba(11, 31, 58, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.trip-fact-value {
    margin-top: 0.35rem;
    color: #0B1F3A;
    font-size: 1rem;
    font-weight: 600;
}

/* --------------------------------------------------------------------------
   Day by day program
   -------------------------------------------------------------------------- */

.trip-program {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.trip-day {
    border: 1px solid rgba(11, 31, 58, 0.09);
    border-radius: 1.25rem;
    background: #F7F5EF;
    overflow: hidden;
    transition: background-color .4s cubic-bezier(.22, 1, .36, 1), border-color .4s cubic-bezier(.22, 1, .36, 1);
}

.trip-day[open]:not(.is-collapsing) {
    border-color: rgba(24, 183, 178, 0.35);
    background: #FFFFFF;
}

.trip-day-summary {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.1rem 1.35rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.trip-day-summary::-webkit-details-marker,
.trip-day-summary::marker {
    display: none;
    content: '';
}

.trip-day-summary:focus-visible {
    outline: 2px solid #18B7B2;
    outline-offset: -2px;
}

.trip-day-number {
    flex-shrink: 0;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: #0B1F3A;
    color: #FFFFFF;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: background-color .35s ease;
}

.trip-day[open]:not(.is-collapsing) .trip-day-number {
    background: #18B7B2;
}

.trip-day-title {
    flex: 1;
    color: #0B1F3A;
    font-size: 1.0625rem;
    font-weight: 700;
}

.trip-day-chevron {
    flex-shrink: 0;
    width: 0.85rem;
    height: 0.85rem;
    color: rgba(11, 31, 58, 0.45);
    transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}

.trip-day[open]:not(.is-collapsing) .trip-day-chevron {
    transform: rotate(180deg);
}

.trip-day-panel {
    display: grid;
    grid-template-rows: minmax(0, 0fr);
    overflow: hidden;
    transition: grid-template-rows .4s cubic-bezier(.22, 1, .36, 1);
}

.trip-day[open]:not(.is-expanding):not(.is-collapsing) .trip-day-panel {
    grid-template-rows: minmax(0, 1fr);
}

.trip-day-body {
    min-height: 0;
    overflow: hidden;
}

.trip-day-content {
    padding: 0 1.35rem 1.5rem;
}

.trip-day-description {
    color: rgba(11, 31, 58, 0.7);
    line-height: 1.8;
}

.trip-day-items {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    margin-top: 1rem;
    list-style: none;
}

.trip-day-item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: rgba(11, 31, 58, 0.8);
    line-height: 1.6;
}

.trip-day-item-icon {
    margin-top: 0.25rem;
    color: #18B7B2;
    font-size: 0.8125rem;
}

.trip-day-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 1.35rem;
    padding-top: 1.1rem;
    border-top: 1px dashed rgba(11, 31, 58, 0.12);
}

.trip-day-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    background: #EEF2F5;
    color: rgba(11, 31, 58, 0.7);
    font-size: 0.8125rem;
    font-weight: 600;
}

.trip-day-chip i {
    color: #18B7B2;
}

@media (prefers-reduced-motion: reduce) {
    .trip-day,
    .trip-day-panel,
    .trip-day-chevron,
    .trip-day-number {
        transition: none;
    }
}

/* --------------------------------------------------------------------------
   Print and share actions
   -------------------------------------------------------------------------- */

.trip-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1.75rem;
}

.trip-action-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 1.15rem;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.10);
    color: #FFFFFF;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    backdrop-filter: blur(6px);
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.trip-action-btn i {
    font-size: 0.85rem;
}

.trip-action-btn:hover,
.trip-action-btn:focus-visible,
.trip-share.is-open .trip-action-btn[data-share-toggle] {
    border-color: rgba(24, 183, 178, 0.55);
    background: #18B7B2;
    color: #0B1F3A;
}

.trip-action-btn:focus-visible {
    outline: 2px solid #18B7B2;
    outline-offset: 3px;
}

.trip-action-btn--on-light {
    border-color: rgba(11, 31, 58, 0.14);
    background: #F7F5EF;
    color: #0B1F3A;
    backdrop-filter: none;
}

.trip-action-btn--on-light:hover,
.trip-action-btn--on-light:focus-visible {
    border-color: rgba(24, 183, 178, 0.45);
    background: #18B7B2;
    color: #0B1F3A;
}

.trip-share {
    position: relative;
}

.trip-share-menu {
    position: absolute;
    z-index: 30;
    inset-inline-end: 0;
    top: calc(100% + 0.55rem);
    min-width: 13.5rem;
    padding: 0.45rem;
    border: 1px solid rgba(11, 31, 58, 0.08);
    border-radius: 1.1rem;
    background: #FFFFFF;
    box-shadow: 0 18px 50px rgba(11, 31, 58, 0.16);
}

.trip-share-fallback {
    position: fixed;
    top: 0;
    inset-inline-start: -9999px;
    width: 1px;
    height: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

.trip-share-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.7rem 0.85rem;
    border: 0;
    border-radius: 0.75rem;
    background: transparent;
    color: #0B1F3A;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
}

.trip-share-item i {
    width: 1rem;
    color: #18B7B2;
    text-align: center;
}

.trip-share-item:hover,
.trip-share-item:focus-visible {
    background: #F7F5EF;
}

.trip-share-item:focus-visible {
    outline: 2px solid #18B7B2;
    outline-offset: -2px;
}

.trip-print-letterhead,
.trip-print-colophon {
    display: none;
}

/* --------------------------------------------------------------------------
   Services and accommodation
   -------------------------------------------------------------------------- */

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

@media (min-width: 768px) {
    .trip-services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.trip-services-heading {
    margin-bottom: 1rem;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #18B7B2;
    color: #0B1F3A;
    font-size: 1rem;
    font-weight: 700;
}

.trip-services-heading.is-excluded {
    border-bottom-color: rgba(11, 31, 58, 0.2);
}

.trip-services-list {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    list-style: none;
}

.trip-service {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    color: rgba(11, 31, 58, 0.8);
    line-height: 1.6;
}

.trip-service-icon {
    margin-top: 0.3rem;
    color: #18B7B2;
    font-size: 0.8125rem;
}

.trip-service-icon.is-excluded {
    color: rgba(11, 31, 58, 0.35);
}

.trip-stays {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    list-style: none;
}

.trip-stay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-radius: 1rem;
    background: #F7F5EF;
}

.trip-stay-city {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    color: #0B1F3A;
    font-weight: 700;
}

.trip-stay-icon {
    color: #18B7B2;
}

.trip-stay-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    color: rgba(11, 31, 58, 0.6);
    font-size: 0.875rem;
}

.trip-stay-hotel {
    font-weight: 600;
}

/* --------------------------------------------------------------------------
   Gallery
   -------------------------------------------------------------------------- */

.trip-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    gap: 0.75rem;
}

.trip-gallery-item {
    display: block;
    aspect-ratio: 4 / 3;
    border-radius: 1rem;
    overflow: hidden;
}

.trip-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.trip-gallery-item:hover img {
    transform: scale(1.06);
}

/* --------------------------------------------------------------------------
   Sidebar: sticky price box
   -------------------------------------------------------------------------- */

.trip-aside {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .trip-aside {
        position: sticky;
        top: 6.5rem;
        align-self: start;
        max-height: calc(100vh - 7.5rem);
        overflow-y: auto;
    }
}

.trip-price-box {
    padding: 1.75rem;
    border-radius: 1.75rem;
    background: #0B1F3A;
    color: #FFFFFF;
    box-shadow: 0 20px 70px rgba(11, 31, 58, 0.18);
}

.trip-price-box-title {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.55);
}

.trip-price-headline {
    margin-top: 0.75rem;
}

.trip-price-from {
    display: block;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.8125rem;
}

.trip-price-amount {
    display: block;
    margin-top: 0.15rem;
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.1;
}

.trip-price-unit {
    display: block;
    margin-top: 0.25rem;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.8125rem;
}

.trip-price-on-request {
    margin-top: 0.75rem;
    font-size: 1.125rem;
    font-weight: 600;
}

.trip-price-subtitle {
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.trip-price-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.trip-price-table th {
    padding-bottom: 0.5rem;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
    text-align: start;
}

.trip-price-table td {
    padding: 0.55rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.trip-price-table-amount {
    font-weight: 700;
    text-align: end;
}

.trip-price-extras {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    list-style: none;
}

.trip-price-extras li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.35rem 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.875rem;
}

.trip-price-extra-amount {
    color: #FFFFFF;
    font-weight: 700;
}

.trip-price-note {
    margin-top: 1.25rem;
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.75rem;
    line-height: 1.6;
}

.trip-price-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.trip-price-cta,
.trip-price-whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.95rem 1.5rem;
    border-radius: 999px;
    font-size: 0.9375rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    transition: transform .2s ease, background-color .2s ease;
}

.trip-price-cta {
    background: #18B7B2;
    color: #0B1F3A;
}

.trip-price-cta:hover {
    transform: translateY(-2px);
    background: #FFFFFF;
}

.trip-price-whatsapp {
    background: #25D366;
    color: #FFFFFF;
}

.trip-price-whatsapp:hover,
.trip-price-whatsapp:focus-visible {
    transform: translateY(-2px);
    background: #1EBE57;
}

.trip-price-whatsapp:focus-visible {
    outline: 2px solid #18B7B2;
    outline-offset: 3px;
}

.trip-price-whatsapp i {
    font-size: 1.15rem;
}

/* --------------------------------------------------------------------------
   Sticky bottom price banner — shown when the sidebar box leaves the viewport
   -------------------------------------------------------------------------- */

.trip-price-banner {
    position: fixed;
    z-index: 175;
    inset-inline: 0;
    bottom: 0;
    background: #0B1F3A;
    color: #FFFFFF;
    box-shadow: 0 -16px 48px rgba(11, 31, 58, 0.28);
    pointer-events: none;
    visibility: hidden;
    transform: translateY(110%);
    transition: transform .28s ease, visibility .28s ease;
}

.trip-price-banner.is-visible {
    pointer-events: auto;
    visibility: visible;
    transform: translateY(0);
}

.trip-price-banner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem 1.25rem;
    max-width: 80rem;
    margin-inline: auto;
    padding: 0.75rem 1.25rem calc(0.75rem + env(safe-area-inset-bottom, 0px));
}

.trip-price-banner-price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.55rem;
    min-width: 0;
}

.trip-price-banner-from,
.trip-price-banner-unit {
    color: rgba(255, 255, 255, 0.55);
    font-size: 0.75rem;
    font-weight: 600;
}

.trip-price-banner-amount {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

.trip-price-banner-actions {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

.trip-price-banner-cta,
.trip-price-banner-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.7rem 1.05rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .2s ease, background-color .2s ease;
}

.trip-price-banner-cta {
    background: #18B7B2;
    color: #0B1F3A;
}

.trip-price-banner-cta:hover {
    background: #FFFFFF;
}

.trip-price-banner-whatsapp {
    background: #25D366;
    color: #FFFFFF;
}

.trip-price-banner-whatsapp:hover,
.trip-price-banner-whatsapp:focus-visible {
    background: #1EBE57;
}

.trip-price-banner-cta:focus-visible,
.trip-price-banner-whatsapp:focus-visible {
    outline: 2px solid #18B7B2;
    outline-offset: 3px;
}

.trip-price-banner-whatsapp i {
    font-size: 1.05rem;
}

body.has-trip-price-banner {
    padding-bottom: calc(5.25rem + env(safe-area-inset-bottom, 0px));
}

body.has-trip-price-banner .whatsapp-float {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

body.has-trip-price-banner .site-toast {
    bottom: calc(6rem + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 639px) {
    .trip-price-banner-whatsapp {
        width: 2.65rem;
        padding-inline: 0;
    }

    .trip-price-banner-cta {
        padding-inline: 0.85rem;
    }
}

@media (min-width: 1024px) {
    .trip-price-banner-inner {
        padding-inline: 2rem;
    }

    .trip-price-banner-amount {
        font-size: 1.5rem;
    }

    .trip-price-banner-cta,
    .trip-price-banner-whatsapp {
        padding: 0.8rem 1.25rem;
        font-size: 0.875rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .trip-price-banner {
        transition: none;
    }

    .trip-price-banner:not(.is-visible) {
        transform: none;
    }
}

.trip-inquiry-section {
    scroll-margin-top: 6.5rem;
}

.trip-inquiry {
    display: grid;
    gap: 1.75rem;
    padding: 1.75rem;
    border-radius: 1.75rem;
    background: #FFFFFF;
    box-shadow: 0 20px 70px rgba(11, 31, 58, 0.08);
}

@media (min-width: 1024px) {
    .trip-inquiry {
        grid-template-columns: minmax(0, 18rem) minmax(0, 1fr);
        gap: 3rem;
        padding: 2.5rem;
        align-items: start;
    }
}

.trip-inquiry-title {
    color: #0B1F3A;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.2;
}

.trip-inquiry-subtitle {
    margin-top: 0.75rem;
    color: rgba(11, 31, 58, 0.6);
    font-size: 0.9375rem;
    line-height: 1.7;
}

.trip-inquiry-form {
    display: grid;
    gap: 0.9rem;
}

@media (min-width: 768px) {
    .trip-inquiry-form {
        grid-template-columns: 1fr 1fr;
    }

    .trip-inquiry-row,
    .trip-inquiry-form .site-field:has(textarea),
    .trip-inquiry-submit {
        grid-column: 1 / -1;
    }
}

.trip-inquiry-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.6rem;
}

.trip-inquiry-submit {
    padding: 0.95rem 1.5rem;
    border: 0;
    border-radius: 999px;
    background: #0B1F3A;
    color: #FFFFFF;
    font-size: 0.9375rem;
    font-weight: 700;
    cursor: pointer;
    justify-self: start;
    transition: background-color .2s ease;
}

.trip-inquiry-submit:hover {
    background: #18B7B2;
}

/* --------------------------------------------------------------------------
   Departures table
   -------------------------------------------------------------------------- */

.trip-departures-wrapper {
    margin-top: 2rem;
    overflow-x: auto;
}

.trip-departures {
    width: 100%;
    min-width: 40rem;
    border-collapse: collapse;
}

.trip-departures th {
    padding: 0 1rem 0.9rem;
    color: rgba(11, 31, 58, 0.5);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-align: start;
    text-transform: uppercase;
}

.trip-departures td {
    padding: 1.05rem 1rem;
    border-top: 1px solid rgba(11, 31, 58, 0.08);
    color: rgba(11, 31, 58, 0.8);
    vertical-align: middle;
}

.trip-departure-date {
    font-weight: 600;
    white-space: nowrap;
}

.trip-departure-separator {
    display: inline-block;
    margin: 0 0.5rem;
    color: rgba(11, 31, 58, 0.35);
}

.trip-departure-price {
    color: #0B1F3A;
    font-weight: 800;
    white-space: nowrap;
}

.trip-departure-status {
    display: inline-flex;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.trip-departure-status--open {
    background: rgba(24, 183, 178, 0.14);
    color: #0f7c78;
}

.trip-departure-status--full,
.trip-departure-status--closed {
    background: rgba(11, 31, 58, 0.08);
    color: rgba(11, 31, 58, 0.65);
}

.trip-departure-status--cancelled {
    background: rgba(190, 40, 60, 0.10);
    color: #a01f33;
}

.trip-departure-action {
    text-align: end;
}

.trip-departure-button {
    display: inline-block;
    padding: 0.6rem 1.3rem;
    border-radius: 999px;
    background: #0B1F3A;
    color: #FFFFFF;
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
    transition: background-color .15s ease;
}

.trip-departure-button:hover {
    background: #18B7B2;
}

/* Arrows read left-to-right in the source, mirror them for RTL layouts. */
[dir="rtl"] .trip-departure-separator {
    transform: scaleX(-1);
}

/* --------------------------------------------------------------------------
   Print — a clean itinerary document, not a screenshot of the webpage
   -------------------------------------------------------------------------- */

@media print {
    @page {
        size: A4;
        margin: 12mm 14mm 16mm;
    }

    *,
    *::before,
    *::after {
        box-shadow: none !important;
        text-shadow: none !important;
        animation: none !important;
        transition: none !important;
    }

    html,
    body {
        background: #FFFFFF !important;
        color: #0B1F3A;
        font-size: 11pt;
        line-height: 1.5;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body:has(.trip-hero) #site-nav,
    body:has(.trip-hero) .site-footer,
    body:has(.trip-hero) .whatsapp-float,
    body:has(.trip-hero) .site-toast,
    body:has(.trip-hero) .cookie-consent,
    body:has(.trip-hero) .trip-actions,
    body:has(.trip-hero) [data-print-program],
    body:has(.trip-hero) .trip-share,
    body:has(.trip-hero) .trip-inquiry,
    body:has(.trip-hero) .trip-inquiry-section,
    body:has(.trip-hero) .trip-price-cta,
    body:has(.trip-hero) .trip-price-whatsapp,
    body:has(.trip-hero) .trip-price-actions,
    body:has(.trip-hero) .trip-price-banner,
    body:has(.trip-hero) .trip-breadcrumb,
    body:has(.trip-hero) .trip-hero-image,
    body:has(.trip-hero) .trip-hero-overlay,
    body:has(.trip-hero) .trip-day-chevron,
    body:has(.trip-hero) .trip-departure-action,
    .no-print {
        display: none !important;
    }

    .trip-print-letterhead {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 1.5rem;
        margin-bottom: 1.25rem;
        padding-bottom: 0.85rem;
        border-bottom: 2.5pt solid #0B1F3A;
    }

    .trip-print-brand {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .trip-print-logo,
    .trip-print-letterhead img {
        width: 2.4rem !important;
        height: 2.4rem !important;
        object-fit: contain;
    }

    .trip-print-brand-copy {
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
        line-height: 1.1;
    }

    .trip-print-brand-primary {
        color: #0B1F3A;
        font-size: 13pt;
        font-weight: 800;
        letter-spacing: 0.16em;
        text-transform: uppercase;
    }

    .trip-print-brand-secondary {
        color: #18B7B2;
        font-size: 7.5pt;
        font-weight: 700;
        letter-spacing: 0.28em;
        text-transform: uppercase;
    }

    .trip-print-eyebrow {
        color: rgba(11, 31, 58, 0.55);
        font-size: 8.5pt;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
    }

    .trip-hero {
        min-height: 0 !important;
        padding: 0 0 1.1rem !important;
        background: transparent !important;
        overflow: visible;
    }

    .trip-hero-content {
        max-width: none !important;
        padding: 0 !important;
    }

    .trip-hero h1 {
        margin-top: 0;
        color: #0B1F3A;
        font-size: 22pt;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }

    .trip-hero p {
        max-width: none;
        margin-top: 0.45rem;
        color: rgba(11, 31, 58, 0.72);
        font-size: 11pt;
        line-height: 1.45;
    }

    .trip-hero-tags {
        margin-top: 0.85rem;
        gap: 0.4rem;
    }

    .trip-hero-tag {
        padding: 0.2rem 0.65rem;
        border: 1pt solid rgba(11, 31, 58, 0.22);
        background: #EEF2F5;
        color: #0B1F3A;
        font-size: 8pt;
        backdrop-filter: none;
    }

    .trip-detail-body {
        padding: 0 !important;
        background: transparent !important;
    }

    .trip-detail-grid {
        display: block !important;
        max-width: none !important;
        padding: 0 !important;
        gap: 0.9rem !important;
        grid-template-columns: none !important;
    }

    .trip-detail-main {
        display: flex !important;
        flex-direction: column !important;
        gap: 0.9rem !important;
    }

    .trip-aside {
        position: static;
        max-height: none;
        overflow: visible;
        margin-top: 0.9rem;
        break-inside: avoid;
    }

    .trip-price-box {
        max-height: none;
        overflow: visible;
    }

    .trip-panel,
    .trip-panel--muted {
        margin: 0;
        padding: 0.85rem 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        border-bottom: 0.5pt solid rgba(11, 31, 58, 0.12);
        break-inside: avoid;
    }

    .trip-panel-heading {
        margin-bottom: 0.65rem;
    }

    .trip-panel-title {
        margin-bottom: 0.65rem;
        font-size: 13pt;
    }

    .trip-panel-heading .trip-panel-title {
        margin-bottom: 0;
    }

    .trip-lead,
    .trip-prose,
    .trip-day-description,
    .trip-day-item,
    .trip-service,
    .trip-fact-value {
        color: #0B1F3A;
    }

    .trip-facts {
        gap: 0.65rem 1.5rem;
    }

    .trip-program {
        gap: 0.45rem;
    }

    .trip-day,
    .trip-day[open] {
        border: 0.6pt solid rgba(11, 31, 58, 0.16);
        border-radius: 0.35rem;
        background: #FFFFFF;
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .trip-day-summary {
        padding: 0.55rem 0.75rem;
        cursor: default;
    }

    .trip-day-number,
    .trip-day[open] .trip-day-number {
        background: #0B1F3A;
        color: #FFFFFF;
        font-size: 8pt;
    }

    .trip-day-title {
        font-size: 11pt;
    }

    .trip-day-panel,
    .trip-day-body {
        display: block !important;
        overflow: visible;
    }

    .trip-day-content {
        padding: 0 0.75rem 0.75rem;
    }

    .trip-day-items {
        margin-top: 0.55rem;
        gap: 0.35rem;
    }

    .trip-day-meta {
        margin-top: 0.7rem;
        padding-top: 0.55rem;
    }

    .trip-day-chip {
        padding: 0.2rem 0.55rem;
        background: #EEF2F5;
        font-size: 8.5pt;
    }

    .trip-services {
        gap: 1rem;
    }

    .trip-stay {
        padding: 0.5rem 0.7rem;
        border-radius: 0.35rem;
        background: #F7F5EF;
    }

    .trip-price-box {
        padding: 0.85rem 0 0;
        border-radius: 0;
        background: transparent;
        color: #0B1F3A;
        border-top: 0.5pt solid rgba(11, 31, 58, 0.12);
    }

    .trip-price-box-title,
    .trip-price-from,
    .trip-price-unit,
    .trip-price-subtitle,
    .trip-price-note,
    .trip-price-extras li,
    .trip-price-table th {
        color: rgba(11, 31, 58, 0.55);
    }

    .trip-price-amount,
    .trip-price-table-amount,
    .trip-price-extra-amount,
    .trip-price-on-request,
    .trip-departure-price {
        color: #0B1F3A;
    }

    .trip-price-amount {
        font-size: 16pt;
    }

    .trip-price-table td,
    .trip-price-extras {
        border-color: rgba(11, 31, 58, 0.12);
    }

    .trip-departures-wrapper {
        overflow: visible;
        margin-top: 0.75rem;
    }

    .trip-departures {
        min-width: 0;
        font-size: 9.5pt;
    }

    .trip-departures th,
    .trip-departures td {
        padding: 0.4rem 0.5rem;
    }

    .trip-departure-status {
        border: 0.5pt solid rgba(11, 31, 58, 0.18);
        background: transparent;
        color: #0B1F3A;
    }

    #departures {
        padding: 0.85rem 0 0 !important;
        background: transparent !important;
        break-inside: avoid;
    }

    #departures > div {
        max-width: none !important;
        padding: 0 !important;
    }

    #departures h2 {
        font-size: 13pt;
        color: #0B1F3A;
    }

    .trip-print-colophon {
        display: block;
        margin-top: 1.35rem;
        padding-top: 0.75rem;
        border-top: 1.5pt solid #0B1F3A;
        color: rgba(11, 31, 58, 0.62);
        font-size: 8.5pt;
        line-height: 1.55;
        break-inside: avoid;
    }

    .trip-print-colophon-brand {
        color: #0B1F3A;
        font-weight: 700;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

    img {
        max-width: 100%;
        page-break-inside: avoid;
    }
}