/* ====== SEIMPRÉS — Tipos en ficha y sliders ====== */
:root{
  --azul:#044dab;
  --h1:32px;          /* título en ficha */
  --price:24px;       /* precio en ficha */
  --slider-title:28px;/* título en slider */
  --slider-price:22px;/* precio en slider */
}

/* === FICHA DE PRODUCTO === */
main h1{
  font-size:var(--h1) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}
main h1 + h2,
main h1 + h3{
  font-size:var(--price) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:var(--azul) !important;
}
/* fallback por si el precio no es heading */
main .price,
main [class*="price"],
main [data-price]{
  font-size:var(--price) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:var(--azul) !important;
}

/* === SLIDER DESTACADOS (contenedor con clase products-gallery) === */
.products-gallery :is(h2,h3,[role="heading"]){
  font-size:var(--slider-title) !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}
.products-gallery :is(h2,h3,[role="heading"])
  + :is(h2,h3,[role="heading"]){
  font-size:var(--slider-price) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:var(--azul) !important;
}
/* fallback de precio en slider */
.products-gallery :is(.price,[class*="price"],[data-price]){
  font-size:var(--slider-price) !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:var(--azul) !important;
}

/* === Ajuste SOLO en móvil === */
@media (max-width: 480px){
  /* Ficha de producto */
  :root{
    --h1: 24px;          /* antes 32px en desktop */
    /* opcional: --price: 20px; */
    /* opcional: también podés ajustar el slider: */
    /* --slider-title: 20px; */
    /* --slider-price: 18px; */
  }
  main h1{ line-height: 1.2 !important; } /* mantiene compacto en 1–2 líneas */
}