@charset "UTF-8";

/* =========================
   FUENTE PERSONALIZADA
========================= */
@font-face {
  font-family: 'Gotham';
  src: url("../tipografia/gotham/Gotham Fonts Family/gotham-rounded-light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* =========================
   CONFIGURACIÓN GLOBAL
========================= */
:root {
  --color-primary: #F86E18;
  --color-dark: #222222;
  --color-text: #232323;
  --color-gray: #4B4B4B;
}

/* Ajuste base para escalado */
html {
  font-size: 100%; /* 16px base */
}

body {
  font-family: 'Gotham', sans-serif;
  color: var(--color-text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* =========================
   TITULARES RESPONSIVOS
========================= */

h1 {
  font-size: clamp(2rem, 4vw, 3.2rem);
  color: var(--color-primary);
  line-height: 1.2;
}

h2 {
  font-size: clamp(1.7rem, 3.2vw, 2.6rem);
  color: var(--color-gray);
}

h3 {
  font-size: clamp(1.4rem, 2.6vw, 2rem);
  color: var(--color-dark);
}

h4 {
  font-size: clamp(1.2rem, 2.2vw, 1.6rem);
  color: var(--color-dark);
}

h5 {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-dark);
}

h6 {
  font-size: clamp(0.95rem, 1.8vw, 1.1rem);
  color: var(--color-dark);
}

/* =========================
   TEXTO
========================= */

p {
  font-size: clamp(1rem, 1.4vw, 1.15rem);
  line-height: 1.7;
}

b,
strong {
  color: var(--color-primary);
  font-weight: 600;
}