@property --lx{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --ly{syntax:"<length-percentage>";inherits:false;initial-value:71%}@property --lr{syntax:"<length-percentage>";inherits:false;initial-value:0}.mirilla{width:100%;position:relative;container-type:inline-size}.mirilla-scene{--frame:clamp(8px, 2.6cqi, 14px);aspect-ratio:4/5;margin-inline:var(--frame);border-radius:var(--radius-door) var(--radius-door) 0 0;box-shadow:0 0 0 var(--frame) var(--door-edge);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;overflow:hidden}.mirilla-inside,.mirilla-ring{--lx:50%;--ly:71%;--lr:30cqi;transition:--lx .42s var(--ease-out), --ly .42s var(--ease-out)}.mirilla-scene[data-live] :is(.mirilla-inside,.mirilla-ring){transition-duration:.18s}.mirilla-door{background:linear-gradient(90deg, transparent 0 97%, #0000001f 97%), var(--door);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.mirilla-door{background:linear-gradient(90deg, transparent 0 97%, lab(0% 0 0/.12) 97%), var(--door)}}.mirilla-door-panel{border:2px solid var(--door-detail);border-radius:2px;position:absolute;inset-inline:12%}.mirilla-door-panel--top{height:40%;top:8%}.mirilla-door-panel--bottom{top:53%;bottom:6%}.mirilla-door-number{background:var(--door-edge);color:var(--concreto);font-family:var(--font-mono);letter-spacing:.12em;border-radius:3px;padding:.35em .7em;font-size:clamp(11px,3.1cqi,15px);font-weight:700;line-height:1;position:absolute;top:2.4%;left:50%;translate:-50%}.mirilla-peephole{aspect-ratio:1;background:radial-gradient(circle, var(--glow) 0 30%, var(--grafito) 34% 100%);width:6cqi;box-shadow:0 0 0 1.6cqi var(--door-detail);border-radius:50%;position:absolute;top:12.6%;left:50%;translate:-50% -50%}.mirilla-handle{background:var(--door-detail);border-radius:99px;width:3.4cqi;height:12cqi;position:absolute;top:55%;right:7%}.mirilla-handle:after{content:"";background:var(--door-detail);border-radius:99px;width:9cqi;height:2.6cqi;position:absolute;top:3.4cqi;right:0}.mirilla-plate{border:.7cqi solid var(--grafito);background:var(--placa);width:30cqi;color:var(--grafito);border-radius:1.8cqi;flex-direction:column;gap:1.2cqi;padding:1.6cqi 1.6cqi 0;display:flex;position:absolute;top:19%;left:50%;translate:-50%;box-shadow:0 1.4cqi #00000040;box-shadow:0 1.4cqi lab(0% 0 0/.25)}.mirilla-plate-head{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:2.2cqi;font-weight:700;line-height:1}.mirilla-plate-qr{border:.5cqi solid var(--grafito);background:var(--blanco);border-radius:.8cqi;padding:.8cqi;display:block}.mirilla-plate-foot{background:var(--grafito);color:var(--concreto);justify-content:space-between;align-items:center;margin-inline:-1.6cqi;padding:1cqi 1.6cqi;font-size:2.2cqi;font-weight:700;line-height:1;display:flex}.mirilla-plate-foot b{color:var(--placa);font-family:var(--font-display);font-size:4cqi;font-weight:800}.mirilla-inside{clip-path:circle(var(--lr) at var(--lx) var(--ly));position:absolute;inset:0}.mirilla-light{background:radial-gradient(60% 45% at 50% 62%, var(--glow) 0%, transparent 100%), var(--glow-soft);position:absolute;inset:0}.mirilla-floor{background:color-mix(in srgb, var(--glow-soft), var(--grafito) 14%);height:9%;position:absolute;inset:auto 0 0}.mirilla-sign{background:var(--concreto-raised);width:22cqi;box-shadow:0 1cqi 0 color-mix(in srgb, var(--grafito), transparent 80%);border-radius:3cqi;padding:1cqi;position:absolute;top:33%;left:50%;translate:-50% -50%}.mirilla-pet{position:absolute;bottom:4.5%}.mirilla-pet--faro{width:44%;left:5%}.mirilla-pet--tiza{width:38%;right:4%}.mirilla-tag{background:var(--grafito);color:var(--concreto);font-family:var(--font-mono);white-space:nowrap;border-radius:4px;padding:.45em .7em;font-size:clamp(11px,2.9cqi,14px);font-weight:700;line-height:1;position:absolute;translate:-50%}.mirilla-tag--care{top:44.5%;left:50%}.mirilla-tag--faro{top:58%;left:26%}.mirilla-tag--tiza{top:62%;left:74%}.mirilla-ring{--ring-in:var(--placa);--ring-mid:var(--grafito);--ring-out:var(--door-detail);background:radial-gradient(circle at var(--lx) var(--ly), transparent calc(var(--lr) - 2.5px), var(--ring-in) calc(var(--lr) - 2px) var(--lr), var(--ring-mid) calc(var(--lr) + .5px) calc(var(--lr) + 4px), var(--ring-out) calc(var(--lr) + 4.5px) calc(var(--lr) + 9px), transparent calc(var(--lr) + 9.5px));pointer-events:none;position:absolute;inset:0}.mirilla-hint{margin:0 0 .75rem var(--frame,12px);color:var(--fg-soft);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.mirilla-hint--coarse{display:none}@media (pointer:coarse){.mirilla-hint--fine{display:none}.mirilla-hint--coarse{display:inline}}@media (prefers-reduced-motion:reduce){.mirilla-hint{display:none}.mirilla-inside,.mirilla-ring{--lr:34cqi;transition:none}}@media (prefers-reduced-motion:no-preference){.mirilla-sign[data-found=a]{animation:mirilla-found-a .52s var(--ease-out)}.mirilla-sign[data-found=b]{animation:mirilla-found-b .52s var(--ease-out)}}@keyframes mirilla-found-a{40%{transform:translateY(-5%)rotate(-3deg)}}@keyframes mirilla-found-b{40%{transform:translateY(-5%)rotate(3deg)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.mirilla-scene{view-timeline:--puerta block}.mirilla-inside{animation:linear both mirilla-open;animation-timeline:--puerta;animation-range:cover 52% cover 92%}.mirilla-ring{animation:linear both mirilla-open,linear both mirilla-ring-out;animation-timeline:--puerta,--puerta;animation-range:cover 52% cover 92%,cover 70% cover 92%}}}@keyframes mirilla-open{to{--lr:125cqi}}@keyframes mirilla-ring-out{to{opacity:0}}.marca{z-index:0;white-space:nowrap;position:relative}.marca:before{content:"";z-index:-1;background:var(--highlight);transform-origin:0;position:absolute;inset:52% -.08em 4% -.06em}@media (prefers-reduced-motion:no-preference){.marca:before{animation:marca-in .7s var(--ease-out) .35s both}}@keyframes marca-in{0%{transform:scaleX(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal-in;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes reveal-in{0%{opacity:.001;filter:blur(6px);transform:translateY(.4em)}}.recorrido-trace{transform-origin:top}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.recorrido-trace{animation:linear both trace-draw;animation-timeline:--recorrido;animation-range:contain}.recorrido-steps{view-timeline:--recorrido block}}}@keyframes trace-draw{0%{transform:scaleY(0)}}.recorrido-stage>[data-stage]{transition:opacity .32s var(--ease-out), transform .32s var(--ease-out)}.recorrido-stage>[data-stage]:not([data-active]){opacity:0;pointer-events:none;transition-duration:.2s;transform:translateY(12px)scale(.98)}@media (prefers-reduced-motion:reduce){.recorrido-stage>[data-stage],.recorrido-stage>[data-stage]:not([data-active]){transition:opacity .15s linear;transform:none}}.recorrido-num{transition:background-color .24s var(--ease-out), color .24s var(--ease-out), transform .24s var(--ease-out)}[data-js] .recorrido-step[data-active] .recorrido-num{background:var(--primary);color:var(--on-primary);border-color:var(--primary-edge)}@media (prefers-reduced-motion:no-preference){[data-js] .recorrido-step[data-active] .recorrido-num{transform:scale(1.06)}}.scan-line{background:linear-gradient(to bottom, var(--guayaba) 0 3px, transparent 3px);pointer-events:none;opacity:0;position:absolute;inset:0 6%}@media (prefers-reduced-motion:no-preference){[data-active]>.scan-wrap .scan-line{animation:scan 1.1s var(--ease-in-out) .2s both}}@keyframes scan{0%{opacity:0;transform:translateY(2%)}12%{opacity:1}88%{opacity:1}to{opacity:0;transform:translateY(96%)}}.faq details{interpolate-size:allow-keywords}.faq details::details-content{block-size:0;transition:block-size .26s var(--ease-out), content-visibility .26s allow-discrete;overflow:clip}.faq details[open]::details-content{block-size:auto}.faq summary{list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary .faq-icon{transition:transform .24s var(--ease-out)}.faq details[open] summary .faq-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.faq details::details-content{transition:none}}.addons-track{scroll-snap-type:x mandatory;scrollbar-width:none}.addons-track::-webkit-scrollbar{display:none}.addons-track>*{scroll-snap-align:start}.glow-panel{background:radial-gradient(70% 55% at 50% 22%, color-mix(in srgb, var(--glow), transparent 30%) 0%, transparent 100%), var(--glow-soft)}