@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;1,800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:#11140f;--panel:#1c2118;--line:#39432e;--text:#f5f8ed;--muted:#b3bea6;--accent:#bcf544;--lime:#bcf544;--paper:#f4f6ed;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body::before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:450px;background:url('assets/skate-pattern.jpg') center/460px;opacity:.075;mask-image:linear-gradient(#000,transparent);pointer-events:none}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #8a5cf0;outline-offset:4px}button{cursor:pointer}button:active{transform:scale(.97)}.wrap{width:calc(100% - 72px);max-width:1060px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}header img{display:block;width:128px;height:auto}.location{display:flex;align-items:center;gap:10px;font-size:1.5rem;color:var(--lime)}.location span{font-size:.875rem;color:var(--text);line-height:1.5}.location small{display:block;font-size:.75rem;color:var(--muted)}h1,h2,p{margin-top:0}.intro{padding:33px 0 27px}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:var(--lime);margin:0 0 12px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(3rem,6.5vw,5rem);font-weight:800;line-height:.94;letter-spacing:-.015em;margin-bottom:16px;animation:arrive .5s ease-out}h1 br{display:none}h1 em{color:var(--accent);font-style:normal}.intro>p:last-child{color:var(--muted);font-size:1rem;line-height:1.6;margin-bottom:0}.quick-shell{display:grid;grid-template-columns:minmax(0,1fr) 345px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--panel)}.quick-form{padding:30px;min-width:0}.quick-form h2{font-size:1.25rem;font-weight:600;margin-bottom:22px}.party-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:30px}.party-options button{position:relative;min-width:0;background:#11160e;border:1px solid #4e6040;border-radius:8px;color:var(--text);padding:18px 14px 16px;text-align:left;transition:transform .15s,background .2s}.party-options button[aria-pressed=true]{color:#1a250f;background:var(--accent);border-color:var(--accent)}.party-options button>span{font-size:.75rem;display:block;margin-bottom:10px;opacity:.7}.party-options strong{font-size:1.15rem}.party-options b{position:absolute;top:15px;right:12px;border:1px solid currentColor;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:.6875rem;visibility:hidden}.party-options [aria-pressed=true] b{visibility:visible}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fields>div{min-width:0}label{font-size:.875rem;font-weight:500;display:block;margin-bottom:10px;line-height:1.5}label span{font-size:.75rem;font-weight:400;color:var(--muted);display:inline-block;margin-left:3px}select,input{display:block;width:100%;min-width:0;min-height:49px;background:#10160d;border:1px solid #5a7147;border-radius:6px;color:white;font-size:1rem;padding:12px 10px}.help-note{display:flex;gap:12px;align-items:flex-start;margin-top:27px;padding-top:22px;border-top:1px solid var(--line)}.help-note>span{font-size:1.7rem;line-height:1;color:var(--accent)}.help-note p{font-size:.875rem;color:var(--muted);line-height:1.7;margin:0;max-width:370px}.quote{background:var(--paper);color:#1b260f;min-width:0}.photo{height:113px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.photo::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.photo span{position:absolute;bottom:14px;left:25px;color:white;font-size:.75rem;font-weight:700;letter-spacing:.11em;z-index:1}.quote-body{padding:24px}.quote-meta{display:flex;justify-content:space-between;color:#5d7544;font-size:.8125rem;padding-bottom:18px;margin-bottom:18px;border-bottom:1px dashed #b5c69f}.price-label{font-size:.875rem;color:#5c7344;margin-bottom:5px}.price{display:flex;align-items:baseline;gap:8px}.price strong{font-size:2.7rem;letter-spacing:-.035em;line-height:1.2;font-variant-numeric:tabular-nums}.price>span{font-size:.75rem;color:#647c4b}.price-note{font-size:.75rem;line-height:1.6;color:#61784a;margin:8px 0 18px}.deposit{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#e4efcf;border:1px solid #c2d69f;border-radius:6px;padding:12px;font-size:.8125rem;margin-bottom:17px;line-height:1.5}.deposit strong{font-size:1rem;white-space:nowrap}.deposit.unconfirmed{background:none;border:0;padding:0;font-size:.8125rem;color:#637a4b;min-height:32px}.cta{display:flex;justify-content:center;align-items:center;min-height:50px;width:100%;background:var(--lime);color:#1a290c;border-radius:6px;padding:14px;font-size:1rem;font-weight:700;transition:background .15s,transform .15s}.cta:hover{background:#ccff6b;transform:translateY(-1px)}.cta-note{font-size:.75rem;line-height:1.6;text-align:center;color:#617b47;margin:11px 0 0}.closing{text-align:center;font-size:.875rem;line-height:1.6;color:var(--muted);margin:24px 0 28px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:22px 0 30px;font-size:.75rem;line-height:1.6;color:#9cb086}footer a{white-space:nowrap}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.wrap{width:calc(100% - 40px)}.quick-shell{grid-template-columns:minmax(0,1fr) 315px}.quick-form{padding:23px}.fields{grid-template-columns:minmax(0,1fr)}.party-options{gap:7px}.party-options button{padding:15px 11px}.party-options strong{font-size:1rem}.help-note{margin-top:22px}.quote-body{padding:22px}h1 br{display:block}}@media(max-width:640px){.wrap{width:calc(100% - 30px)}header{padding:14px 0}header img{width:106px}.location{gap:7px}.location span{font-size:.75rem}.location small{font-size:.6875rem}.intro{padding:25px 0 23px}.eyebrow{font-size:.6875rem;margin-bottom:10px}h1{font-size:3.7rem;margin-bottom:13px}.intro>p:last-child{font-size:.9375rem;max-width:320px}.quick-shell{grid-template-columns:minmax(0,1fr)}.quick-form{padding:23px 19px 19px}.quick-form h2{font-size:1.125rem;margin-bottom:18px}.party-options{margin-bottom:22px;gap:9px}.party-options button{padding:14px 13px}.party-options button>span{font-size:.6875rem;margin-bottom:9px}.party-options strong{font-size:1.125rem}.fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{font-size:.8125rem}label span{font-size:.6875rem;margin-left:0}input,select{font-size:1rem;padding-inline:8px}.help-note{padding-top:17px;margin-top:18px;gap:10px}.help-note p{font-size:.8125rem;line-height:1.6}.help-note>span{font-size:1.5rem}.photo{display:none}.quote-body{padding:21px}.quote-meta{padding-bottom:13px;margin-bottom:14px}.price strong{font-size:2.65rem}.deposit{padding:11px 12px;margin-bottom:14px}.cta-note{font-size:.75rem}.closing{font-size:.8125rem;margin:20px 8px 24px}footer{font-size:.6875rem;gap:14px;padding-bottom:25px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.package-includes{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.package-includes h3{font-size:1rem;margin:0 0 14px;color:var(--text);font-weight:600}.package-includes ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.package-includes li{position:relative;padding-left:22px;font-size:.875rem;line-height:1.55;color:var(--muted)}.package-includes li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:700}.package-includes+.help-note{margin-top:20px;padding-top:16px}@media(max-width:640px){.package-includes{margin-top:21px;padding-top:18px}.package-includes ul{gap:8px}}

