.ph-wrap{width:100%;max-width:360px;aspect-ratio:380/780;margin:0 auto;position:relative}
.ph{position:absolute;left:0;top:0;width:380px;height:780px;transform-origin:0 0;transform:scale(var(--k,.9));border-radius:54px;background:#101010;padding:12px;box-shadow:0 50px 70px -20px rgba(0,0,0,.55),0 10px 24px rgba(0,0,0,.3);font-family:-apple-system,"Helvetica Neue",Arial,sans-serif;text-align:left}
.ph::before{content:"";position:absolute;left:50%;top:21px;width:108px;height:28px;background:#101010;border-radius:16px;transform:translateX(-50%);z-index:6}
.ph-scr{position:relative;width:356px;height:756px;border-radius:42px;overflow:hidden;background:#fff;color:#202124}
.ph-sb{height:56px;background:#fff}
.ph-img{display:block;width:100%;height:auto;animation:none;will-change:transform}
@keyframes phscrollup{0%,5%{transform:translateY(calc(-100% + 756px))}95%,100%{transform:translateY(0)}}.ph-img.up{animation-name:phscrollup}
@keyframes phscroll{0%,5%{transform:translateY(0)}95%,100%{transform:translateY(calc(-100% + 756px))}}
[data-a]{animation:11s infinite both}
[data-a="4"]{animation-name:pha4}@keyframes pha4{0%,4%{opacity:0;transform:translateY(12px)}9%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="8"]{animation-name:pha8}@keyframes pha8{0%,8%{opacity:0;transform:translateY(12px)}13%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="12"]{animation-name:pha12}@keyframes pha12{0%,12%{opacity:0;transform:translateY(12px)}17%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="16"]{animation-name:pha16}@keyframes pha16{0%,16%{opacity:0;transform:translateY(12px)}21%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="20"]{animation-name:pha20}@keyframes pha20{0%,20%{opacity:0;transform:translateY(12px)}25%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="24"]{animation-name:pha24}@keyframes pha24{0%,24%{opacity:0;transform:translateY(12px)}29%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="28"]{animation-name:pha28}@keyframes pha28{0%,28%{opacity:0;transform:translateY(12px)}33%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="32"]{animation-name:pha32}@keyframes pha32{0%,32%{opacity:0;transform:translateY(12px)}37%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="36"]{animation-name:pha36}@keyframes pha36{0%,36%{opacity:0;transform:translateY(12px)}41%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="40"]{animation-name:pha40}@keyframes pha40{0%,40%{opacity:0;transform:translateY(12px)}45%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="44"]{animation-name:pha44}@keyframes pha44{0%,44%{opacity:0;transform:translateY(12px)}49%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="48"]{animation-name:pha48}@keyframes pha48{0%,48%{opacity:0;transform:translateY(12px)}53%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="52"]{animation-name:pha52}@keyframes pha52{0%,52%{opacity:0;transform:translateY(12px)}57%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="56"]{animation-name:pha56}@keyframes pha56{0%,56%{opacity:0;transform:translateY(12px)}61%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="60"]{animation-name:pha60}@keyframes pha60{0%,60%{opacity:0;transform:translateY(12px)}65%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}[data-a="66"]{animation-name:pha66}@keyframes pha66{0%,66%{opacity:0;transform:translateY(12px)}71%,90%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(12px)}}
[data-h]{animation:11s infinite both}
[data-h="12"]{animation-name:phh12}@keyframes phh12{0%,12%{background:var(--b0,#F4F5F7);color:var(--c0,#3C3A38);border-color:var(--e0,transparent)}15%,90%{background:#2F6BFF;color:#fff;border-color:#2F6BFF}96%,100%{background:var(--b0,#F4F5F7);color:var(--c0,#3C3A38);border-color:var(--e0,transparent)}}[data-h="26"]{animation-name:phh26}@keyframes phh26{0%,26%{background:var(--b0,#F4F5F7);color:var(--c0,#3C3A38);border-color:var(--e0,transparent)}29%,90%{background:#2F6BFF;color:#fff;border-color:#2F6BFF}96%,100%{background:var(--b0,#F4F5F7);color:var(--c0,#3C3A38);border-color:var(--e0,transparent)}}[data-h="40"]{animation-name:phh40}@keyframes phh40{0%,40%{background:var(--b0,#F4F5F7);color:var(--c0,#3C3A38);border-color:var(--e0,transparent)}43%,90%{background:#2F6BFF;color:#fff;border-color:#2F6BFF}96%,100%{background:var(--b0,#F4F5F7);color:var(--c0,#3C3A38);border-color:var(--e0,transparent)}}
.ph-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;width:0;animation:phtype 11s steps(13) infinite both}
@keyframes phtype{0%,3%{width:0}14%,92%{width:6.9em}96%,100%{width:0}}
.ph-search{margin:4px 16px 10px;height:46px;border-radius:23px;background:#F1F3F4;display:flex;align-items:center;padding:0 18px;font-size:17px;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.ph-map{height:292px;position:relative;background:#E8EAD9;overflow:hidden}
.ph-map i{position:absolute;background:#fff;display:block}
.ph-pin{position:absolute;width:26px;height:34px}.ph-pin.me{width:36px;height:46px}
.ph-ring{position:absolute;width:44px;height:44px;border-radius:50%;background:rgba(47,107,255,.35);animation:phring 2.2s ease-out infinite}
@keyframes phring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.2);opacity:0}}
.ph-tag{position:absolute;font-size:13px;font-weight:700;background:rgba(255,255,255,.95);padding:3px 8px;border-radius:7px;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.ph-card{margin:12px 14px 0;border-radius:14px;padding:13px 15px;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.16);font-size:15px;color:#3C4043}
.ph-card.me{box-shadow:0 0 0 2.5px #2F6BFF,0 8px 20px rgba(47,107,255,.28)}
.ph-card h4{font-size:19px;color:#1A0DAB;font-weight:600;margin:0 0 3px}
.ph-bar{height:10px;border-radius:5px;background:#E3E5E8;margin-top:9px}
.ph-btn{display:inline-block;background:#2F6BFF;color:#fff;border-radius:10px;padding:9px 16px;font-weight:600;font-size:15px;margin-top:9px}
.ph-st{position:relative;display:inline-block;color:#DADCE0;letter-spacing:2px}.ph-st b{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#F5A623;width:0;font-weight:400;animation:phstars 11s infinite both}
@keyframes phstars{0%,8%{width:0}22%,92%{width:100%}96%,100%{width:0}}
.ph-prof{background:linear-gradient(180deg,#DDE7FF,#fff);padding:16px 20px 10px}
.ph-prof h3{font-size:30px;margin:6px 0 0;color:#151514}
.ph-chips{display:flex;gap:8px;flex-wrap:wrap;padding:8px 20px}.ph-chips span{background:#F3EEE8;border-radius:999px;padding:8px 14px;font-size:15px;color:#2E2C2A}
.ph-rev{margin:10px 20px 0;padding:14px 16px;border-radius:14px;background:#F7F7F5;font-size:15px;color:#3C3A38;line-height:1.35}.ph-rev b{display:block;color:#151514;margin-bottom:4px;font-size:16px}
.ph-ok{display:flex;gap:10px;align-items:center;margin:13px 20px 0;font-size:16px;color:#151514}.ph-ok i{flex:none;width:22px;height:22px;border-radius:50%;background:#2F6BFF;color:#fff;font-style:normal;display:grid;place-items:center;font-size:13px}
.ph-bk{padding:12px 22px}.ph-bk h3{font-size:30px;margin:6px 0;color:#151514}
.ph-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:14px;text-align:center;font-size:15px}
.ph-cal span{padding:10px 0;border-radius:10px;background:#F4F5F7;color:#3C3A38}.ph-cal .h{background:none;color:#8A8A87;font-size:12px}
.ph-times{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.ph-times span{--b0:#fff;--c0:#151514;--e0:#D9DCE3;border:1.5px solid #D9DCE3;border-radius:12px;padding:13px;text-align:center;font-size:16px;background:#fff;color:#151514}
.ph-go{margin-top:22px;background:#151514;color:#fff;border-radius:14px;text-align:center;padding:16px;font-size:18px;font-weight:600;animation:phpress 11s infinite both}
@keyframes phpress{0%,52%{transform:none}55%{transform:scale(.95);background:#2F6BFF}58%,90%{transform:none;background:#2F6BFF}96%,100%{transform:none;background:#151514}}
.ph-small{margin-top:12px;text-align:center;font-size:13px;color:#6B6B68}
.ph-done{position:absolute;left:18px;right:18px;bottom:30px;background:#0E8F4F;color:#fff;border-radius:16px;padding:18px;text-align:center;font-size:19px;font-weight:600;box-shadow:0 14px 30px rgba(14,143,79,.4)}
[data-recipe="es-phone-journey"]{background:radial-gradient(ellipse 70% 55% at 20% 18%,rgba(94,92,255,.55),transparent 70%),radial-gradient(ellipse 60% 50% at 85% 80%,rgba(32,160,255,.42),transparent 70%),radial-gradient(ellipse 50% 40% at 55% 50%,rgba(140,80,230,.28),transparent 70%),linear-gradient(160deg,#0B1B4A 0%,#1B1F6B 45%,#0D3A7A 100%)!important}
.k-pj{list-style:none;margin:52px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}
.k-pj li{display:flex;flex-direction:column;gap:14px;text-align:center;align-items:center}
.k-pj .caps{font-size:15px;letter-spacing:.14em;color:#9DB8FF}.k-pj li>b{display:block!important;font-size:30px!important;line-height:1.15!important;font-weight:500;margin-top:12px}.k-pj sup a,.k-pj sup.cite a{color:inherit!important}.k-pj li>span:last-child{color:rgba(255,255,255,.84);max-width:32ch;font-size:17px;line-height:1.5}
.k-town .k-pj .caps{color:var(--grey)}.k-town .k-pj li>span:last-child{color:var(--grey)}.k-town .k-pj b{color:var(--ink)}
.k-town{padding-block:96px}.k-town .k-head{max-width:760px;margin-inline:auto;text-align:center}.k-town .k-head p{margin-inline:auto}
.k-town .ph-scr{background:#F4F1EC}.sc{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.sc::-webkit-scrollbar{display:none}.sc::before{content:"";display:block;position:sticky;top:0;z-index:5;height:40px;background:#101010}.sc a{display:block;position:relative;cursor:pointer;color:inherit}.sc a.ph-marked{aspect-ratio:780/7600}.ph-mk{position:absolute;right:8px;width:34px;height:34px;margin-top:-17px;border-radius:50%;display:grid;place-items:center;background:#147bd1;color:#fff;font:700 17px/1 system-ui,sans-serif;font-style:normal;box-shadow:0 0 0 3px #fff,0 4px 12px rgba(0,0,0,.35);pointer-events:none}.sc[data-auto=up]{display:flex;flex-direction:column-reverse}.sc[data-auto=up]>a{flex:0 0 auto;width:100%}.sc .ph-img{animation:none!important;transform:none!important}
.k-fine{margin:36px auto 0;text-align:center;font-size:14px;color:var(--grey)}
.k-pband{min-height:540px}.k-pband .k-photo::after{background:linear-gradient(90deg,rgba(8,14,30,.82),rgba(8,14,30,.15) 72%)}
.k-pband.r .k-photo::after{background:linear-gradient(270deg,rgba(8,14,30,.82),rgba(8,14,30,.15) 72%)}
.k-pband>.wrap{width:100%}.k-pb{position:relative;z-index:1;display:flex;flex-direction:column;gap:18px;align-items:flex-start;padding-block:80px}
.k-pband.r .k-pb{align-items:flex-end;text-align:right}.k-pb .h56{max-width:16ch;text-wrap:balance}.k-pb p{max-width:44ch;font-size:20px;line-height:1.5;color:rgba(255,255,255,.9);margin:0}
@media(max-width:900px){.k-pj{grid-template-columns:1fr}.k-pband.r .k-pb{align-items:flex-start;text-align:left}.k-pband .k-photo::after,.k-pband.r .k-photo::after{background:linear-gradient(180deg,rgba(8,14,30,.55),rgba(8,14,30,.8))}}
@media(prefers-reduced-motion:reduce){[data-a],[data-h],.ph-type,.ph-st b,.ph-go,.ph-ring,.ph-img{animation:none!important;opacity:1!important;transform:none!important}.ph-type{width:6.9em}.ph-st b{width:100%}.ph-img{transform:none!important}}