/* =============================================
   QUMIR INGENIERÍA — Tipografías Oficiales de Marca
   Fuentes: TT Supermolo Neue (títulos)
            SF Display Pro (cuerpo)
   ============================================= */

/* TT Supermolo Neue — Títulos */
@font-face {
  font-family: 'TT Supermolo Neue';
  src: url('/assets/fonts/TTSupermolotNeue-CondRegular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* SF Pro Display — Cuerpo */
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/fonts/SF-Pro-Display-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/fonts/SF-Pro-Display-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/fonts/SF-Pro-Display-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/fonts/SF-Pro-Display-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('/assets/fonts/SF-Pro-Display-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* =============================================
   APLICACIÓN DE TIPOGRAFÍAS
   ============================================= */

/* Cuerpo general — SF Pro Display */
body, p, span, a, li, td, input, textarea, button {
  font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Títulos — TT Supermolo Neue */
h1, h2, h3, h4, h5, h6,
.title, .heading,
[class*="title"], [class*="heading"] {
  font-family: 'TT Supermolo Neue', sans-serif;
  font-weight: 400;
}

/* Slogan "ASESORÍA Y CONSULTORÍA AMBIENTAL" */
.slogan, .subtitle, [class*="slogan"] {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
  color: var(--contrast-color); /* Verde #147433 */
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Botones */
button, .btn, [class*="btn"], [class*="button"] {
  font-family: 'SF Pro Display', sans-serif;
  font-weight: 600;
}