.ll-live-hero{--lh-ink:#221a20;position:relative;background:#eef0e9;color:var(--lh-ink);overflow:clip}.lh-live-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:34px 48px;padding-top:54px;padding-bottom:36px;align-items:center}.lh-copy{min-width:0}.lh-copy>.rd-hand{color:var(--lh-accent);font-size:21px;margin:0 0 24px}.lh-copy h1{font-size:clamp(56px,5.9vw,84px);letter-spacing:-.055em;line-height:.98;margin:0 0 25px;min-height:2em;max-width:10ch}.lh-lead{font-size:20px;line-height:1.5;max-width:33ch;min-height:4.5em;margin:0 0 12px}.lh-now-idea{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-weight:700}.lh-search{margin-top:20px;max-width:470px;background:#fffaf2;border:1px solid #d0c5b7;padding:6px;box-shadow:0 6px 20px #221a2008}.lh-search input{background:transparent;color:#221a20;font-size:17px;height:46px;padding-left:12px}.lh-search button{display:grid;place-items:center;min-height:46px;min-width:48px;padding:0 12px;background:#221a20;color:white;border:0}.lh-visual{min-width:0;position:relative}.lh-now-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border:1px solid #ffffff65;border-radius:20px;background:#fffaf2;color:#221a20;box-shadow:0 8px 30px #221a2010;position:relative;z-index:2}.lh-now-panel>a{display:flex;flex-direction:column;justify-content:center;min-height:44px;color:inherit;text-decoration:none;gap:2px;font-size:14px;white-space:nowrap}.lh-now-panel time{font:800 30px/1 var(--font-display);font-variant-numeric:tabular-nums}.lh-now-panel>a:first-child>span{font-size:12px;letter-spacing:.04em;text-transform:uppercase}.lh-now-panel>[data-live-weather]{align-items:center;flex-direction:row;gap:7px;font-weight:700;white-space:normal;font-size:15px}.lh-now-panel img{width:25px;height:25px}.lh-now-panel strong{font-size:18px}.lh-scene{position:relative;isolation:isolate;z-index:3;aspect-ratio:840/450;margin-top:18px}.lh-scene-svg{width:100%;height:auto;display:block;border-radius:28px;overflow:hidden}.lh-sky-top{stop-color:var(--lh-top)}.lh-sky-middle{stop-color:var(--lh-middle)}.lh-sky-bottom{stop-color:var(--lh-bottom)}.lh-hill-far{fill:var(--lh-far)}.lh-hill-middle{fill:var(--lh-middleHill)}.lh-hill-near{fill:var(--lh-near)}.lh-stars{opacity:var(--lh-lights)}.lh-windows{fill:#f9d77c;opacity:var(--lh-lights)}.lh-houses{opacity:.9}.lh-sky-top,.lh-sky-middle,.lh-sky-bottom{transition:stop-color 1.2s}.lh-hill-far,.lh-hill-middle,.lh-hill-near{transition:fill 1.2s}.lh-stars,.lh-windows,.lh-celestial{transition:opacity 1.2s,transform 1.2s}.lh-celestial{opacity:0}.lh-tram{transform:translate(155px,382px)}.lh-tram.is-running{animation:lh-tram-shuttle 9s ease-in-out infinite alternate}@keyframes lh-tram-shuttle{0%,8%{transform:translate(40px,382px)}92%,100%{transform:translate(790px,382px)}}.lh-viewpoint{position:absolute;left:var(--pin-x);top:var(--pin-y);display:flex;align-items:center;flex-direction:column;justify-content:center;min-width:44px;min-height:44px;color:#fff9ee;text-decoration:none;transform:translate(-50%,-50%);z-index:2;font-weight:700}.lh-pin-dot{width:10px;height:10px;display:block;border-radius:50%;background:#f4c542;border:2px solid #fffaf2;box-shadow:0 0 0 5px #221a2030}.lh-pin-label{font-size:12px;white-space:nowrap;padding:5px 7px;margin-top:7px;background:#273639eb;border-radius:8px}.lh-viewpoint:nth-of-type(2) .lh-pin-label{transform:translateX(-18px)}.lh-viewpoint:nth-of-type(3) .lh-pin-label{transform:translateX(-16px)}.lh-pin-card{display:none;position:absolute;width:200px;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);border-radius:14px;background:#fffaf2;color:#221a20;padding:8px;box-shadow:0 12px 40px #221a2040;z-index:8;font-size:14px}.lh-pin-card img{width:100%;height:105px;object-fit:cover;border-radius:8px}.lh-pin-card strong,.lh-pin-card>span{display:block;margin:7px 4px}.lh-pin-card>span{font-size:12px;text-decoration:underline}.ll-live-hero .lh-viewpoint:is(:hover,:focus-visible){position:absolute;z-index:10}.lh-viewpoint:is(:hover,:focus-visible) .lh-pin-card{display:block}.lh-scene-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;margin-top:10px}.lh-scene-footer p{margin:0}.lh-scene-footer a{color:inherit;font-weight:700;min-height:44px;display:flex;align-items:center;white-space:nowrap}.lh-scene-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:5px}.lh-scene-controls[hidden]{display:none}.lh-scene-controls>div{display:flex;flex-wrap:wrap;gap:4px}.lh-scene-controls button{min-height:44px;padding:8px 10px;font:600 13px var(--font-body);color:inherit;background:transparent;border:1px solid currentColor;border-radius:999px}.lh-scene-controls [aria-pressed=true]{background:#fffaf2;color:#221a20;border-color:#fffaf2}.lh-scene-caption{font-size:12px;margin:8px 0 0;opacity:.8;min-height:19px}.lh-plan{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#fffaf2;color:#221a20;border:1px solid #e0d4c3;border-radius:22px;padding:20px 24px;grid-column:1/-1;box-shadow:0 9px 30px #221a200c}.lh-plan>div:first-of-type{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;line-height:1.6}.lh-plan label{display:flex}.lh-plan select{appearance:auto;background:#f2e8d9;color:#221a20;border:1px solid #cfc2b2;border-radius:999px;font:700 16px var(--font-body);padding:9px 12px;min-height:44px;max-width:100%}.lh-plan-actions{display:flex;align-items:center;gap:15px;flex:none}.lh-plan-actions>button{background:#221a20;color:#fffaf2;font:700 17px var(--font-body);min-height:48px;border:0;border-radius:999px;padding:10px 24px;white-space:nowrap}.lh-plan-actions>a{display:flex;align-items:center;gap:6px;color:inherit;min-height:44px;font-size:14px;white-space:nowrap}.ll-live-hero[data-phase=night]{background:#20243a}.ll-live-hero[data-phase=dawn]{background:#5d576d}.ll-live-hero[data-phase=golden]{background:#76596c}.ll-live-hero :is(a,button,input,select):focus-visible{outline:3px solid #f4c542;outline-offset:4px}.ll-live-hero[data-motion=paused] :is(.lh-tram,.lh-celestial,.lh-stars,.lh-windows,.lh-sky-top,.lh-sky-middle,.lh-sky-bottom,.lh-hill-far,.lh-hill-middle,.lh-hill-near){animation-play-state:paused;transition:none}.ll-live-hero[data-phase=day] :is(a,button,input,select):focus-visible{outline-color:#155c9c}
@media(max-width:1100px){.lh-live-grid{gap:28px;padding-top:35px}.lh-copy h1{font-size:64px}.lh-lead{font-size:18px}.lh-now-panel{padding:15px;gap:10px}.lh-now-panel>a{font-size:12px}.lh-now-panel strong{font-size:16px}.lh-plan{flex-wrap:wrap}.lh-plan-actions{margin-left:auto}.lh-pin-label{font-size:11px}.lh-now-panel time{font-size:27px}}
@media(max-width:760px){.lh-live-grid{grid-template-columns:1fr;padding-top:28px;padding-bottom:28px;gap:26px}.lh-copy h1{font-size:clamp(46px,10vw,66px);line-height:1;min-height:2em;max-width:12ch;margin-bottom:18px}.lh-copy>.rd-hand{font-size:18px;margin-bottom:18px}.lh-lead{max-width:42ch;min-height:4.5em;font-size:18px;margin-bottom:3px}.lh-search{margin-top:10px;max-width:none}.lh-visual{grid-row:3}.lh-plan{grid-row:2;margin:0;padding:18px;gap:16px}.lh-plan>div:first-of-type{font-size:16px;gap:7px}.lh-plan select{font-size:15px;padding:8px 10px}.lh-plan-actions{width:100%;justify-content:space-between;margin:0}.lh-plan-actions>button{flex:1;max-width:210px}.lh-now-panel{padding:15px 18px}.lh-scene{margin-top:15px}.lh-scene-footer{font-size:13px}.lh-scene-caption{font-size:11px}.lh-scene-controls button{padding-inline:9px;font-size:12px}.lh-pin-label{font-size:10px;padding:4px}.lh-viewpoint:nth-of-type(1) .lh-pin-label{transform:translate(-28px,6px)}.lh-viewpoint:nth-of-type(2) .lh-pin-label{transform:translate(-20px,-55px)}.lh-viewpoint:nth-of-type(3) .lh-pin-label{transform:translate(-28px,-45px)}.lh-viewpoint:nth-of-type(4) .lh-pin-label{transform:translate(-10px,4px)}.lh-pin-card{display:none!important}.lh-scene-controls{gap:9px}.lh-scene-controls>div{gap:3px}.lh-now-panel>[data-live-weather]{font-size:14px}.lh-now-panel time{font-size:29px}}
/* Put the city illustration on the first phone screen, before the full plan. */
@media(max-width:760px){.lh-visual{grid-row:2}.lh-plan{grid-row:3}.lh-scene{aspect-ratio:3/2}.lh-scene-svg{height:100%}.lh-viewpoint[data-viewpoint=place-miradouro-de-sao-pedro-de-alcantara] .lh-pin-label{transform:translate(-14px,-49px)}.lh-viewpoint[data-viewpoint=place-miradouro-das-portas-do-sol] .lh-pin-label{transform:translate(-10px,4px)}}
@media(prefers-reduced-motion:reduce){.ll-live-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ll-live-hero [data-sky-pause]{display:none}}
html.calm .ll-live-hero *{animation:none!important;transition:none!important}html.calm .ll-live-hero [data-sky-pause]{display:none}
/* Higher hill cards open into the illustration, leaving the city clock clear. */
.lh-viewpoint:is([data-viewpoint=place-miradouro-da-senhora-do-monte],[data-viewpoint=place-miradouro-de-sao-pedro-de-alcantara]) .lh-pin-card{bottom:auto;top:calc(100% + 10px)}

.lh-weather-notice{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:7px 2px 0;font-size:12px;line-height:1.4}.lh-weather-notice[hidden],.lh-weather-notice button[hidden]{display:none}.lh-weather-notice p{margin:0;min-width:0}.lh-weather-notice button{flex:none;min-height:44px;padding:8px 12px;background:transparent;border:1px solid currentColor;border-radius:999px;color:inherit;font:600 12px var(--font-body,system-ui);cursor:pointer}.lh-weather-notice button[aria-disabled=true]{cursor:progress;opacity:.7}