/*
Theme Name: GQ Child Theme
Version: 2.0
Description: Basic Child Theme by Guadrón Quijano S.A.S. de C.V.
Author: Luis Guadrón
Template: Divi
Author URL: https://guadronquijano.com
*/
 
/*------- Theme Customizations------- */


/* ------------------ FUENTE: Inter Variable (un solo archivo WOFF2) ------------------ */

@font-face {
  font-family: 'Inter';
  src: url('/wp-content/themes/Divi-Child/fonts/subset-InterVariable.woff2') format('woff2');
  font-weight: 400 700; /* 🔹 ajusta al rango que exportaste (ej. 400–700) */
  font-style: normal;
  font-display: swap;
}


html, body {
  overscroll-behavior: none;
}



/* ------------------ BASE ------------------ */

html { font-size: 16px; } /* 1rem = 16px */

body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem; /* 16px base */
}

/* Forzar Inter en elementos comunes de Divi */
body, p, li, input, textarea, select,
h1, h2, h3, h4, h5, h6,
.et_pb_module, .et_pb_text, .et_pb_button, .et-menu-nav > ul > li > a,
.et_pb_slide_description h1, .et_pb_fullwidth_header h1 {
  font-family: 'Inter', sans-serif;
}

/* ------------------ ESCALA TIPOGRÁFICA ------------------ */

h1 {
  font-size: 2.986rem;   /* ≈ 48px */
  line-height: 1.15;
  font-weight: 700;
}

h2 {
  font-size: 2.488rem;   /* ≈ 40px */
  line-height: 1.2;
  font-weight: 600;
}

h3 {
  font-size: 2.074rem;   /* ≈ 33px */
  line-height: 1.25;
  font-weight: 500;
}

h4 {
  font-size: 1.728rem;   /* ≈ 28px */
  line-height: 1.3;
  font-weight: 400;
}

h5 {
  font-size: 1.44rem;    /* ≈ 23px */
  line-height: 1.35;
  font-weight: 400;
}

h6 {
  font-size: 1.2rem;     /* ≈ 19px */
  line-height: 1.4;
  font-weight: 300;
}

p, li {
  font-size: 1rem;       /* 16px */
  line-height: 1.6;
  font-weight: 400;
}

small {
  font-size: 0.833rem;   /* ≈ 13px */
}

/* Ajuste para títulos internos del editor Divi */
.et-vb-page-bar-title, 
.et-vb-modal-header--primary, 
.et-vb-modal-title {
  font-size: 24px;
}