/* Fondo de todo el sitio */
html {
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: none;
  /* Prevents pull-to-refresh bounce on body */
}

body {
  background-color: #ffffff;
  /* Safe area insets for notched devices */
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* Glassmorphism para tarjetas */
.glass {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1rem;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.outline-text {
  color: transparent;
  -webkit-text-stroke: 1px #007FEF;
  /* Azul corporativo */
}

/* Botón principal */
.btn-primary {
  background-color: #FFD000;
  color: #000000;
}

/* Botón hover */
.btn-primary:hover {
  background-color: #e6bb00;
}

/* Enlaces en header */
nav a {
  color: #ffffff;
  font-weight: bold;
}

nav a:hover {
  color: #FFD000;
}