/* ===========================================================================
   Lo poco que Tailwind no cubre. Todo lo demas son clases de utilidad en el
   HTML, igual que en el sitio estatico original.
   =========================================================================== */

html { scroll-behavior: smooth; }
::-webkit-scrollbar { display: none; }

/* El encabezado fijo (80px) mas la fila de categorias pegada (~72px) taparian
   el titulo al llegar por un ancla como /#relampago. */
section[id], main[id], footer[id] { scroll-margin-top: 176px; }

/* Barras de scroll ocultas en las filas que se arrastran (categorias y
   carrusel), sin perder el scroll en si. */
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Recorte de lineas del titulo de las cards. Tailwind por CDN ya lo trae; se
   declara aqui para que el texto no se desborde si el CDN tarda o falla. */
.line-clamp-1, .line-clamp-2 {
  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;
}
.line-clamp-1 { -webkit-line-clamp: 1; }
.line-clamp-2 { -webkit-line-clamp: 2; }