/* Bloqueo global de scroll sin tocar dimensiones de elementos */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden !important;
}

.construction-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh; /* Ajustado a height exacto */
  box-sizing: border-box; /* Evita que el padding añada altura extra */
  text-align: center;
  padding: 20px;
  color: #713600;
}

.construction-title {
  font-size: 2.2rem;
  letter-spacing: 3px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.construction-text {
  font-size: 1.2rem;
  margin-bottom: 30px;
  opacity: 0.9;
  max-width: 400px;
  line-height: 1.5;
}

.back-btn {
  display: inline-block;
  padding: 10px 24px;
  border: 1px solid #713600;
  color: #713600;
  text-decoration: none;
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.back-btn:hover {
  background-color: rgba(113, 54, 0, 0.1);
  transform: scale(1.05);
}

.hero.done {
  background: #1a0b05 url('/img/construction/fondo.png') center/cover no-repeat !important;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.back-btn, 
.theme-btn, 
.social-btn, 
.lang-btn {
  /* Quita el sombreado azul al pulsar en móviles (Android/iOS) */
  -webkit-tap-highlight-color: transparent;

  /* Quita el borde/contorno azul de foco en navegadores de escritorio */
  outline: none;
}

/* Opcional: define un foco accesible para navegación por teclado si lo deseas */
.back-btn:focus-visible {
  outline: 1px solid #713600;
}