.text-glow {
      text-shadow: 0 0 24px rgba(255, 122, 0, 0.65);
    }
    .hud-border {
      position: relative;
      background: linear-gradient(180deg, rgba(255, 122, 0, 0.18) 0%, rgba(255, 90, 31, 0.04) 100%);
      border: 1px solid rgba(255, 122, 0, 0.28);
    }
    .hud-border:hover {
      border-color: rgba(255, 168, 52, 0.6);
      box-shadow: 0 0 30px -5px rgba(255, 90, 31, 0.3);
    }
    .glass-panel {
      background: rgba(17, 20, 29, 0.72);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
    }
    .grid-bg {
      background-size: 40px 40px;
      background-image: 
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    }
  

    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap');
    body {
      font-family: 'Inter', sans-serif;
      background-color: #060709;
      color: #E2E8F0;
      overflow-x: hidden;
    }
    .font-hud {
      font-family: 'JetBrains Mono', monospace;
    }
  
/* Adaptación responsive unificada a partir del diseño Stitch */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{max-width:100%;overflow-x:hidden}
img,video,svg{max-width:100%}
img{height:auto}
.pending-link{opacity:.65;cursor:not-allowed}
@media(max-width:767px){
  body{width:100%;overflow-x:hidden}
  main section{max-width:100%;overflow-x:clip}
  section{padding-top:3.5rem!important;padding-bottom:3.5rem!important}
  section:first-child{padding-top:3rem!important}
  h1{font-size:clamp(2rem,9vw,3.35rem)!important;line-height:1.09!important;overflow-wrap:break-word}
  h2{font-size:clamp(1.7rem,7vw,2.7rem)!important;line-height:1.15!important}
  h3{overflow-wrap:break-word}
  section .max-w-7xl,section .max-w-6xl,section .max-w-5xl,section .max-w-4xl{width:100%;max-width:100%}
  section .grid{grid-template-columns:minmax(0,1fr)}
  section .grid>*{min-width:0}
  section img{max-height:none;object-fit:contain}
  a[href*="hotm.io"]{max-width:100%;white-space:normal;text-align:center;justify-content:center;overflow-wrap:anywhere}
  header{max-width:100vw}
  footer .flex{flex-wrap:wrap;justify-content:center;text-align:center}
}
@media(max-width:390px){section{padding-left:0!important;padding-right:0!important}section .px-6{padding-left:1.15rem!important;padding-right:1.15rem!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Preserve supplied vertical artwork exactly on phones. */
.hero-picture{display:block}.hero-responsive-image{display:block;width:100%;height:500px;object-fit:cover;object-position:center}
@media(min-width:1024px){.hero-responsive-image{height:580px}}
@media(max-width:767px){[data-purpose="hero-media-container"] .hero-responsive-image{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important;opacity:1!important;transform:none!important}[data-purpose="hero-media-container"] .absolute{display:none!important}[data-purpose="hero-media-container"]>div.relative{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.hero-picture{width:100%}}