/* desbugea el cuadrado blanco del home */
 @media (max-width: 768px) {
  body {
    background-attachment: scroll;
  }
}
/* Evitar scroll horizontal */
html, body {
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}

/* Fondo y tipografia global */
body {
  font-family: 'Poppins', sans-serif;
  color: #fff;
  background: linear-gradient(to bottom,#0a0a15 0%,#0a0a15 40%, #080714 100%);
  background-attachment: fixed;
}
 

/* Contenedor maestro unificado */
.header-inner,
.main-container,
.hero-content {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* Evita que se estiren partes del contendor de la calculadora, puede estar bloqueando ajustes */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Barra de refresh */
#progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 3px;
    width: 0;
    background: linear-gradient(90deg, #7a7fff, #3e3aff);
    transition: width .3s ease;
    z-index: 9999;
}

/* Ocultar cuadros azules al seleccionar */

* {
  -webkit-tap-highlight-color: transparent;
}

@media (hover: none) {
  *:focus {
    outline: none;
    box-shadow: none;
  }
}

 /* =========================================
   CUANDO SE ABRE EL HEADER → OCULTAR SERVICE STICKY
========================================= */

/* dropdown juegos abierto */
.games-dropdown.active ~ #serviceSticky,
.games-dropdown.active ~ section,
.games-dropdown.active ~ main{
  pointer-events: none;
}

/* MOBILE ESPECÍFICO */
@media (max-width: 768px){

  .games-dropdown.active ~ #serviceSticky{
    transform: translateY(-120%) !important;
    opacity: 0 !important;
  }

}
@media (max-width: 768px){
  body:has(.games-dropdown.active) #serviceSticky{
    transform: translateY(-120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
/* =========================================
   HEADER UI ABIERTA → OCULTAR SERVICE STICKY
========================================= */

@media (max-width: 768px){

  /* si se abre selector de juegos O contacto */
  body:has(.games-dropdown.active) #serviceSticky,
  body:has(.contact-dropdown.active) #serviceSticky{
    transform: translateY(-120%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* animación suave */
  #serviceSticky{
    transition: transform .25s ease, opacity .25s ease;
  }
}
/* =========================================
   DESKTOP — HEADER SIEMPRE POR ENCIMA
========================================= */
@media (min-width: 769px){

  /* header base */
  .app-header{
    z-index: 5000 !important;
  }

  /* dropdowns del header */
  .games-dropdown,
  .contact-dropdown{
    z-index: 5100 !important;
  }

  /* barra de servicios queda abajo */
  #serviceSticky{
    z-index: 1000 !important;
  }
}
.mobile-sticky-price {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}