/* AITERA funnel: extend the existing Rolling palette, layout and controls. */
[hidden]{display:none!important}button.cta{border:0}button:disabled{cursor:wait;opacity:.7}
#cotizador{scroll-margin-top:20px}.date-undecided{display:flex;align-items:center;gap:8px;margin:8px 0 0;min-height:44px;font-size:.875rem;cursor:pointer}.date-undecided input{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;accent-color:var(--lime)}.field-help{display:block;font-size:.75rem;line-height:1.5;color:var(--muted);margin-top:5px}input:disabled{opacity:.5}
.promo-block{padding:32px 0 28px}.promo-block .eyebrow{font-size:.875rem}.promo-block h1{color:var(--lime);font-size:clamp(4rem,9vw,6rem);margin-bottom:14px}.promo-subtitle{font-size:clamp(1.15rem,3vw,1.5rem);font-weight:700;margin-bottom:18px}.promo-block ul{padding:0;margin:0 0 18px;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.promo-block li{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:10px 13px;font-size:.875rem}.promo-disclaimer,.promo-note{color:var(--muted);font-size:.8125rem;line-height:1.6;margin-bottom:8px}.promo-cta{max-width:245px;margin-top:20px}
#lead-dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:13px;width:calc(100% - 30px);max-width:460px;max-height:calc(100dvh - 30px);padding:0;overflow:auto;overscroll-behavior:contain}#lead-dialog::backdrop{background:#050802cc}body:has(#lead-dialog[open]){overflow:hidden}.lead-dialog-body{padding:28px;position:relative}.dialog-close{position:absolute;top:8px;right:8px;width:44px;min-height:44px;color:var(--text);background:transparent;border:0;font-size:1.75rem;line-height:1}.lead-dialog-body .eyebrow{margin-right:30px}.lead-dialog-body h2{font-size:1.65rem;margin-bottom:10px}#lead-intro{font-size:1rem;line-height:1.5;color:var(--muted);margin-bottom:16px}.lead-summary{border:1px solid var(--line);border-radius:6px;padding:12px;color:var(--text);font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}#lead-fields{border:0;margin:0;padding:0;min-width:0}#lead-fields label{margin:16px 0 7px;font-size:.875rem}#lead-fields label:first-child{margin-top:0}.lead-status{font-size:.875rem;line-height:1.5;margin:16px 0;color:var(--lime)}.lead-status:empty{display:none}.lead-status.is-error{color:#ffc4ad}#lead-submit{margin-top:20px}.lead-privacy{font-size:.75rem;color:var(--muted);line-height:1.5;text-align:center;margin:12px 0 0}@media(max-width:400px){.fields{grid-template-columns:minmax(0,1fr)}.lead-dialog-body{padding:24px 20px}.promo-block li{padding:9px 10px}.promo-cta{max-width:none}}

/* Rolling motion: energy on entry and interaction, with no continuous distraction. */
.intro h1,.promo-block h1{animation:none}.promo-block{position:relative;isolation:isolate;overflow:hidden}.promo-block::after{content:'';position:absolute;z-index:-1;pointer-events:none;width:min(45vw,420px);height:100%;right:-8%;top:0;background:repeating-linear-gradient(115deg,transparent 0 36px,#bcf54412 37px 38px,transparent 39px 76px);mask-image:linear-gradient(90deg,transparent,#000);animation:rolling-lanes 1.1s cubic-bezier(.22,1,.36,1) both}.promo-block h1{display:inline-block;transform-origin:left center}.promo-block li{transition:border-color .2s,background .2s,transform .2s}.cta{position:relative;overflow:hidden;isolation:isolate;transition:background .18s,transform .18s,box-shadow .18s}.cta::after{content:'';position:absolute;inset:0;pointer-events:none;transform:translateX(-130%) skewX(-18deg);background:linear-gradient(90deg,transparent,#ffffff60,transparent)}.cta:focus-visible::after,.cta:hover::after{animation:rolling-sheen .6s ease-out}.cta:active{transform:scale(.98)}.party-options button{transition:transform .2s,background .25s,border-color .25s,box-shadow .25s}.party-options button[aria-pressed=true]{box-shadow:0 5px 20px -12px var(--accent)}input,select{transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #bcf54418}.quick-shell{transition:border-color .25s}.quick-shell:focus-within{border-color:#627c47}.price strong{display:inline-block}.lead-status:not(:empty){animation:rolling-status .25s ease-out}#lead-form[aria-busy=true] .cta::after{animation:rolling-sheen 1s ease-out 1}
@media(hover:hover) and (pointer:fine){.party-options button:hover{transform:translateY(-3px);border-color:var(--accent)}.promo-block li:hover{transform:translateY(-3px);border-color:var(--lime);background:#28311f}.cta:hover{box-shadow:0 6px 22px -12px #bcf544}}
@keyframes rolling-lanes{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}@keyframes rolling-sheen{to{transform:translateX(130%) skewX(-18deg)}}@keyframes rolling-status{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.promo-block::after,.cta::after,.lead-status:not(:empty){animation:none!important}.party-options button:hover,.promo-block li:hover,.cta:hover,.cta:active{transform:none}input,select,.cta,.quick-shell,.party-options button,.promo-block li{transition:none!important}}

/* A single cinematic switch to Navidad. The visitor can replay or pause it. */
body,.quick-shell,.quote,.deposit,#lead-dialog{transition:background-color .8s ease,color .8s ease,border-color .8s ease}.promo-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.promo-topline .eyebrow{margin:0}.theme-toggle,.motion-toggle{background:transparent;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:.8125rem;min-height:44px;padding:10px 15px;cursor:pointer;white-space:nowrap}.theme-toggle:hover,.motion-toggle:hover{border-color:var(--lime)}.theme-line{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:.08em;font-size:clamp(1.3rem,4vw,2rem);line-height:1.2;margin-bottom:12px;color:var(--muted);min-height:1.2em}.promo-block h1{font-size:clamp(5rem,13vw,9rem);line-height:1.08;perspective:700px;padding-block:5px}.kinetic-letter{display:inline-block;transform-origin:50% 90%;backface-visibility:hidden}.promo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.promo-actions .promo-cta{margin:0}.motion-toggle{border-color:transparent;color:var(--muted)}.zone-error{font-size:.875rem;line-height:1.5;color:#ffceb4;padding:12px;border:1px solid #b97455;border-radius:6px;background:#39221c;margin:12px 0 0}#lead-submit:disabled{cursor:not-allowed}#lead-form[aria-busy=true] #lead-submit{cursor:wait}
@media(max-width:640px){.promo-block{padding-top:24px}.promo-topline{gap:6px}.promo-topline .eyebrow{font-size:.75rem;letter-spacing:.08em}.theme-toggle{font-size:.75rem;padding:8px 11px}.promo-block h1{font-size:clamp(4.6rem,21vw,7.5rem)}.theme-line{font-size:1.35rem}.promo-actions{gap:5px}.promo-actions .promo-cta{max-width:none}.motion-toggle{margin:auto}.promo-subtitle{font-size:1.12rem}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){body,.quick-shell,.quote,.deposit,#lead-dialog{transition:none!important}.kinetic-letter{transform:none!important}}

/* ===== NAVIDAD ===== pine green, Christmas red, gold. Snow + string lights are decorative only. */
#snow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50;opacity:0;will-change:opacity;transition:opacity 1.2s ease}#snow.on{opacity:1}
.lights{position:fixed;top:0;left:0;right:0;height:38px;z-index:49;pointer-events:none;display:flex;justify-content:space-between;overflow:hidden;opacity:0;transform:translateY(-110%);will-change:transform,opacity}
.lights::before{content:'';position:absolute;left:-2%;right:-2%;top:6px;height:2px;background:#0a120d;border-radius:2px;box-shadow:0 1px 0 #ffffff12}
.lights i{position:relative;display:block;width:12px;height:17px;margin-top:6px;border-radius:50% 50% 55% 55%;transform-origin:50% -4px;box-shadow:0 2px 12px 2px var(--g);will-change:transform,opacity;animation:bulb 2.6s ease-in-out infinite,sway 5.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.37s),calc(var(--i)*-.6s)}
.lights i::before{content:'';position:absolute;left:3px;top:-5px;width:6px;height:6px;background:#0a120d;border-radius:1px}
.lights .b0{background:#ff4d4f;--g:#ff4d4f99}.lights .b1{background:#ffc857;--g:#ffc85799}.lights .b2{background:#3ddc84;--g:#3ddc8499}.lights .b3{background:#5ec8ff;--g:#5ec8ff99}
html.fx[data-navidad=true] .lights{animation:lights-in 1.5s cubic-bezier(.22,1,.36,1) forwards}
html[data-promo] body{padding-top:30px}
html[data-navidad=true]{--bg:#0d1a14;--panel:#14281f;--line:#2f5a45;--text:#fff7ec;--muted:#bcd5c4;--lime:#ffc857;--paper:#fbf1e4}
html[data-navidad=true] body{--accent:#ffc857;}
html[data-navidad=true] .theme-line{color:#ff7478;text-shadow:0 0 26px #e5383b66}
html[data-navidad=true] .promo-block h1{color:#ffc857;text-shadow:4px 5px 0 #a4161a,0 0 46px #ffc85730}
html[data-navidad=true] .promo-block::after{background:repeating-linear-gradient(115deg,transparent 0 36px,#ffffff1c 37px 39px,transparent 40px 76px)}
html[data-navidad=true] .promo-block li{background:#1b3a2b;border-color:#3d7358}
html[data-navidad=true] .party-options button:not([aria-pressed=true]),html[data-navidad=true] input,html[data-navidad=true] select{background:#0f2118;border-color:#4a8265}
html[data-navidad=true] .party-options button[aria-pressed=true]{background:#ffc857;border-color:#ffc857;color:#3a0d10;box-shadow:0 6px 24px -13px #ffc857}
html[data-navidad=true] .quote{color:#2a1a14}
html[data-navidad=true] .quote-meta,html[data-navidad=true] .price-label,html[data-navidad=true] .price-note,html[data-navidad=true] .cta-note,html[data-navidad=true] .deposit.unconfirmed,html[data-navidad=true] .price>span{color:#6b4a3c}
html[data-navidad=true] .quote-meta{border-bottom-color:#d9b9a4}
html[data-navidad=true] .deposit:not(.unconfirmed){background:#f6dcd2;border-color:#e2b3a2}
html[data-navidad=true] .cta{background:#c1272d;color:#fff7ec}
html[data-navidad=true] .cta:hover{background:#d9343b;box-shadow:0 6px 22px -10px #e5383b}
html[data-navidad=true] .quote .cta{animation:gift 2.6s ease-in-out 1.2s 3}
html[data-navidad=true] .quick-shell:focus-within{border-color:#ffc857}
html[data-navidad=true] input:focus,html[data-navidad=true] select:focus{box-shadow:0 0 0 3px #ffc85730;border-color:#ffc857}
html[data-navidad=true] footer{color:#a9c6b3}
html[data-navidad=true] .theme-toggle{border-color:#ffc857;color:#ffe3a1}
html[data-navidad=true] .photo::after{background:linear-gradient(transparent,#2a0709cc)}
html[data-navidad=true] .help-note>span,html[data-navidad=true] .package-includes li::before{color:#ffc857}
html[data-navidad=true] #lead-dialog::backdrop{background:#04100acc}
html[data-navidad=true] .location,html[data-navidad=true] .eyebrow{color:#ffc857}
@keyframes bulb{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes sway{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
@keyframes lights-in{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}
@keyframes gift{0%,100%{box-shadow:0 0 0 0 #ffc85700}50%{box-shadow:0 0 0 8px #ffc85730}}
@media(max-width:640px){.lights i{width:10px;height:14px}.lights{height:32px}html[data-promo] body{padding-top:26px}}
.promo-block h1{white-space:nowrap}@media(max-width:640px){.promo-block h1{font-size:clamp(3.4rem,17vw,6rem)}}
.motion-paused .lights i{animation:none!important;opacity:.9}.motion-paused #snow{display:none}
@media(prefers-reduced-motion:reduce){#snow{display:none}.lights{animation:none!important}html[data-navidad=true] .lights{opacity:1;transform:none}html[data-navidad=true] .santa-hat{opacity:1;transform:rotate(14deg)}.lights i{animation:none!important}html[data-navidad=true] .quote .cta{animation:none!important}}

/* ---- Premium transition: everything cross-fades slowly; light and decorations arrive in order. */
.aurora{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 2.2s ease;background:radial-gradient(ellipse at 88% -5%,#c1272d3a,transparent 52%),radial-gradient(ellipse at 0% 38%,#ffc85718,transparent 44%),radial-gradient(ellipse at 50% 110%,#1f6b4a30,transparent 55%)}
html[data-navidad=true] .aurora{opacity:1}
html.vt *,html.vt *::before,html.vt *::after{transition:none!important}
::view-transition-group(root){animation-duration:1.5s}
::view-transition-old(root),::view-transition-new(root){animation-duration:1.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}
#snow{transition:opacity 2.4s ease}
@keyframes lights-in{0%{opacity:0;transform:translateY(-110%)}60%{opacity:1}100%{opacity:1;transform:translateY(0)}}
html.fx[data-navidad=true] .promo-block::before{content:'';position:absolute;z-index:-1;inset:-20% auto -20% -40%;width:35%;pointer-events:none;background:linear-gradient(100deg,transparent,#ffc85726,transparent);transform:skewX(-18deg);animation:glint 2.4s 1s cubic-bezier(.4,0,.2,1) 1 both}
@keyframes glint{from{transform:translateX(0) skewX(-18deg);opacity:0}15%{opacity:1}to{transform:translateX(420%) skewX(-18deg);opacity:0}}

/* ---- Santa hat on the logo: drops in with a soft bounce after the lights, then settles. */
.logo{position:relative;display:inline-block}
.santa-hat{position:absolute;width:46%;height:auto;right:-1%;top:-50%;opacity:0;transform:translateY(-26px) rotate(18deg) scale(.7);transform-origin:50% 90%;pointer-events:none;filter:drop-shadow(0 3px 5px #0008)}
html.fx[data-navidad=true] .santa-hat{opacity:1;transform:translateY(0) rotate(14deg) scale(1);transition:opacity .9s ease .7s,transform 1.4s cubic-bezier(.34,1.45,.5,1) .7s}
html:not([data-navidad=true]) .santa-hat{transition:opacity .5s ease,transform .5s ease}
header{overflow:visible}
@media(max-width:640px){.santa-hat{top:-48%}}
.motion-paused .aurora,.motion-paused .santa-hat{transition:none!important}
@media(prefers-reduced-motion:reduce){.aurora,.santa-hat,#snow{transition:none!important}html.fx[data-navidad=true] .promo-block::before{animation:none;display:none}}

/* Text swaps get their own snapshot: old text fades out first, new text fades in after (no overlapping words). */
html.vt #theme-line{view-transition-name:tline}html.vt #theme-toggle{view-transition-name:tbtn}
::view-transition-group(tline),::view-transition-group(tbtn){animation-duration:1.5s}
::view-transition-old(tline),::view-transition-old(tbtn){animation:vt-out .55s cubic-bezier(.4,0,1,1) both;mix-blend-mode:normal}
::view-transition-new(tline),::view-transition-new(tbtn){animation:vt-in .9s cubic-bezier(0,0,.2,1) .6s both;mix-blend-mode:normal}
@keyframes vt-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
