* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  margin: 0;
  background: black;
  overflow: hidden;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Fondo */
.bg {
  position: fixed;
  inset: 0;
  z-index: 0;
}

/* Wrapper para forzar fullscreen */
.tenor-wrapper {
  position: absolute;
  inset: 0;
}

.tenor-wrapper iframe {
  width: 100vw !important;
  height: 100vh !important;
  border: none;
}

/* Overlay para contraste */
.overlay {
  position: fixed;
  inset: 0;
  z-index: 1;
  background: radial-gradient(
    circle at center,
    rgba(0,0,0,0.25) 0%,
    rgba(0,0,0,0.65) 70%,
    rgba(0,0,0,0.85) 100%
  );
}

/* Texto centrado */
.content {
  position: fixed;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  text-align: center;
  color: white;
}

h1 {
  margin: 0;
  font-size: clamp(2rem, 5vw, 4rem);
  letter-spacing: 0.05em;
  text-shadow: 0 6px 30px rgba(0,0,0,0.8);
}

.saludo {
  margin-top: 16px;
  font-size: clamp(1.5rem, 3vw, 2.5rem);
}