.lon{--noche:#0a1830;--noche2:#132844;--rojo:#d1202f;--rojo-ink:#8a0f1c;--amarillo:#f4b400;--amarillo-ink:#7a5900;--crema:#f3ecd9;--cream2:#fffaf3;--ink:#181a20;--muted:#545e6d;--muted-light:#aab6c9;--line:rgba(15,20,30,.18);--line-dark:#ffffff28}
.lon{overflow:hidden;background:var(--crema);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.lon a{color:inherit;text-decoration:none}
.lon button{font:inherit}
.lon nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line-dark);position:relative;z-index:3}
.lon .logo{font-weight:700;letter-spacing:.08em;color:var(--crema)}
.lon .logo i{font-style:normal;color:var(--amarillo)}
.lon nav div{display:flex;gap:28px;font-size:.8rem;color:var(--crema)}
.lon .hero{min-height:730px;background:var(--noche);color:var(--crema);position:relative}
.lon .hero:after{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.10) .6px,transparent .6px);background-size:5px 5px;opacity:.3;pointer-events:none}
.lon .heroGrid{display:grid;grid-template-columns:1.05fr .95fr;padding:70px 5vw 50px;overflow:hidden;position:relative;z-index:2}
.lon .heroGrid>div:first-child{z-index:2}
.lon .over,.lon .no{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rojo-ink)}
.lon .no.gold{color:var(--amarillo)}
.lon .no.ink{color:var(--ink)}
.lon .hero .over{color:var(--amarillo)}
.lon .hero h1{font-size:clamp(4.4rem,11vw,10.5rem);font-weight:900;line-height:.78;letter-spacing:-.03em;margin:.5em 0 .35em}
.lon .hero .lead{max-width:520px;font-size:1.15rem;line-height:1.55;color:var(--crema)}
.lon .hero .lead em{font-style:italic;color:var(--amarillo)}
.lon .cta{display:inline-block;margin-top:26px;border-bottom:2px solid var(--amarillo);padding:12px 0;font-weight:700;color:var(--crema)}
.lon .art{position:relative;min-height:600px;isolation:isolate}
.lon .disc{position:absolute;width:300px;height:300px;border-radius:50%;background:var(--rojo);right:-60px;top:4%;box-shadow:0 0 110px #d1202f40}
.lon .disc:before{content:"";position:absolute;inset:14%;border-radius:50%;background:var(--noche)}
.lon .disc:after{content:"";position:absolute;inset:0;margin:auto;width:74%;height:26px;top:0;bottom:0;background:var(--crema)}
.lon .skyline{position:absolute;left:2%;bottom:0;width:92%;height:270px;display:flex;gap:3%;align-items:flex-end;z-index:2}
.lon .skyline i{width:12%;background:var(--noche2);border:1px solid var(--line-dark)}
.lon .skyline i:nth-child(1){height:55%}
.lon .skyline i:nth-child(2){height:82%}
.lon .skyline i:nth-child(3){height:64%}
.lon .skyline i:nth-child(4){height:100%;border-radius:50% 50% 0 0}
.lon .skyline i:nth-child(5){height:70%}
.lon .skyline i:nth-child(6){height:90%}
.lon .skyline i:nth-child(7){height:58%}
.lon .clock{position:absolute;right:6%;top:14%;width:120px;height:120px;border-radius:50%;border:6px solid var(--amarillo);z-index:3}
.lon .clock b{position:absolute;left:50%;top:50%;background:var(--crema);transform-origin:0 50%}
.lon .clock b:nth-child(1){width:34px;height:3px;transform:rotate(35deg)}
.lon .clock b:nth-child(2){width:44px;height:3px;transform:rotate(150deg)}
.lon .art b{position:absolute;right:0;bottom:8px;z-index:4;font-size:.7rem;letter-spacing:.12em;color:var(--crema);font-weight:700}
.lon .strip{height:65px;background:var(--amarillo);color:var(--ink);display:flex;align-items:center;justify-content:space-around;font-weight:700;letter-spacing:.12em;font-size:.85rem}
.lon .intro,.lon .prepare,.lon .transit,.lon .pace,.lon .tour,.lon .eat,.lon .taste,.lon .check{padding:110px 7vw}
.lon .intro h2,.lon .dark h2,.lon .prepare h2,.lon .transit h2,.lon .pace h2,.lon .budget h2,.lon .route h2,.lon .tour h2,.lon .eat h2,.lon .taste h2,.lon .check h2,.lon footer h2{font-size:clamp(3rem,6.4vw,5.8rem);font-weight:900;line-height:.9;letter-spacing:-.02em;margin:.3em 0}
.lon .intro h2 i,.lon .prepare h2 i,.lon .transit h2 i,.lon .pace h2 i,.lon .tour h2 i,.lon .eat h2 i,.lon .taste h2 i,.lon .check h2 i{font-style:italic;font-weight:400;color:var(--rojo-ink)}
.lon .dark h2 i,.lon .route h2 i,.lon footer h2 i{font-style:italic;font-weight:400;color:var(--amarillo)}
.lon .budget h2 i{font-style:italic;font-weight:400;color:var(--rojo-ink)}
.lon .intro{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:5vw}
.lon .intro>div{padding-top:55px;line-height:1.7;font-size:1.05rem}
.lon .intro blockquote{border-left:4px solid var(--rojo);margin:40px 0 0;padding:0 0 0 25px;font-style:italic;font-size:1.5rem;color:var(--ink);font-weight:700}
.lon .intro .small{margin-top:22px;color:var(--muted);font-size:.95rem}
.lon .dark,.lon .route{background:var(--noche);color:var(--crema);padding:110px 7vw}
.lon .gold{color:var(--amarillo)}
.lon .prepLead,.lon .transitLead{max-width:700px;line-height:1.6;font-size:1.05rem;color:var(--muted);margin-top:18px}
.lon .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}
.lon .cards article{background:var(--crema);padding:32px;min-height:210px}
.lon .cards article>b{font-size:2rem;font-weight:900;color:var(--rojo-ink);letter-spacing:.04em}
.lon .cards h3{font-size:1.4rem;margin:14px 0 10px}
.lon .cards p{line-height:1.6;color:var(--muted)}
.lon .eta{margin-top:1px;background:var(--noche);color:var(--crema);display:grid;grid-template-columns:110px 1fr auto;align-items:center;padding:40px;gap:26px}
.lon .eta>span{font-size:2.8rem;font-weight:900;color:var(--amarillo)}
.lon .eta .micro{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--amarillo);margin:0 0 10px}
.lon .eta h3{font-size:1.5rem;margin:0 0 12px;color:var(--crema)}
.lon .eta p{margin:0;color:var(--muted-light);line-height:1.6;font-size:.92rem}
.lon .eta>a{font-weight:700;text-decoration:underline;color:var(--crema);white-space:nowrap;font-size:.85rem}
.lon .transit{background:var(--cream2)}
.lon .transitGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}
.lon .transitGrid article{background:var(--crema);padding:30px;min-height:190px}
.lon .transitGrid b{display:block;font-size:.85rem;letter-spacing:.1em;color:var(--rojo-ink);margin-bottom:14px;font-weight:700}
.lon .transitGrid p{color:var(--muted);line-height:1.6;font-size:.92rem}
.lon .stayLead{max-width:760px;line-height:1.6;font-size:1.02rem;color:var(--muted-light);margin-top:18px}
.lon .travTabs{display:flex;gap:8px;margin-top:45px;flex-wrap:wrap}
.lon .travTabs button{border:1px solid var(--line-dark);background:transparent;color:var(--crema);padding:15px 22px;font-size:.85rem;font-weight:700;cursor:pointer}
.lon .travTabs button.active{background:var(--amarillo);color:var(--ink);border-color:var(--amarillo)}
.lon .stayDetail{margin-top:35px;border-top:1px solid var(--line-dark)}
.lon .stayDetail article{display:grid;grid-template-columns:60px 1fr auto;gap:22px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line-dark)}
.lon .stayDetail .rank{font-size:1.8rem;font-weight:900;color:var(--amarillo)}
.lon .stayDetail .badge{display:block;font-size:.7rem;letter-spacing:.12em;color:var(--amarillo);font-weight:700;margin-bottom:8px}
.lon .stayDetail h3{font-size:1.5rem;margin:0 0 8px;color:var(--crema)}
.lon .stayDetail .rating{display:block;font-size:.85rem;font-weight:700;color:var(--crema);margin-bottom:8px}
.lon .stayDetail .why{display:block;color:var(--muted-light);font-size:.92rem;line-height:1.5}
.lon .stayDetail a{font-weight:700;text-decoration:underline;font-size:.75rem;color:var(--crema);white-space:nowrap}
.lon .homeNote{padding:32px 0}
.lon .homeNote h3{font-size:1.5rem;margin:0 0 14px;color:var(--crema)}
.lon .homeNote p{color:var(--muted-light);line-height:1.6;font-size:.95rem;margin:0 0 18px;max-width:760px}
.lon .homeNote ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 30px}
.lon .homeNote li{color:var(--crema);font-weight:700;font-size:.88rem}
.lon .zonesTitle{margin-top:55px}
.lon .zonesGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-dark);margin-top:25px}
.lon .zonesGrid article{background:var(--noche2);padding:22px;min-height:150px}
.lon .zonesGrid b{display:block;font-size:.82rem;color:var(--amarillo);margin-bottom:10px;font-weight:700;letter-spacing:.03em}
.lon .zonesGrid p{color:var(--muted-light);font-size:.85rem;line-height:1.5}
.lon .pace{text-align:left}
.lon .paceLead{max-width:640px;line-height:1.6;font-size:1.05rem;color:var(--muted);margin-top:18px}
.lon .paceTabs{display:grid;grid-template-columns:repeat(2,1fr);margin-top:55px}
.lon .paceTabs button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:36px;text-align:left;font-size:1.4rem;cursor:pointer;font-weight:700}
.lon .paceTabs button span{display:block;color:var(--rojo-ink);font-size:.75rem;margin-bottom:45px;letter-spacing:.08em;font-weight:700}
.lon .paceTabs button small{display:block;margin-top:14px;color:var(--muted);font-size:.72rem;text-transform:uppercase;line-height:1.5;font-weight:400}
.lon .paceTabs button.active{background:var(--noche);color:var(--crema);border-color:var(--noche)}
.lon .paceTabs button.active span{color:var(--amarillo)}
.lon .paceTabs button.active small{color:var(--muted-light)}
.lon .dayTabs{display:flex;margin:55px 0 25px;overflow:auto;gap:1px}
.lon .dayTabs button{flex:1;min-width:130px;border:0;border-bottom:4px solid var(--rojo);background:transparent;color:var(--muted-light);padding:16px 14px;text-align:left;cursor:pointer}
.lon .dayTabs small{display:block;font-size:.7rem;letter-spacing:.1em;font-weight:700}
.lon .dayTabs b{display:block;font-size:1.7rem;font-weight:900}
.lon .dayTabs span{font-size:.7rem}
.lon .dayTabs button.active{background:var(--rojo-ink);color:var(--crema);border-color:var(--amarillo)}
.lon .day{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line-dark)}
.lon .day>div{padding:45px}
.lon .day .zone{display:block;color:var(--amarillo);font-size:.75rem;font-weight:700;letter-spacing:.1em}
.lon .day h3{font-size:clamp(2.3rem,4.2vw,3.2rem);font-weight:900;line-height:.95;margin:.3em 0;color:var(--crema)}
.lon .day blockquote{border-left:3px solid var(--amarillo);margin:0 0 25px;padding:0 0 0 18px;font-style:italic;font-size:1.15rem;color:var(--crema);font-weight:700}
.lon .day .dayNote{color:var(--amarillo);line-height:1.6;font-size:.9rem;margin:0 0 20px;border-left:3px solid var(--rojo);padding-left:18px}
.lon .day>div>em{display:block;color:var(--amarillo);font-style:normal;font-size:.72rem;letter-spacing:.1em;margin-top:35px;font-weight:700}
.lon .day .eatNote{color:var(--muted-light);margin:8px 0 0;line-height:1.5}
.lon .day ol{margin:0;padding:0;list-style:none}
.lon .day li{display:grid;grid-template-columns:44px 1fr;align-items:center;min-height:60px;border-bottom:1px solid var(--line-dark);padding:0 25px}
.lon .day li span{color:var(--amarillo);font-size:.72rem;font-weight:700}
.lon .day li strong{color:var(--crema);font-weight:700;font-size:.95rem}
.lon .hpNote{margin-top:1px;background:var(--noche2);border:2px solid var(--amarillo);display:grid;grid-template-columns:70px 1fr;padding:32px;gap:10px}
.lon .hpNote>span{font-size:2.2rem;font-weight:900;color:var(--amarillo)}
.lon .hpNote .micro{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--amarillo);margin:0 0 8px}
.lon .hpNote h3{font-size:1.3rem;margin:0 0 10px;color:var(--crema)}
.lon .hpNote p:last-child{margin:0;line-height:1.6;color:var(--muted-light)}
.lon .tour{background:var(--cream2)}
.lon .tourLead{max-width:760px;line-height:1.65;font-size:1.05rem;color:var(--muted);margin-top:18px;font-weight:700}
.lon .tourTabs{display:flex;gap:1px;margin-top:55px;flex-wrap:wrap;background:var(--line)}
.lon .tourTabs button{flex:1;min-width:200px;border:1px solid var(--ink);background:var(--crema);color:var(--ink);padding:18px 16px;font-size:.85rem;font-weight:700;cursor:pointer}
.lon .tourTabs button.active{background:var(--rojo-ink);color:var(--cream2);border-color:var(--rojo-ink)}
.lon .tourResult{margin-top:1px;background:var(--noche);color:var(--crema);padding:45px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:start}
.lon .tourResult>span{font-size:2.2rem;font-weight:900;color:var(--amarillo);white-space:nowrap}
.lon .tourResult h3{font-size:1.7rem;margin:0 0 14px;color:var(--crema)}
.lon .tourResult p{line-height:1.6;color:var(--muted-light);max-width:640px;margin:0 0 20px}
.lon .tourResult a{font-weight:700;text-decoration:underline;color:var(--amarillo);font-size:.85rem}
.lon .pending{margin-top:40px;background:var(--crema);border:2px solid var(--rojo-ink);display:grid;grid-template-columns:70px 1fr;padding:32px;gap:10px}
.lon .pending>span{font-size:3rem;font-weight:900;color:var(--rojo-ink)}
.lon .pending .micro{font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--rojo-ink);margin:0 0 8px}
.lon .pending h3{font-size:1.3rem;margin:0 0 10px}
.lon .pending p:last-child{margin:0;line-height:1.6;color:var(--muted)}
.lon .budget{background:var(--amarillo);color:var(--ink);padding:110px 7vw}
.lon .budget .no{color:var(--ink)}
.lon .budgetTabs{display:flex;gap:1px;margin-top:55px;max-width:640px;flex-wrap:wrap}
.lon .budgetTabs button{flex:1;min-width:220px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:18px 14px;font-size:.8rem;font-weight:700;cursor:pointer}
.lon .budgetTabs button.active{background:var(--ink);color:var(--amarillo)}
.lon .budgetResult{margin-top:30px;background:var(--cream2);color:var(--ink);border:1px solid var(--ink);padding:45px;box-shadow:12px 12px 0 var(--rojo)}
.lon .budgetResult h3{font-size:2rem;font-weight:900;margin:0 0 16px}
.lon .budgetResult>p{line-height:1.65;color:var(--muted);max-width:760px}
.lon .budgetResult ul{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,1fr);gap:16px 30px}
.lon .budgetResult li{font-weight:700;font-size:.92rem;color:var(--ink)}
.lon .eat{background:var(--crema)}
.lon .eatLead{max-width:700px;line-height:1.6;font-size:1.05rem;color:var(--muted)}
.lon .foodGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}
.lon .foodGrid article{background:var(--cream2);color:var(--ink);padding:30px;min-height:270px;display:flex;flex-direction:column}
.lon .foodGrid>article>span{font-size:1.6rem;font-weight:900;color:var(--rojo-ink)}
.lon .foodGrid .place{font-size:.7rem;font-weight:700;letter-spacing:.09em;color:var(--rojo-ink);margin:20px 0 6px}
.lon .foodGrid h3{font-size:1.4rem;margin:0 0 10px}
.lon .foodGrid .dish{font-size:.85rem;font-weight:700;color:var(--ink);margin-bottom:10px}
.lon .foodGrid .truth{line-height:1.5;color:var(--muted);font-size:.9rem;flex:1}
.lon .foodGrid a{margin-top:16px;font-weight:700;text-decoration:underline;font-size:.75rem}
.lon .taste{background:var(--rojo-ink);color:var(--crema)}
.lon .taste h2 i{color:var(--amarillo)}
.lon .taste .no.gold{color:var(--amarillo)}
.lon .dishes{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px}
.lon .dishes span{border:1px solid var(--amarillo);border-radius:40px;padding:13px 20px;font-size:.9rem;font-weight:700;color:var(--crema)}
.lon .check{background:var(--cream2);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.lon .check h2{font-size:clamp(2.8rem,5.6vw,4.8rem);line-height:.85;margin:.4em 0}
.lon .check h2 i{font-style:italic;font-weight:400;color:var(--rojo-ink)}
.lon .bar{height:7px;background:#dccdab}
.lon .bar span{display:block;height:100%;width:0;background:var(--rojo-ink);transition:width .3s}
.lon .check ul{list-style:none;margin:0;padding:0}
.lon .check li{border-bottom:1px solid var(--line);padding:18px 0}
.lon .check label{display:flex;gap:15px;cursor:pointer;align-items:center}
.lon .check input{width:20px;height:20px;accent-color:var(--rojo-ink);flex-shrink:0}
.lon .check span{color:var(--ink)}
.lon footer{background:var(--noche);color:var(--crema);padding:110px 7vw 130px}
.lon footer>p{font-size:.75rem;letter-spacing:.15em;color:var(--amarillo);font-weight:700;text-transform:uppercase}
.lon footer h2{color:var(--crema)}
.lon footer>a{display:inline-block;border-bottom:2px solid var(--amarillo);padding-bottom:8px;margin:20px 0;color:var(--crema);font-weight:700}
.lon footer small{display:block;color:var(--muted-light);margin-top:70px;max-width:650px}
.lon .dock{display:none}
.lon a:focus-visible,.lon button:focus-visible,.lon input:focus-visible{outline:2px solid var(--amarillo);outline-offset:2px}
@media(max-width:900px){
  .lon .zonesGrid{grid-template-columns:repeat(2,1fr)}
  .lon .eta{grid-template-columns:1fr;text-align:left}
  .lon .tourResult{grid-template-columns:1fr}
}
@media(max-width:800px){
  .lon nav{height:62px}
  .lon .logo{font-size:.75rem}
  .lon nav div{display:none}
  .lon .heroGrid{grid-template-columns:1fr;min-height:auto;padding-top:45px}
  .lon .hero h1{font-size:4.6rem;margin:36px 0 24px}
  .lon .hero .lead{font-size:.98rem}
  .lon .art{min-height:280px;margin-top:10px}
  .lon .disc{width:170px;height:170px}
  .lon .skyline{height:180px}
  .lon .clock{width:80px;height:80px;top:6%}
  .lon .strip{font-size:.7rem;overflow:auto;gap:22px;justify-content:flex-start;padding:0 20px}
  .lon .intro{grid-template-columns:1fr;padding:75px 6vw;gap:0}
  .lon .intro h2,.lon .dark h2,.lon .prepare h2,.lon .transit h2,.lon .pace h2,.lon .budget h2,.lon .route h2,.lon .tour h2,.lon .eat h2,.lon .taste h2,.lon .check h2,.lon footer h2{font-size:3.2rem}
  .lon .intro>div{padding-top:10px}
  .lon .dark,.lon .route,.lon .prepare,.lon .transit,.lon .pace,.lon .tour,.lon .budget,.lon .eat,.lon .taste,.lon .check{padding:75px 6vw}
  .lon .cards,.lon .cards3,.lon .foodGrid,.lon .transitGrid{grid-template-columns:1fr}
  .lon .cards article,.lon .foodGrid article,.lon .transitGrid article{min-height:auto}
  .lon .zonesGrid{grid-template-columns:1fr}
  .lon .eta{padding:26px}
  .lon .paceTabs{grid-template-columns:1fr}
  .lon .paceTabs button span{margin-bottom:14px}
  .lon .travTabs{gap:8px}
  .lon .stayDetail article{grid-template-columns:1fr;gap:10px}
  .lon .stayDetail a{justify-self:start}
  .lon .homeNote ul{grid-template-columns:1fr}
  .lon .budgetTabs{max-width:none;flex-direction:column}
  .lon .budgetTabs button{min-width:auto}
  .lon .budgetResult{padding:26px;box-shadow:8px 8px 0 var(--rojo)}
  .lon .budgetResult ul{grid-template-columns:1fr}
  .lon .day{grid-template-columns:1fr}
  .lon .day>div{padding:28px}
  .lon .day h3{font-size:2.4rem}
  .lon .day li{grid-template-columns:34px 1fr;padding:0 14px}
  .lon .hpNote{grid-template-columns:1fr;padding:24px}
  .lon .hpNote>span{font-size:1.8rem}
  .lon .tourTabs button{min-width:auto}
  .lon .pending{grid-template-columns:1fr;padding:24px}
  .lon .pending>span{font-size:2.2rem}
  .lon .check{grid-template-columns:1fr}
  .lon .dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;height:auto;background:#0a1830f2;color:var(--crema);z-index:20;padding:8px 6px calc(8px + env(safe-area-inset-bottom));border:0}
  .lon .dock a{text-align:center;padding:6px 2px;font-size:.72rem;text-transform:uppercase}
  .lon footer{padding-bottom:130px}
}
@media(max-width:480px){
  .lon .hero h1{font-size:3.3rem}
  .lon .intro h2,.lon .dark h2,.lon .prepare h2,.lon .transit h2,.lon .pace h2,.lon .budget h2,.lon .route h2,.lon .tour h2,.lon .eat h2,.lon .taste h2,.lon .check h2,.lon footer h2{font-size:2.5rem}
}
@media(prefers-reduced-motion:reduce){.lon *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}