/* Mobile-first glass and motion pilot: home + airport only. */
.floating-ui{background:#f1f6f3;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
.floating-ui main{background:radial-gradient(ellipse 420px 440px at 100% 3%,#d9eae4a6,transparent),radial-gradient(ellipse 380px 380px at 0 18%,#e7e7f280,transparent)}
.floating-ui .hero,.floating-ui .detail-hero{background:transparent}
.floating-ui .site-header{background:#f5faf7eb;border-bottom:1px solid #ffffffa6;box-shadow:0 5px 24px #244c3d06}
.floating-ui .hero-cta .button,.floating-ui .detail-hero .button{border-radius:19px;box-shadow:inset 0 1px 0 #ffffff40,0 9px 22px #225d5320}
.floating-ui .button-secondary{background:#ffffffd6;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 6px 22px #244c3d09!important}
.floating-ui .service-card,.floating-ui .compact-service,.floating-ui .fleet-card,.floating-ui .itinerary-card,.floating-ui .daily-service,.floating-ui .airport-destination,.floating-ui .illustrated-detail{border:1px solid #ffffff;border-radius:28px;box-shadow:inset 0 1px 0 #fff,0 12px 30px #244c3d0b,0 2px 5px #244c3d04}
.floating-ui .service-card{background:linear-gradient(145deg,#f4fbf7f2,#e3efe8db)}
.floating-ui .service-card.tourism-card{background:linear-gradient(145deg,#fffcf6f5,#f1eddfd9)}
.floating-ui .compact-service.pilgrim-card{background:linear-gradient(145deg,#f5fbf3f2,#e5efe1db)}
.floating-ui .compact-service.visitation-card{background:linear-gradient(145deg,#fbf7fff2,#ede6f5db)}
.floating-ui .compact-service.hotel-card{background:linear-gradient(145deg,#fffaf3f2,#f2e8d8db)}
.floating-ui .compact-service.corporate-card{background:linear-gradient(145deg,#f4f9fff2,#e5edf5db)}
.floating-ui .fleet-card,.floating-ui .daily-service{background:#ffffffd9}
.floating-ui .fleet-art{background:linear-gradient(150deg,#edf5edaa,#ffffff70)}
.floating-ui .coach-art{background:linear-gradient(150deg,#eaf2f8aa,#ffffff70)}
.floating-ui .fleet-section,.floating-ui .related-services,.floating-ui .company-intro,.floating-ui .how-section{background:#e8f0ea66;border-color:#ffffffb3}
.floating-ui .illustrated-detail{background:linear-gradient(150deg,#ffffffed,#f3f8f3b3);padding:20px}
.floating-ui .illustrated-detail:nth-child(2){background:linear-gradient(150deg,#fffdf8f2,#f4efe5b3)}
.floating-ui .illustrated-detail:nth-child(3){background:linear-gradient(150deg,#f9fcfff2,#eaf1f7b3)}
.floating-ui .detail-blocks{gap:18px}
.floating-ui .airport-destination{background-color:#ffffffdc}
.floating-ui .glass-action{background:linear-gradient(135deg,#ffffffed,#ffffffa6);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 5px 14px #244c3d0b;backdrop-filter:none;-webkit-backdrop-filter:none}
.floating-ui .glass-action .action-symbol{background:linear-gradient(145deg,#fff,#e8f0eb);box-shadow:inset 0 1px 1px #fff,0 3px 7px #244c3d12}
.floating-ui .contact-dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));inset-inline:12px;width:auto;max-width:440px;margin-inline:auto;transform:none;background:#f7fcf8f5;border:1px solid #fff;border-radius:24px;padding:7px;box-shadow:inset 0 1px 0 #fff,0 9px 32px #23483b24}
.floating-ui .dock-whatsapp{border-radius:18px;min-height:54px}
.floating-ui .route-ticket,.floating-ui .art-note{background:#ffffffdf;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 8px 24px #244c3d0c}
.floating-ui .contact-card{background:linear-gradient(135deg,#dcebe1,#f2f7ec);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 12px 36px #244c3d0b}
.floating-ui .itinerary-summary,.floating-ui .faq-item summary{min-height:52px}
.floating-ui :is(a,button,summary){-webkit-tap-highlight-color:transparent}
.floating-ui :is(.glass-action,.button,.dock-whatsapp):active{transform:scale(.978)}
.floating-ui summary:active{background-color:#dbe9df4d}
.motion-enter{animation:floating-card-enter .9s cubic-bezier(.18,.7,.25,1) both;animation-delay:var(--reveal-delay,0ms)}
.motion-open-content{animation:floating-expand .28s ease-out both;transform-origin:top}
.floating-ui .motion-illustration{display:block;width:100%;height:auto}
.floating-ui .motion-scene-active .motion-plane{animation:floating-plane 2.8s .15s cubic-bezier(.2,.7,.3,1) both}
.floating-ui .motion-scene-active .motion-vehicle{animation:floating-drive 2.8s .1s ease-out both}
@keyframes floating-card-enter{from{opacity:.2;transform:translateY(32px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes floating-expand{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@keyframes floating-plane{from{transform:translate(-36px,22px)}to{transform:translate(0,0)}}
@keyframes floating-drive{from{transform:translateX(-32px)}to{transform:translateX(0)}}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .floating-ui .site-header{background:#f5faf7cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 .floating-ui .contact-dock{background:#f7fcf8c9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
@media(min-width:700px){.floating-ui .illustrated-detail{padding:22px}.floating-ui .contact-dock{left:0;right:0}.floating-ui .detail-blocks{gap:20px}}
@media(hover:hover) and (pointer:fine){.floating-ui :is(.service-card,.compact-service,.fleet-card,.airport-destination){transition:box-shadow .2s ease,border-color .2s ease}.floating-ui :is(.service-card,.compact-service,.fleet-card,.airport-destination):hover{border-color:#b7d2c3;box-shadow:inset 0 1px 0 #fff,0 17px 36px #244c3d16}}
@media(prefers-reduced-motion:reduce){.floating-ui *,.floating-ui *::before,.floating-ui *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.floating-ui :is(.glass-action,.button,.dock-whatsapp):active{transform:none}}
@media print{.floating-ui main{background:none}.floating-ui .contact-dock{display:none}.motion-enter{animation:none!important}}

/* Shared floating surfaces for the full site. Reading and form panels stay still. */
.floating-ui .landmark-story,.floating-ui .destination-story,.floating-ui .custom-destination,.floating-ui .explorer-map-wrap,.floating-ui .terms-index,.floating-ui .terms-paper,.floating-ui .inquiry-inline,.floating-ui .official-badge,.floating-ui .city-accordion{border:1px solid #fff;border-radius:26px;box-shadow:inset 0 1px 0 #fff,0 12px 30px #244c3d0b,0 2px 5px #244c3d04}
.floating-ui .landmark-story{background:linear-gradient(145deg,#ffffffef,#edf4e7df)}
.floating-ui .landmark-tone-1{background:linear-gradient(145deg,#fffdf8f2,#f3ebdddc)}
.floating-ui .landmark-tone-2{background:linear-gradient(145deg,#fafdfff2,#e7f0f4df)}
.floating-ui .landmark-tone-3{background:linear-gradient(145deg,#fffbfff2,#f0e9f4df)}
.floating-ui .destination-story,.floating-ui .custom-destination,.floating-ui .explorer-map-wrap{background:linear-gradient(145deg,#ffffffec,#eef5efe0)}
.floating-ui .places-section,.floating-ui .tourism-explorer{background:transparent}
.floating-ui .city-summary{background:linear-gradient(125deg,#e7f1e9e6,#ffffffd9)}
.floating-ui .city-accordion{background:#f8fcf8b3}
.floating-ui .selected-program{background:#f9fcf7f2;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 10px 34px #244c3d22}
.floating-ui .terms-index{background:linear-gradient(145deg,#f4faf3,#e8f1e7)}
.floating-ui .terms-paper{background:#fffffff5}
.floating-ui .inquiry-inline{background:#fcfefbf5}
.floating-ui .inquiry-sheet:not(.inquiry-inline){border:1px solid #fff;box-shadow:0 24px 90px #193f3538}
.floating-ui .inquiry-heading,.floating-ui .inquiry-actions{background:#f7fcf8}
.floating-ui .faq-list{display:grid;gap:12px}
.floating-ui .faq-item{border:1px solid #fff;border-radius:20px;background:#ffffffd6;padding-inline:18px;box-shadow:inset 0 1px 0 #fff,0 5px 18px #244c3d06}
.floating-ui .faq-item summary{padding-block:15px}
.floating-ui .official-badge{background:linear-gradient(145deg,#fff,#f1f6f2)}
.floating-ui .fleet-art .motion-illustration{max-height:220px}
.floating-ui .daily-service>.motion-illustration{max-height:240px}
.floating-ui .motion-illustration[role=button]{cursor:pointer;touch-action:pan-y}
.floating-ui .motion-illustration:focus-visible{outline:3px solid #689d87;outline-offset:3px;border-radius:16px}
.floating-ui .compact-service .service-illustration{height:155px;max-height:155px}
.floating-ui .motion-illustration.trip-page-art{display:none}
@media(min-width:600px){.floating-ui .compact-service .service-illustration{height:220px;max-height:220px}}
@media(min-width:960px){.floating-ui .motion-illustration.trip-page-art{display:block}.floating-ui .fleet-art .motion-illustration{max-height:250px}}
