:root{--ink:#071a35;--deep:#041024;--blue:#0c2750;--cyan:#78ebef;--coral:#ff756b;--plum:#7c355a;--gold:#ffd878;--cream:#eaf7fb;--muted:#a9c6db;--line:rgba(120,235,239,.2)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
[hidden]{display:none!important}
.site-header{height:76px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(22px,5.5vw,92px);border-bottom:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(3,13,33,.66),rgba(3,13,33,.13))}
.brand{display:inline-flex;align-items:center;text-decoration:none;gap:7px;white-space:nowrap}
.brand-k{font-size:37px;font-weight:800;line-height:1;letter-spacing:-.12em;color:var(--cyan)}
.brand-point,.footer-brand span{color:var(--coral)}
.brand-name{font-size:15px;letter-spacing:.28em;font-weight:800;margin-left:4px}
.site-header nav{display:flex;align-items:center;gap:clamp(17px,3vw,43px)}
.site-header nav a,.nav-space{border:0;background:none;color:#eaf7fb;text-decoration:none;font-size:13px;font-weight:700}
.site-header nav a:hover,.nav-space:hover{color:var(--cyan)}
.nav-space{border:1px solid rgba(120,235,239,.55);border-radius:100px;padding:11px 17px;background:rgba(7,26,53,.42)}
.nav-space span{margin-left:10px;color:var(--cyan)}
.hero{min-height:760px;height:min(900px,100svh);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:var(--ink)}
.hero-art{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:50% 27% 23%}
.photo-panel{min-width:0;overflow:hidden;position:relative;border-right:1px solid rgba(255,255,255,.23)}
.photo-panel img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.83) contrast(1.08)}
.panel-singapore img{object-position:39% center}.panel-kuala img{object-position:49% center}.panel-langkawi img{object-position:49% center}
.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,36,.89) 0%,rgba(4,16,36,.78) 31%,rgba(4,16,36,.38) 62%,rgba(4,16,36,.1) 100%),linear-gradient(0deg,#071a35 0%,rgba(7,26,53,0) 24%),linear-gradient(180deg,rgba(4,16,36,.15),rgba(4,16,36,.12))}
.hero-content{width:min(880px,90%);margin-left:clamp(24px,9vw,150px);padding:100px 0 80px}
.eyebrow{font:500 12px/1.4 'DM Mono',monospace;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase}
.eyebrow-line{display:inline-block;width:27px;height:1px;background:var(--coral);vertical-align:middle;margin-right:9px}
.hero h1{max-width:900px;margin:29px 0 22px;font:600 clamp(58px,8.6vw,126px)/.97 'Playfair Display',Georgia,serif;letter-spacing:-.055em;text-wrap:balance}
.hero h1 em{display:block;color:#d7fffb;font-weight:500}
.hero-subtitle{max-width:560px;font-size:18px;line-height:1.65;color:#d3e7f1}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:49px;padding:12px 20px;border-radius:999px;text-decoration:none;border:1px solid transparent;font-weight:800;font-size:14px;line-height:1.2;transition:transform .2s,box-shadow .2s,background .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(0,0,0,.2)}
.button:active{transform:translateY(0) scale(.98)}
.button-coral{background:linear-gradient(135deg,#a8f7f4,#65dce8);border-color:#9cf2f0;color:#071a35;box-shadow:0 6px 24px rgba(53,211,226,.16)}
.button-coral:hover{box-shadow:0 10px 30px rgba(53,211,226,.29)}
.button-outline{background:rgba(7,26,53,.5);border-color:rgba(208,148,190,.83);color:#fff}
.button-gold{background:var(--gold);border-color:var(--gold);color:#071a35}
.hero-note{font-size:12px;color:#bfd5e2;margin-top:22px}
.hero-caption{position:absolute;right:clamp(22px,5.5vw,92px);bottom:55px;display:flex;gap:30px;font:500 11px 'DM Mono',monospace;letter-spacing:.09em;color:#d5eaf1}
.scroll-cue{position:absolute;bottom:53px;left:clamp(24px,9vw,150px);text-decoration:none;font:500 11px 'DM Mono',monospace;letter-spacing:.12em;color:#d5eaf1}.scroll-cue span{margin-left:9px;color:var(--coral)}
.section-shell{padding-left:clamp(24px,9vw,150px);padding-right:clamp(24px,9vw,150px)}
.intro{display:grid;grid-template-columns:1.05fr .7fr;gap:10vw;align-items:end;padding-top:120px;padding-bottom:58px}
h2{margin:0;font:600 clamp(38px,5vw,69px)/1.04 'Playfair Display',Georgia,serif;letter-spacing:-.045em;text-wrap:balance}
.intro h2{margin-top:21px}.intro-copy p{color:var(--muted);font-size:17px;line-height:1.7;margin:0 0 20px}.intro-copy a{color:var(--cyan);font-weight:800;text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:4px}.intro-copy a span{margin-left:16px}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-bottom:125px}
.feature-card{min-height:270px;position:relative;display:flex;flex-direction:column;padding:27px;border:1px solid #2f5e83;border-radius:16px;background:linear-gradient(145deg,#123862,#102947 70%,#102b52)}
.feature-number{font:500 11px 'DM Mono',monospace;color:var(--cyan)}.feature-icon{margin-left:auto;color:var(--coral);font-size:44px;line-height:1}.feature-card h3{font:600 29px/1.1 'Playfair Display',Georgia,serif;margin:auto 0 12px}.feature-card p{font-size:14px;line-height:1.6;color:#bed4e3;margin:0}
.sample{display:grid;grid-template-columns:1.08fr 1fr;gap:0;min-height:600px;padding-top:0;padding-bottom:125px}
.sample-photo{position:relative;min-height:550px;overflow:hidden;border-radius:17px 0 0 17px}.sample-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:35% center}.sample-photo::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,13,33,.85))}.sample-photo-label{position:absolute;z-index:1;left:29px;bottom:27px;font:500 11px 'DM Mono',monospace;letter-spacing:.12em}
.sample-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:55px clamp(30px,5vw,74px);border:1px solid #38628a;border-radius:0 17px 17px 0;background:linear-gradient(150deg,#173c63,#211d47 85%)}.sample-copy h2{margin:15px 0 22px}.sample-copy>p:not(.eyebrow){max-width:470px;font-size:16px;line-height:1.7;color:#d0e2ee}.sample-copy ul{padding:0;margin:15px 0 34px;list-style:none}.sample-copy li{position:relative;padding:9px 0 9px 26px;color:#d6eaf3;font-size:14px}.sample-copy li::before{content:'✦';position:absolute;left:0;color:var(--cyan)}
.final-cta{padding-top:110px;padding-bottom:115px;text-align:center;background:radial-gradient(circle at 50% 100%,#324077 0%,#102b52 48%,#071a35 90%)}.final-cta h2{margin:17px auto 32px;max-width:950px}.final-cta h2 em{color:#bdf9f4;font-weight:500}.final-cta .button{margin:auto}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px clamp(24px,9vw,150px);border-top:1px solid var(--line);color:#9fbcd1;font:500 11px 'DM Mono',monospace;letter-spacing:.04em}.footer-brand{font:800 18px Manrope,Arial,sans-serif;color:#eaf7fb;letter-spacing:.08em}
.app-dialog{padding:0;border:0;border-radius:0;background:#071a35;color:var(--cream);box-shadow:none;overflow:auto}.app-dialog::backdrop{background:rgba(1,9,23,.8);backdrop-filter:blur(8px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--line);background:#102b52}.dialog-head .eyebrow{margin:0}.close-button{width:38px;height:38px;border:1px solid #6a8ba9;border-radius:50%;background:#183c62;color:white;font-size:26px;line-height:1}.dialog-body{padding:39px clamp(23px,5vw,54px) 50px}.dialog-body h2{font-size:clamp(37px,5vw,56px)}.dialog-lede{color:#c4dce8;font-size:15px;line-height:1.65;margin:17px 0 28px}.dialog-body form label,.interests legend{display:block;margin-bottom:8px;color:#f1f8fc;font-size:13px;font-weight:800}.dialog-body form label span{color:var(--coral)}.dialog-body input:not([type=checkbox]),.dialog-body select,.dialog-body textarea{display:block;width:100%;min-height:46px;padding:11px 13px;border:1px solid #6b91b1;border-radius:9px;background:#071a35;color:#fff;outline:none}.dialog-body input:focus,.dialog-body select:focus,.dialog-body textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(120,235,239,.15)}.dialog-body textarea{resize:vertical}.privacy-note{color:#9fbdd0;font-size:12px;line-height:1.55}.full-button{width:100%;margin-top:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-field{min-width:0}.span-2{grid-column:1/-1}.interests{padding:0;border:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.interests legend{margin-bottom:10px}.interests label{display:inline-flex!important;align-items:center;gap:7px;padding:8px 11px;border:1px solid #547b9c;border-radius:100px;background:#15395e;font-size:12px!important;font-weight:700!important;cursor:pointer}.interests input{accent-color:var(--coral)}.form-actions{display:flex;justify-content:space-between;gap:10px;margin-top:27px}.form-actions .button{min-width:170px}.trip-summary,.saved-card{border:1px solid rgba(120,235,239,.33);border-radius:13px;background:#17385d;padding:20px;margin:18px 0 26px}.trip-summary strong,.saved-card strong{display:block;font-size:19px}.trip-summary span,.saved-card span{display:block;font-size:12px;color:#b6d4e6;margin-top:6px}.saved-card button{margin-top:13px;border:0;background:none;padding:0;color:var(--cyan);font-weight:800}.empty-state{padding:24px;margin:15px 0 24px;border:1px dashed #6284a3;border-radius:12px;color:#b6d4e6;font-size:14px}.success-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:23px;border:1px solid var(--cyan);border-radius:50%;background:#184e65;color:var(--cyan);font-size:28px}
#trip-summary{padding:0;border:0;background:none;margin:0}
@media(max-width:900px){.hero-art{grid-template-columns:52% 25% 23%}.hero h1{font-size:clamp(58px,8vw,100px)}.intro{gap:50px}.features{padding-bottom:90px}.feature-card{min-height:250px;padding:20px}.sample{grid-template-columns:1fr 1fr}.sample-photo{min-height:510px}.sample-copy{padding:36px}.hero-caption{gap:16px}}
@media(max-width:670px){.site-header{height:66px;padding:0 18px}.brand-k{font-size:32px}.brand-name{font-size:12px;letter-spacing:.2em}.site-header nav a{display:none}.nav-space{font-size:12px;padding:9px 12px}.hero{min-height:740px;height:95svh;max-height:900px;align-items:flex-end}.hero-art{grid-template-columns:57% 43%;grid-template-rows:60% 40%}.panel-singapore{grid-row:1/3;grid-column:1}.panel-kuala{grid-column:2;grid-row:1}.panel-langkawi{grid-column:2;grid-row:2;border-top:1px solid rgba(255,255,255,.23)}.panel-singapore img{object-position:35% center}.panel-kuala img{object-position:50% center}.panel-langkawi img{object-position:50% center}.hero-wash{background:linear-gradient(0deg,#071a35 0%,rgba(4,16,36,.92) 8%,rgba(4,16,36,.52) 44%,rgba(4,16,36,.12) 100%)}.hero-content{width:auto;margin:0;padding:0 22px 138px}.hero h1{font-size:clamp(52px,13vw,75px);max-width:550px;margin:16px 0}.hero-subtitle{font-size:15px;line-height:1.55}.hero-actions{margin-top:23px}.button{font-size:13px;gap:18px;min-height:45px;padding:10px 15px}.hero-caption{display:none}.scroll-cue{left:22px;bottom:29px;font-size:10px}.hero-note{margin-top:14px}.intro{display:block;padding-top:77px;padding-bottom:33px}.intro h2{font-size:46px}.intro-copy{margin-top:26px}.intro-copy p{font-size:15px}.features{grid-template-columns:1fr;padding-bottom:75px}.feature-card{min-height:160px;padding:21px}.feature-icon{position:absolute;top:20px;right:20px;font-size:32px}.feature-card h3{font-size:26px;margin:30px 0 9px}.feature-card p{font-size:13px}.sample{display:block;padding-bottom:77px}.sample-photo{min-height:320px;height:330px;border-radius:14px 14px 0 0}.sample-copy{border-radius:0 0 14px 14px;padding:29px 22px 37px}.sample-copy h2{font-size:46px}.final-cta{padding-top:77px;padding-bottom:90px}.final-cta h2{font-size:42px}.site-footer{display:grid;gap:10px;font-size:10px}.dialog-head{padding-top:calc(10px + env(safe-area-inset-top,0px));padding-right:17px;padding-left:17px}.dialog-body{padding:26px 19px 35px}.dialog-body h2{font-size:40px}.form-grid{gap:13px}.form-actions .button{min-width:0}.interests label{font-size:11px!important}}
@media(max-width:390px){.hero h1{font-size:50px}.hero-actions{gap:8px}.hero-actions .button{padding:10px 12px;font-size:12px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* One continuous cinematic world: no landmark panels or dividing lines. */
.brand{gap:2px}
.brand-k{position:relative;display:block;width:46px;height:46px;flex:none;overflow:hidden}
.brand-k img{position:absolute;display:block;width:79px;max-width:none;height:auto;left:-18px;top:-11px}
.brand-name{font:600 25px/1 'Outfit',Arial,sans-serif;letter-spacing:-.055em;margin-left:0}
.footer-brand{font:600 20px/1 'Outfit',Arial,sans-serif;letter-spacing:-.04em}
.site-header{border-bottom:0}
.hero-art{display:block;background:var(--ink)}
.hero-art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.hero-wash{background:linear-gradient(0deg,#071a35 0%,#071a35 5%,rgba(7,26,53,.94) 12%,rgba(7,26,53,.72) 25%,rgba(7,26,53,.2) 42%,transparent 58%),linear-gradient(90deg,rgba(3,14,32,.87) 0%,rgba(3,14,32,.72) 24%,rgba(3,14,32,.36) 48%,rgba(3,14,32,.02) 78%),linear-gradient(180deg,rgba(3,14,32,.35),transparent 24%)}
.hero-content{width:min(720px,57vw)}
.hero h1{font-size:clamp(58px,7.3vw,105px)}
@media(max-width:670px){
  .brand-k{width:40px;height:40px}
  .brand-k img{width:69px;left:-16px;top:-10px}
  .brand-name{font-size:22px;letter-spacing:-.055em}
  .hero{display:block;min-height:0;height:auto;max-height:none;padding-top:calc(65px + 57.14vw + 36px);background:var(--ink)}
  .hero-art{inset:65px 0 auto;aspect-ratio:1792/1024;height:auto}
  .hero-art>img{height:auto;object-fit:contain}
  .hero-wash{background:linear-gradient(0deg,#071a35 0%,rgba(7,26,53,.9) 14%,rgba(7,26,53,.42) 42%,transparent 76%)}
  .hero-content{width:auto;margin:0;padding:0 22px 104px}
  .hero h1{font-size:clamp(48px,12.2vw,69px)}
  .hero-subtitle{max-width:500px}
}

/* The story now continues directly after the hero, without a scroll prompt. */
.intro{padding-top:90px}
.intro .eyebrow{font-size:15px;letter-spacing:.14em}
.intro-copy p{text-align:justify;text-align-last:left;hyphens:auto}
.sample-photo img{object-position:center 42%}
.trip-times{border:1px solid #547b9c;border-radius:13px;background:#0b2343;overflow:hidden}
.trip-times summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;cursor:pointer;color:#f1f8fc;font-size:14px;font-weight:800;list-style:none}
.trip-times summary::-webkit-details-marker{display:none}
.trip-times summary span{flex:none;padding:5px 9px;border:1px solid rgba(120,235,239,.48);border-radius:999px;color:var(--cyan);font-size:11px;font-weight:700}
.trip-times[open] summary{border-bottom:1px solid var(--line)}
.trip-times>p{margin:15px 17px;color:#b9d4e5;font-size:13px;line-height:1.55}
.trip-times>.form-grid{padding:0 17px 18px;gap:14px}
.trip-times input[type=time]{color-scheme:dark}
@media(max-width:670px){
  .hero-content{padding-bottom:76px}
  .intro{padding-top:54px}
}

/* K-Touring: creation lives on a full-page surface, not a blue modal card. */
.app-dialog{position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;background:#071a35;box-shadow:none;color:#f1f8fc;overflow:auto}
.app-dialog::backdrop{background:#071a35;backdrop-filter:none}
.app-dialog .dialog-head{background:#071a35;border-bottom:0;padding:calc(18px + env(safe-area-inset-top,0px)) max(24px,calc((100vw - 820px)/2)) 18px}
.app-dialog .dialog-body{width:min(100%,820px);margin:0 auto;padding:56px 24px calc(56px + env(safe-area-inset-bottom,0px))}
.app-dialog .dialog-body h2{font-size:clamp(36px,5vw,58px)}
.app-dialog .dialog-lede{font-size:16px}.app-dialog .privacy-note{font-size:14px}
.app-dialog .saved-card,.app-dialog .trip-summary{background:transparent;border-width:1px 0;border-radius:0;padding:22px 0}
.app-dialog .dialog-body form label,.app-dialog .interests legend{font-size:14px}
@media(max-width:670px){.app-dialog .dialog-head{padding-left:20px;padding-right:20px}.app-dialog .dialog-body{padding:32px 20px calc(36px + env(safe-area-inset-bottom,0px))}}
/* Return date opens at departure month, without silently choosing a day. */
#trip-end{cursor:pointer}.date-picker{width:min(370px,calc(100vw - 28px));padding:22px;border:1px solid #547b9c;border-radius:16px;background:#071a35;color:#fff;box-shadow:0 16px 60px #0008}.date-picker::backdrop{background:#0009}.date-picker header,.calendar-month{display:flex;align-items:center;justify-content:space-between;gap:12px}.date-picker h2{font:600 22px Manrope,sans-serif;letter-spacing:0}.date-picker button{border:1px solid #476a8a;border-radius:8px;background:#102b45;color:white;min-height:40px;font:inherit;cursor:pointer}.date-picker header button{width:40px;font-size:24px}.calendar-month{margin-top:22px}.calendar-month button{width:40px;font-size:25px}.calendar-month strong{text-transform:capitalize}.date-picker p{font-size:14px;color:#b6d4e6}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}.calendar-week{margin:18px 0 10px;font-size:14px}.calendar-days button{padding:0;font-size:15px}.calendar-days button:disabled,.calendar-month button:disabled{opacity:.3;cursor:default}.calendar-days button[aria-pressed=true]{background:#9ae9e4;color:#071a35}.date-picker button:focus-visible{outline:3px solid #a8f7f4;outline-offset:2px}#calendar-clear{width:100%;margin-top:18px;background:transparent}#form-error{color:#ffb6ac}

/* Intereses compactos y hotel opcional */
.app-dialog .interests{gap:6px}.app-dialog .interests label{margin:0;padding:7px 9px;gap:5px;white-space:nowrap;min-height:38px}
.app-dialog .hotel-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #547b9c;border-radius:999px;padding:9px 13px;margin:12px 0 0;cursor:pointer;font-size:13px}
.hotel-pill input{accent-color:var(--coral)}#hotel-help{margin-top:12px;padding-left:14px;border-left:2px solid var(--cyan);color:#c4dce8;font-size:14px;line-height:1.6}#hotel-help a{color:var(--cyan);font-weight:700}#hotel-help p{margin:8px 0}

.creation-status{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.creation-status h2{font-size:clamp(24px,4vw,38px);letter-spacing:.08em}.loading-logo{position:relative;width:120px;height:120px;display:grid;place-items:center}.loading-logo img{border-radius:22px;animation:k-breathe 1.8s ease-in-out infinite}.loading-logo:after{content:'';position:absolute;inset:0;border:2px solid #78ebef26;border-top-color:#78ebef;border-radius:50%;animation:k-reload 1.2s linear infinite}@keyframes k-reload{to{transform:rotate(360deg)}}@keyframes k-breathe{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.loading-logo img,.loading-logo:after{animation:none}}

/* Approved K.Touring lockup: baseline coral dot, centered beside the K notch */
.brand{gap:7px;align-items:center}
.brand-name{font:600 25px/1 "Outfit",Arial,sans-serif;letter-spacing:-.04em;margin:0}
.brand-point{color:var(--coral)}
@media(max-width:670px){.brand{gap:6px}.brand-name{font-size:22px}}

/* Open sections, shared date picker, intrinsic-width-safe mobile form */
.app-dialog .trip-times{border:0;border-radius:0;background:transparent;overflow:visible;min-width:0;border-top:1px solid var(--line)}
.app-dialog .trip-times summary{padding:18px 0;border:0}
.app-dialog .trip-times[open] summary{border:0}
.app-dialog .trip-times>p{margin:0 0 18px}
.app-dialog .trip-times>.form-grid{padding:0 0 20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
.app-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.app-dialog .form-field,.app-dialog details{min-width:0}
.app-dialog input:not([type=checkbox]),.app-dialog select,.app-dialog textarea{box-sizing:border-box;min-width:0;max-width:100%;width:100%;font-size:16px}
.app-dialog input[readonly][aria-haspopup=dialog]{cursor:pointer;font-size:14px;padding-left:10px;padding-right:8px}
.app-dialog .interests label{background:transparent;border-color:rgba(169,198,219,.3)}
.calendar-time-row{display:flex;align-items:end;gap:12px;margin-top:18px}
.calendar-time-row label{flex:1;min-width:0;font-size:14px;color:#b6d4e6}
.calendar-time-row select{display:block;margin-top:7px;width:100%;padding:10px;color:white;background:#102b45;border:1px solid #476a8a;border-radius:8px;font:inherit;color-scheme:dark}
.calendar-time-row>span{padding-bottom:12px}
#calendar-apply{width:100%;margin-top:18px;background:#9ae9e4;color:#071a35}
#calendar-apply:disabled{opacity:.4}
.date-picker{max-height:calc(100dvh - 24px);overflow:auto}
@media(max-width:370px){.app-dialog .trip-times>.form-grid{grid-template-columns:minmax(0,1fr)}.app-dialog .dialog-body{padding-left:16px;padding-right:16px}}

.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#trip-flights>.form-grid{align-items:end}
.app-dialog .form-grid>.span-2{grid-column:1/-1}
#trip-start,#trip-end,#travelers,#pace{display:block;width:100%;min-width:0;max-width:100%;height:48px;min-height:48px;box-sizing:border-box;padding:11px 10px;font-size:15px;line-height:24px}
.autocomplete-field{position:relative}.place-suggestions{position:absolute;left:0;right:0;top:100%;z-index:30;max-height:280px;overflow:auto;margin-top:5px;border:1px solid #476a8a;border-radius:10px;background:#081a30;box-shadow:0 12px 28px #0006;overscroll-behavior:contain}
.place-option{padding:12px;cursor:pointer;border-bottom:1px solid #ffffff14;overflow-wrap:anywhere}.place-option strong{display:block;font-size:14px;line-height:1.35}.place-option span{display:block;margin-top:4px;font-size:12px;color:#b7cad9}.place-option:hover,.place-option[aria-selected=true]{background:#183b50}.place-suggestions>p{padding:12px;font-size:13px;margin:0;color:#b7cad9}
.place-credits{font-size:12px;color:#a9c6db;line-height:1.5}.place-credits a{color:inherit}

/* Headings receive programmatic focus for announcements, not an interactive frame. */
.app-dialog h2[tabindex="-1"]:focus{outline:none;box-shadow:none}
.app-dialog .dialog-body,.app-dialog .dialog-head,.app-dialog form,.app-dialog fieldset{min-width:0;max-width:100%}
.app-dialog h2,.app-dialog .saved-card,.app-dialog .privacy-note{overflow-wrap:anywhere}
.app-dialog fieldset{margin-inline:0}
.app-dialog .form-actions{flex-wrap:wrap}
.app-dialog .form-actions>*{min-width:0;max-width:100%}
.date-picker{box-sizing:border-box;max-width:calc(100% - 24px)}

/* Creation is an uninterrupted page: no outer card or blue frame. */
#space-dialog,#space-dialog .dialog-head,#space-dialog .dialog-body,#entry-view{border:0;border-radius:0;box-shadow:none}
#space-dialog .dialog-body,#entry-view{background:transparent}

/* Peticiones personales: ejemplos vacíos, visibles y sustituibles al escribir. */
#special-requests{min-height:280px;line-height:1.55}#special-requests::placeholder{color:#c6cbd4;opacity:1}.special-requests .privacy-note{margin:0 0 10px}

#plans-view{padding:24px 0;background:linear-gradient(0deg,#071a35 0%,rgba(7,26,53,.84) 60%,rgba(7,26,53,.55)),url('assets/world-night-panorama-v3-taj-nordic.jpg') center top/auto 480px no-repeat}#plans-view h2{font-family:Outfit,sans-serif;font-size:clamp(26px,5vw,43px);line-height:1.14;letter-spacing:.02em}#plans-view h2 em{font-family:'Playfair Display',serif;color:#c2e9ec}.subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}.subscription-plan{border:1px solid #ac82ad;border-radius:20px;padding:22px 16px;background:linear-gradient(145deg,rgba(50,30,66,.92),rgba(8,26,51,.94))}.subscription-plan h3{font-size:25px;margin:0;color:#a5e5e5}.subscription-plan.pro h3{color:#ff9385}.subscription-plan.ultra h3{color:#d6a6ee}.plan-price{font-size:33px;font-weight:800;color:white;margin:15px 0}.plan-price small{font-size:13px;font-weight:500}.subscription-plan ul{padding-left:18px;font-size:13px;line-height:1.7;color:white}.saved-card button+button{margin-left:22px}@media(max-width:620px){.subscription-grid{grid-template-columns:1fr}.subscription-plan{padding:20px}.subscription-plan ul{margin-bottom:0}#plans-view h2{font-size:28px}}

/* Keep the visual instructions reachable from the mobile landing. */
@media(max-width:670px){.site-header{height:auto;min-height:66px;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}.site-header nav{width:100%;justify-content:space-between}.site-header nav a[href^="/como-funciona/"]{display:inline-flex;font-size:12px;padding:9px 0}}

.site-header nav a[href^="/como-funciona/"]{display:inline-flex;align-items:center;border:1px solid rgba(120,235,239,.55);border-radius:100px;padding:11px 17px;background:rgba(7,26,53,.42)}
@media(max-width:670px){.site-header nav a[href^="/como-funciona/"]{padding:9px 12px}}