/* HACKERWEB V58 · Cocina, seis glows pequeños con dianas clicables separadas. */
#v58-kitchen-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:visible}
#v58-kitchen-hotspots .v58-kitchen-hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;isolation:isolate;background:none;border:0;padding:0;margin:0;pointer-events:auto;cursor:pointer;border-radius:45%;touch-action:manipulation;-webkit-tap-highlight-color:transparent;appearance:none;box-sizing:border-box}
#v58-kitchen-hotspots .v58-kitchen-glow{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--v58-glow);height:var(--v58-glow);border-radius:50%;pointer-events:none;mix-blend-mode:screen;opacity:.68;background:radial-gradient(circle,rgba(162,255,86,.38) 0%,rgba(115,249,58,.20) 30%,rgba(91,247,50,.10) 55%,transparent 76%);box-shadow:0 0 9px 3px rgba(104,239,73,.14);animation:v58-breathe 2.9s ease-in-out infinite}
#v58-kitchen-hotspots .v58-kitchen-hotspot:is(:hover,:focus-visible) .v58-kitchen-glow{opacity:1;filter:brightness(1.65);box-shadow:0 0 13px 5px rgba(124,246,76,.42)}
#v58-kitchen-hotspots .v58-kitchen-hotspot[data-solved="true"] .v58-kitchen-glow{opacity:.15;animation:none}
#v58-kitchen-hotspots .v58-kitchen-clickarea{display:none}
#v58-kitchen-hotspots .v58-kitchen-hotspot:focus-visible{outline:2px solid #ddff9e;outline-offset:1px}
/* Diagnostic mode: identical real clickable geometry + centered glow. */
#v56-kitchen.v58-see-clickareas .v58-kitchen-hotspot{border:1.5px dashed #ffdf80;background:rgba(255,179,48,.16);box-shadow:0 0 0 2px #2a1a08bb,inset 0 0 10px #ffa94b4d}
#v56-kitchen.v58-see-clickareas .v58-kitchen-clickarea{display:block;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);white-space:nowrap;pointer-events:none;padding:3px 6px;border:1px solid #f3ce8a;background:#12252ce8;border-radius:5px;font:600 10px/1.2 system-ui;color:#fff;box-shadow:0 2px 12px #000b}
#v56-kitchen.v58-see-clickareas .v58-kitchen-glow{opacity:1}
@keyframes v58-breathe{0%,100%{transform:translate(-50%,-50%) scale(.85);opacity:.48}50%{transform:translate(-50%,-50%) scale(1.09);opacity:.82}}
@media(prefers-reduced-motion:reduce){#v58-kitchen-hotspots .v58-kitchen-glow{animation:none}}

/* V58.1: sin halo hasta situarse en el área clicable. */
#v56-kitchen #v58-kitchen-hotspots .v58-kitchen-hotspot .v58-kitchen-glow{
 visibility:hidden!important;opacity:0!important;animation:none!important;transition:opacity .12s ease;
}
@media (hover:hover) and (pointer:fine){
 #v56-kitchen #v58-kitchen-hotspots .v58-kitchen-hotspot:is(:hover,:focus-visible) .v58-kitchen-glow{visibility:visible!important;opacity:1!important}
 #v56-kitchen #v58-kitchen-hotspots .v58-kitchen-hotspot[data-solved="true"]:is(:hover,:focus-visible) .v58-kitchen-glow{opacity:.55!important}
}
#v56-kitchen #v58-kitchen-hotspots .v58-kitchen-hotspot:focus-visible .v58-kitchen-glow{visibility:visible!important;opacity:1!important}
@media (hover:none){
 #v56-kitchen #v58-kitchen-hotspots .v58-kitchen-hotspot:active .v58-kitchen-glow{visibility:visible!important;opacity:1!important}
}

/* V90.51: overlay anclado al rectángulo real de object-fit:cover.
   Se mueve en X/Y con la misma foto; no es una capa fija de viewport. */
#v56-kitchen #v58-kitchen-hotspots{
 inset:auto;
 left:0;top:0;width:100%;height:100%;
 overflow:visible;
 pointer-events:none;
}
/* Evita desfases durante el paneo: foto y overlay se actualizan en el mismo frame.
   No modifica las transiciones cinematográficas ENTRE escenas. */
#v56-kitchen .v56-kitchen-photo{transition:none!important}