/* ============================================================================
   PULIDO — tienda publica. Solo correcciones funcionales; no cambia colores,
   radios, sombras, fuentes ni movimiento (el estilo original es el de
   tw.css, tokens.css y el <style> de _header.php).
   Va como ultima hoja porque el <style> en linea de _header.php volvia a
   dejar las flechas del carrusel en 36px.
   ========================================================================= */

/* Flechas del carrusel: area tactil de 44px minimo */
.carousel-arrow { width: 44px; height: 44px; min-width: 44px; }
@media (min-width: 640px) {
  .promo-flecha-cir { width: 44px; height: 44px; }
}

/* Foco visible con teclado sobre las flechas (la regla base vive en tokens.css) */
.carousel-arrow:focus-visible { border-radius: var(--radio-pill); }

/* Las anclas (#contacto, #proceso) no quedan tapadas por la cabecera fija */
html { scroll-padding-top: 84px; }
@media (min-width: 768px) {
  html { scroll-padding-top: 96px; }
}

/* Paginacion por enlaces de la tienda (SEO P-6a): area tactil de 44px */
.tienda-pag a, .tienda-pag span[aria-current] {
  display: inline-flex; align-items: center; justify-content: center; gap: .25rem;
  min-width: 44px; min-height: 44px;
}

/* Migas de la ficha: en telefono solo el rubro final (SEO P-2d) */
@media (max-width: 639px) {
  .migas-medio { display: none !important; }
}

/* Filtros de la tienda: los nombres del arbol nuevo llegan a 28 letras y en 256px
   se cortaban ("Computadoras..."). Se ensancha la barra en vez de partir el nombre
   en dos lineas (decision del dueno: una sola linea por categoria). */
@media (min-width: 1024px) {
  aside[aria-label="Filtros del Catálogo"] { width: 21.5rem; }
}