/*
Theme Name:     GQ Child Theme
Theme URI:      https://guadronquijano.com
Description:    Núcleo optimizado para proyectos de Guadrón Quijano S.A.S. de C.V.
Author:         Guadrón Quijano S.A.S. de C.V.
Author URI:     https://guadronquijano.com
Template:       Divi
Version:        1.0.0
Text Domain:    gqchild
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           lightweight, modular, optimized, clean
*/

/* =========================================================
   GQ CHILD THEME - FLUID TYPOGRAPHY SYSTEM
========================================================= */

/* ---------------------------------------------------------
   1. ROOT VARIABLES (fluid type scale using clamp)
--------------------------------------------------------- */
:root {
  /* Escala tipográfica fluida (Minor Third ≈ 1.2) */
  --scale-h1: clamp(2.5rem, 4vw + 1rem, 3rem);
  --scale-h2: clamp(2.1rem, 3vw + 0.8rem, 2.5rem);
  --scale-h3: clamp(1.7rem, 2vw + 0.6rem, 2rem);
  --scale-h4: clamp(1.4rem, 1.5vw + 0.5rem, 1.7rem);
  --scale-h5: clamp(1.2rem, 1vw + 0.3rem, 1.4rem);
  --scale-h6: clamp(1rem, 0.8vw + 0.2rem, 1.2rem);
  --scale-p:  1rem;

  --line-height-heading: 1.15;
}

/* ---------------------------------------------------------
   2. HEADINGS (solo ajustes tipográficos)
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  line-height: var(--line-height-heading);
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0.5em;
}

h1 { font-size: var(--scale-h1); }
h2 { font-size: var(--scale-h2); }
h3 { font-size: var(--scale-h3); }
h4 { font-size: var(--scale-h4); }
h5 { font-size: var(--scale-h5); }
h6 { font-size: var(--scale-h6); }

/* ---------------------------------------------------------
   3. BODY TEXT
--------------------------------------------------------- */
p {
  font-size: var(--scale-p);
  margin-bottom: 1em;
}

small {
  font-size: clamp(0.85rem, 0.8vw + 0.6rem, 0.95rem);
  opacity: 0.85;
}

/* ---------------------------------------------------------
   4. LINKS (neutrales, sin afectar Divi)
--------------------------------------------------------- */
a:hover {
  text-decoration: underline;
}

/* ---------------------------------------------------------
   5. UTILITIES
--------------------------------------------------------- */
.text-center { text-align: center; }
.hidden { display: none !important; }

/* =========================================================
   6. REFUERZO TIPOGRÁFICO PARA DIVI
========================================================= */
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-size: unset;
}

h1 { font-size: var(--scale-h1) !important; }
h2 { font-size: var(--scale-h2) !important; }
h3 { font-size: var(--scale-h3) !important; }
h4 { font-size: var(--scale-h4) !important; }
h5 { font-size: var(--scale-h5) !important; }
h6 { font-size: var(--scale-h6) !important; }

p { font-size: var(--scale-p); }