/* HACKERWEB V87 · PLUMA sobre solapas auténticas, sin panel editorial recreado.
   Traslucidez del fondo: la escena principal permanece visible detrás. */
#v87-pen-scene[open]{
 position:fixed!important;inset:0!important;display:flex!important;
 justify-content:center!important;align-items:center!important;
 box-sizing:border-box!important;width:100vw!important;height:100dvh!important;
 max-width:none!important;max-height:none!important;overflow:hidden!important;
 padding:15px!important;margin:0!important;border:0!important;border-radius:0!important;
 background:rgba(5,11,17,.22)!important;color:white;isolation:isolate;
}
#v87-pen-scene::backdrop{background:rgba(3,8,14,.55);backdrop-filter:blur(5px);}
#v87-pen-scene *,#v87-pen-scene *::before,#v87-pen-scene *::after{box-sizing:border-box;}
#v87-pen-scene .v87-solapas{
 position:relative;flex:none;overflow:hidden;
 height:min(91dvh,1040px);aspect-ratio:2400 / 2894;
 max-width:calc(100vw - 30px);
 box-shadow:0 22px 82px rgba(0,0,0,.87);
 border:1px solid rgba(237,244,255,.3);
 background:#050505;
}
#v87-pen-scene .v87-solapas img{
 display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;
}
#v87-pen-scene .v87-floating{
 position:absolute;top:0;left:0;z-index:6;display:flex;align-items:center;
 gap:10px;width:clamp(144px,17vw,190px);min-height:69px;
 padding:10px 13px;border:1px solid rgba(225,237,247,.95);border-radius:11px;
 color:#13283e;background:linear-gradient(140deg,#ffffff,#e2f1ff);
 box-shadow:0 14px 33px rgba(0,0,0,.75),0 0 15px rgba(91,188,255,.32);
 text-decoration:none;cursor:pointer;touch-action:manipulation;
 -webkit-tap-highlight-color:transparent;will-change:transform;
}
#v87-pen-scene .v87-floating:hover,
#v87-pen-scene .v87-floating:focus-visible{
 outline:3px solid #f6d063;outline-offset:3px;
}
#v87-pen-scene .v87-icon{
 display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
 border-radius:8px;background:#0d2e51;color:white;font:800 20px/1 system-ui;
}
#v87-pen-scene .v87-word{font:700 14px/1.2 system-ui,-apple-system,sans-serif;}
#v87-pen-scene .v87-word small{
 display:block;margin-top:5px;font:500 10px/1.15 system-ui;color:#496273;
}
#v87-pen-scene .v87-exit{
 position:absolute!important;top:12px!important;
 right:12px!important;
 z-index:15;width:50px;height:50px;border:2px solid rgba(255,237,200,.94);
 border-radius:50%;background:rgba(5,17,28,.94);color:#fff;
 display:grid;place-items:center;cursor:pointer;
 font:700 32px/1 system-ui;box-shadow:0 7px 28px #0009;
}
#v87-pen-scene .v87-exit:focus-visible,
#v87-pen-scene .v87-exit:hover{outline:3px solid #ffdb6d;outline-offset:3px;}
@media(max-width:700px){
 #v87-pen-scene[open]{padding:8px!important;}
 #v87-pen-scene .v87-solapas{
  width:min(96vw,680px);height:auto;max-height:calc(100dvh - 75px);
  aspect-ratio:2400 / 2894;
 }
 #v87-pen-scene .v87-floating{width:124px;min-height:53px;padding:7px;gap:7px;border-radius:9px;}
 #v87-pen-scene .v87-icon{flex-basis:28px;width:28px;height:28px;font-size:16px;}
 #v87-pen-scene .v87-word{font-size:11px;}
 #v87-pen-scene .v87-word small{font-size:8px;margin-top:3px;}
 #v87-pen-scene .v87-exit{width:44px;height:44px;font-size:28px;}
}
@media(prefers-reduced-motion:reduce){
 #v87-pen-scene .v87-floating{will-change:auto;}
}