/* =========================
   1. BASE (reset + variables)
========================= */
@import "base.css";

/* =========================
   2. LAYOUT (estructura)
========================= */
@import "layout.css";

/* =========================
   3. COMPONENTS (navbar, botones, cards)
========================= */
@import "components.css";
@import "navbar.css";

/* =========================
   4. PAGES / SECTIONS (hero, landing)
========================= */
@import "hero.css";
@import "catalogo.css";
@import "vender.css";
@import "financiaconsigna.css";
@import "nosotros.css";
/* =========================
   5. OVERRIDES / FIXES (siempre al final)
========================= */
@import "overrides.css";

/* ==============================
   GLOBAL TYPOGRAPHY SCALE TEST
============================== */

/* ==============================
   TYPOGRAPHY SCALE
============================== */

h1 {
  font-size: clamp(1.8rem, 3.5vw, 2.4rem) !important;
  line-height: 1.1;
}

h2 {
  font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
  line-height: 1.15;
}

h3 {
  font-size: clamp(1.25rem, 2vw, 1.6rem) !important;
  line-height: 1.2;
}

h4 {
  font-size: clamp(1.1rem, 1.5vw, 1.3rem) !important;
  line-height: 1.25;
}

h5 {
  font-size: 1rem !important;
  line-height: 1.3;
}

h6 {
  font-size: 1rem;
  line-height: 1.35;
}

/* Texto base */

p {
  font-size: 1rem;
  line-height: 1.65 !important;
}

li {
  font-size: 1rem !important;
  line-height: 1.6;
}

small {
  font-size: 0.85rem !important;
}