/* Homepage and account loading. The opening animation does not block any control. */
.studio-home{--studio-ink:#f5f1e9;--studio-base:#171815;--studio-edge:#3b3b33;--studio-gold:#f4cb62;color:var(--studio-ink);background:var(--studio-base);min-width:0}
.studio-home>header{background-color:#171815f5;border-color:#35352e}
.studio-home>header>div,.studio-home footer>div>p,.studio-home footer>div:first-child{max-width:1260px}
.studio-wrap{width:min(calc(100% - 64px),1196px);margin-inline:auto}
.studio-hero{--greeting-size:clamp(102px,11.5vw,156px);--drop-length:clamp(56px,7vw,102px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:24px;padding-top:clamp(46px,7vw,100px);padding-bottom:calc(var(--drop-length) + var(--greeting-size)*.43 + 23px);scroll-margin-top:68px}
.studio-hero h1{position:relative;margin:0;color:var(--studio-ink);font-family:"Geist",system-ui,sans-serif;font-size:clamp(52px,8.6vw,119px);font-weight:700;letter-spacing:-.083em;line-height:.98;white-space:nowrap}
.studio-letter{position:relative;display:inline-block}
.studio-p{position:relative;z-index:2;color:var(--studio-gold)}
.studio-greeting{pointer-events:none;position:absolute;z-index:1;left:49%;top:79%;width:1px;height:calc(var(--drop-length) + var(--greeting-size)*.44);font-size:0;line-height:0}
.studio-drop{position:absolute;inset:0;display:block;--rope-x:-.5px}
.studio-rope{position:absolute;left:var(--rope-x);top:0;width:2px;height:var(--drop-length);background:repeating-linear-gradient(155deg,#a6854d 0 2px,#e4c087 2px 4px);border-radius:2px;transform-origin:50% 0}
.studio-chibi-sprite{position:absolute;display:block;left:calc(var(--greeting-size)*-.660);top:calc(var(--drop-length) - var(--greeting-size)*.548);width:var(--greeting-size);height:var(--greeting-size);background:url("/brand/chibi/saludo-fijo.webp") 0 0/100% 100% no-repeat}
.studio-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:clamp(10px,2.8vw,38px)}
.studio-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 15px;border:1px solid transparent;border-radius:5px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background-color .18s,border-color .18s}
.studio-cta-primary{background:var(--studio-gold);color:#211a0f}
.studio-cta-primary:hover{background:#ffde84}
.studio-cta-secondary{border-color:#5c5a4d;color:var(--studio-ink)}
.studio-cta-secondary:hover{background:#252620}
.studio-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:clamp(32px,5vw,64px)}
.studio-nav-tools{display:flex;align-items:center;gap:5px}
.studio-nav-tools button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #535246;border-radius:4px;color:var(--studio-ink);background:#22231e;cursor:pointer;transition:background-color .18s}
.studio-nav-tools button:hover{background:#35352b}
.studio-rail{display:flex;overflow-x:auto;overflow-y:hidden;gap:1px;max-width:100%;margin:0;padding:0;background:var(--studio-edge);border:1px solid var(--studio-edge);border-radius:5px;cursor:grab;scrollbar-width:thin;scrollbar-color:#746444 #282922;overscroll-behavior-x:contain;user-select:none;scroll-snap-type:x proximity}
.studio-rail[data-dragging]{scroll-snap-type:none}
.studio-rail[data-dragging],.studio-rail[data-dragging] *{cursor:grabbing!important}
.studio-rail-item{flex:0 0 clamp(151px,24%,272px);scroll-snap-align:start;min-width:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 15px;background:#20211c;color:var(--studio-ink);text-decoration:none;font-size:clamp(15px,1.65vw,20px);font-weight:650;letter-spacing:-.025em;white-space:nowrap;cursor:pointer;transition:background-color .18s}
.studio-rail-item:not(.studio-promo):hover,.studio-rail-item:not(.studio-promo):focus-visible{background:#2d2d25}
.studio-promo{flex-basis:clamp(192px,33%,338px);background:var(--studio-gold);color:#211a0f;font-size:clamp(19px,2.65vw,32px);font-weight:750;letter-spacing:-.045em;cursor:inherit}
.studio-rail-arrow{color:var(--studio-gold);font-size:14px}
.studio-cta:focus-visible,.studio-nav button:focus-visible,.studio-rail-item:focus-visible,.studio-rail:focus-visible{outline:2px solid #fff5ce;outline-offset:-3px}
.studio-home section[id]:not(.studio-hero){scroll-margin-top:76px}
.studio-home section[id]:not(.studio-hero)>div:first-child{max-width:1260px;padding:clamp(42px,6vw,82px) 32px}
.studio-home main section[id]:not(.studio-hero) h2{font-family:"Geist",system-ui,sans-serif;letter-spacing:-.052em;font-weight:675;text-wrap:balance}
.studio-loading{display:grid;place-content:center;justify-items:center;gap:10px;min-height:100svh;background:#171815;color:#dfdfd4;font:500 13px/1.5 "Geist",system-ui,sans-serif}
.studio-walker{display:block;width:100px;height:100px;background:url("/brand/chibi/pasos.webp") 0 0/800% 100% no-repeat;animation:pomc-walk .85s steps(8,jump-none) infinite}
@keyframes pomc-walk{to{background-position:100% 0}}
@media (max-width:920px){.studio-wrap{width:calc(100% - 40px)}.studio-hero{grid-template-columns:minmax(0,1fr);padding-top:45px;padding-bottom:clamp(30px,6vw,48px);min-height:calc(92px + var(--drop-length) + var(--greeting-size)*.5)}.studio-actions{margin-left:clamp(102px,18vw,170px);padding-top:24px}.studio-home section[id]:not(.studio-hero)>div:first-child{padding-inline:20px}}
@media (max-width:560px){.studio-nav{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-bottom:32px}.studio-nav-tools{gap:3px}.studio-nav-tools button{width:36px;height:44px}.studio-hero h1{font-size:clamp(43px,10.7vw,57px)}.studio-actions{gap:6px;padding-top:21px;margin-left:78px}.studio-cta{min-height:42px;font-size:13px;padding-inline:10px}}
@media (prefers-reduced-motion:no-preference){
 html:has(.studio-home){scroll-behavior:smooth}
 .studio-greeting[data-ready] .studio-rope{animation:pomc-unspool 1.16s cubic-bezier(.34,.62,.25,1) both}
 .studio-greeting[data-ready] .studio-chibi-sprite{background-image:url("/brand/chibi/saludo-pasos.webp");background-size:1300% 100%;animation:pomc-drop 1.16s cubic-bezier(.34,.62,.25,1) both,pomc-wave 1.27s 1.22s steps(12,end) both}
}
@keyframes pomc-unspool{0%{transform:scaleY(.02)}85%{transform:scaleY(1.025)}100%{transform:scaleY(1)}}
@keyframes pomc-drop{0%{opacity:0;transform:translateY(calc(var(--drop-length)*-.98))}14%{opacity:1}85%{transform:translateY(calc(var(--drop-length)*.025))}100%{opacity:1;transform:translateY(0)}}
@keyframes pomc-wave{from{background-position:0 0}to{background-position:100% 0}}
@media (prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important}.studio-walker{background-image:url("/brand/chibi/chibi.webp");background-size:100% 100%;animation:none}.studio-cta,.studio-nav-tools button,.studio-rail-item{transition:none}}