/* ===========================
   RESET Y NORMALIZACIONES
   =========================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Prevenir scroll horizontal */
html,
body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}

/* Asegurar que todos los elementos respeten el ancho del viewport */
* {
  max-width: 100%;
}

/* Skip Link para accesibilidad */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--color-primary);
  color: var(--color-white);
  padding: 0.5rem 1rem;
  text-decoration: none;
  z-index: 10000;
  border-radius: 0 0 4px 0;
}

.skip-link:focus {
  top: 0;
}