/* ===== PagioPro – estilos mínimos complementarios a Tailwind ===== */

/* Suaviza el scroll en navegadores que no lo tienen por defecto */
html:focus-within {
  scroll-behavior: smooth;
}

/* Mejora accesible del focus por si tailwind config no lo ajusta */
:focus-visible {
  outline: 2px solid #0ea5e9; /* sky-500 */
  outline-offset: 2px;
}

/* Ajuste de imágenes dentro de tarjetas para evitar desenfoques */
img {
  image-rendering: auto;
}

/* Utilidad pequeña para contenedores fluidos en pantallas muy grandes */
@media (min-width: 1280px) {
  .container {
    max-width: 1120px; /* similar a Tailwind container lg */
  }
}