/* Avisos BTC – estilos mínimos propios (Tailwind para utilidades) */
html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html {
  scroll-behavior: smooth;
}
html {
  font-family: "Chakra Petch", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Efecto glass del header sticky */
.glass { backdrop-filter: blur(12px); background: rgba(255,255,255,0.6); }
.dark .glass { background: rgba(17,24,39,0.6); }

/* --- Animación para el menú móvil --- */
.menu-transition {
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
}

.menu-visible {
  max-height: 1000px; /* suficientemente alto para mostrar el contenido */
  opacity: 1;
}
/* --- Caja de precio flotante arriba a la derecha --- */
.btc-price-box {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background-color: rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(8px);
  padding: 1rem 1.75rem;
  border-radius: 1.25rem;
  font-size: 2rem; /* antes: 1.25rem */
  font-weight: 800;
  color: #22c55e;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
  white-space: nowrap;
}