/* HACKERWEB V91.6 · Teletipo LED en borde superior, sin etiquetas ni botones */
.hdp916-ticker {
  --hdp916-led:#c8ff8d;
  position:fixed!important;inset:0 0 auto 0!important;left:0!important;top:0!important;
  transform:none!important;margin:0!important;width:100vw!important;
  height:48px;z-index:950;isolation:isolate;box-sizing:border-box;
  display:flex;align-items:stretch;padding:0;
  color:var(--hdp916-led);background:linear-gradient(180deg,#192a21 0%,#091510 35%,#050c0a 100%);
  border:0;border-bottom:1px solid #91ff7859;
  box-shadow:0 7px 23px #0009,inset 0 1px #d9ffac25,inset 0 -5px 12px #000a;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  -webkit-tap-highlight-color:transparent;
}
.hdp916-ticker[hidden]{display:none!important}
.hdp916-ticker *{box-sizing:border-box}
.hdp916-ticker:before{content:"";position:absolute;inset:1px;z-index:0;pointer-events:none;opacity:.23;
  background-image:radial-gradient(circle,#b0ff8750 0 .8px,transparent 1.1px);background-size:5px 5px}
.hdp916-ticker:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(90deg,#06100eea,transparent 5%,transparent 95%,#06100eea)}
.hdp916-ticker__viewport{position:relative;z-index:1;min-width:0;width:100%;height:100%;
  display:flex;align-items:center;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.hdp916-ticker__track{display:flex;align-items:center;flex:none;width:max-content;will-change:transform;
  animation:hdp916-run var(--hdp916-duration,65s) linear infinite}
.hdp916-ticker__group{display:flex;align-items:center;flex:none;white-space:nowrap}
.hdp916-ticker__item{display:block;flex:none;padding:0 30px;white-space:nowrap;
  color:#c8ff8d;font-size:clamp(12px,1.15vw,16px);font-weight:750;
  letter-spacing:.08em;line-height:1.3;text-shadow:0 0 8px #85ff746b,0 0 18px #49ff2947}
.hdp916-ticker__item:after{content:"◆";color:#e3ffa9;font-size:11px;margin-left:60px;text-shadow:0 0 10px #baff54}
@keyframes hdp916-run{to{transform:translate3d(-50%,0,0)}}
@media(hover:hover){.hdp916-ticker:hover .hdp916-ticker__track{animation-play-state:paused}}
.hdp916-ticker:focus-visible .hdp916-ticker__track,
.hdp916-ticker[data-paused="true"] .hdp916-ticker__track{animation-play-state:paused}
.hdp916-ticker:focus-visible{outline:2px solid #e6ffc1;outline-offset:-3px}
/* La cinta es fija y no ocupa una fila adicional en el diseño. */
html:has(.hdp916-ticker--landing) .layout{grid-template-rows:minmax(0,1fr)!important;
  padding-top:max(68px,clamp(18px,3.4vw,54px))!important}
body:has(.hdp916-ticker--scenes:not([hidden])) .hero>.header{
  padding-top:calc(clamp(16px,2.5vw,42px) + 48px)}
body:has(#hw9153-intro-overlay:not([hidden])) .hdp916-ticker--scenes,
body:has(dialog[open]) .hdp916-ticker--scenes{visibility:hidden;pointer-events:none}
@media(max-width:600px){
  .hdp916-ticker{height:44px}
  .hdp916-ticker__item{font-size:12px;letter-spacing:.04em;padding:0 20px}
  .hdp916-ticker__item:after{margin-left:32px}
  html:has(.hdp916-ticker--landing) .layout{padding-top:58px!important}
  body:has(.hdp916-ticker--scenes:not([hidden])) .hero>.header{padding-top:calc(clamp(16px,2.5vw,42px) + 44px)}
}
@media(prefers-reduced-motion:reduce){
  .hdp916-ticker__track{animation:none!important;transform:none!important}
  .hdp916-ticker__viewport{-webkit-mask-image:none;mask-image:none}
}