/* This face exists as live text in the original SVG. No other site typography uses it. */
@font-face{font-family:'CeraPro-Bold';src:url('/fonts/CeraPro-Bold.woff') format('woff'),url('/fonts/CeraPro-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
.master-mansion{display:block;width:100%;height:auto;aspect-ratio:1240 / 824;max-height:none;overflow:visible;pointer-events:none;animation:house-arrival .55s ease both}
.master-mansion #Mesa-de-trabajo1{pointer-events:none}
.master-mansion .house-access{cursor:pointer;outline:none;pointer-events:all}
.master-mansion .master-hit-area{fill:transparent;stroke:transparent;stroke-width:1.5;vector-effect:non-scaling-stroke;pointer-events:all}
.master-mansion .master-window-light{fill:#f7e8c9;opacity:0;pointer-events:none;transition:opacity .24s ease}
.master-mansion .house-access:is(:hover,:focus-visible,[aria-expanded="true"]) .master-window-light{opacity:.055}
.master-mansion .house-access:focus-visible .master-hit-area{stroke:#eee9db;stroke-dasharray:4 3}
.master-mansion .door-zone .master-window-light{fill:#e8bb78}
.house-stage.entering .master-mansion .door-zone .master-door-light{opacity:.16}
@media(prefers-reduced-motion:reduce){.master-mansion{animation:none}.master-mansion .master-window-light{transition:none}}

/* Opening states live outside Andrés's original SVG subtree. Hover stays unchanged. */
.house-stage{--vitrine-opening-duration:520ms}
.master-mansion .nikolas-zone{--opening-light:#c69a85}
.master-mansion .harrington-zone{--opening-light:#e8bb78}
.master-mansion .coffee-zone{--opening-light:#d4b58a}
.master-mansion .house-access.is-opening .master-window-light{fill:var(--opening-light);animation:vitrine-opening-light var(--vitrine-opening-duration) ease both}
@keyframes vitrine-opening-light{0%{opacity:.055}46%{opacity:.16}100%{opacity:.09}}

/* Original group positions: café products, chocolate display, candle display.
   Individual CSS scale composes with the existing SVG matrices, without replacing them.
   No frame, logo, shelf outside the display, lamp or architectural group moves. */
.house-stage[data-entry-opening="nikolas"] #Mesa-de-trabajo1 > g:nth-child(4) > g:first-child > g:nth-child(7){transform-box:fill-box;transform-origin:center bottom;animation:chocolate-opening var(--vitrine-opening-duration) ease both}
.house-stage[data-entry-opening="harrington"] #Mesa-de-trabajo1 > g:nth-child(5) > g:first-child > g:nth-child(7){animation:candle-opening var(--vitrine-opening-duration) ease both}
.house-stage[data-entry-opening="coffee"] #Mesa-de-trabajo1 > g:nth-child(3) > g:first-child > g:is(:nth-child(4),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(10),:nth-child(11),:nth-child(12),:nth-child(13)){animation:coffee-opening var(--vitrine-opening-duration) ease both}
@keyframes chocolate-opening{from{scale:1;filter:brightness(1)}to{scale:1.014;filter:brightness(1.07)}}
@keyframes candle-opening{0%,100%{filter:brightness(1)}48%{filter:brightness(1.12)}}
@keyframes coffee-opening{from{opacity:.94;filter:brightness(1)}to{opacity:1;filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.master-mansion .house-access.is-opening .master-window-light,.house-stage[data-entry-opening] #Mesa-de-trabajo1 g{animation:none!important}}

/* Señal táctil · 6 de octubre de 2026. Solo en pantallas táctiles, hasta el primer toque. */
.master-mansion .door-zone{--opening-light:#e8bb78}
.master-mansion .nikolas-zone{--cue-delay:.9s}
.master-mansion .door-zone{--cue-delay:1.25s}
.master-mansion .harrington-zone{--cue-delay:1.6s}
.master-mansion .coffee-zone{--cue-delay:1.95s}
.house-stage.has-cue:not(.is-explored) .house-access:not(.is-opening) .master-window-light{fill:var(--opening-light);animation:cue-intro 1.6s ease var(--cue-delay) both,cue-breathe 3.4s ease-in-out calc(var(--cue-delay) + 1.6s) infinite}
@keyframes cue-intro{0%{opacity:0}45%{opacity:.34}100%{opacity:.1}}
@keyframes cue-breathe{0%,100%{opacity:.1}50%{opacity:.24}}
.house-touch-hint{display:none}
.has-cue + .house-touch-hint{order:-1;display:flex;align-items:center;justify-content:center;gap:10px;margin:14px 0 0;font:500 11px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.19em;color:var(--muted);animation:house-arrival .6s ease 2.4s both;transition:opacity .4s ease}
.house-touch-hint.is-gone{opacity:0}
.house-touch-dot{width:7px;height:7px;border-radius:50%;background:#e8bb78;box-shadow:0 0 0 0 rgba(232,187,120,.5);animation:cue-dot 2s ease-out 2.6s infinite}
@keyframes cue-dot{0%{box-shadow:0 0 0 0 rgba(232,187,120,.55)}100%{box-shadow:0 0 0 12px rgba(232,187,120,0)}}
@media(prefers-reduced-motion:reduce){
  .house-stage.has-cue:not(.is-explored) .house-access .master-window-light{animation:none;opacity:.16}
  .has-cue + .house-touch-hint,.house-touch-dot{animation:none}
}