/* InfoFeriantes · estilos complementarios */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-tap-highlight-color: transparent;
}

.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom, 0);
}

/* Masonry Pinterest */
.masonry {
  column-gap: 1rem;
}

.masonry-item .hero-card .aspect-\[4\/5\] {
  min-height: 280px;
}

@media (min-width: 640px) {
  .masonry.columns-2 { column-count: 2; }
}
@media (min-width: 1280px) {
  .masonry.columns-3 { column-count: 3; }
}

/* Scrollbar stories */
.scrollbar-thin::-webkit-scrollbar {
  height: 5px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 999px;
}

/* Peer radio buttons (register) */
input.sr-only.peer:checked + span {
  background: #ff6b35;
  color: #0f1115;
}

/* Line clamp fallback */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Page loader show on navigation */
body.is-loading #page-loader {
  opacity: 1;
  pointer-events: all;
}