/* ==========================================================================
   VARIABLES GLOBALES DEL TEMA
   ========================================================================== */
:root {
  /* Tipografías */
  --font-primary: "ES Build", system-ui, sans-serif;
  --font-secondary: "Libre Baskerville", serif;

  /* Colores Base */
  --color-text: #2D3C37;
  --color-bg: #F8F8F8;

  /* Layout */
  --layout-max-width: 1650px;
  /* Sistema de Grid de 12 Columnas */
  --grid-columns: 12;
  --grid-gap: 26px;
}

@media (max-width: 1280px) {
  :root {
    --grid-gap: 20px;
  }
}

@media (max-width: 768px) {
  :root {
    --grid-columns: 4; 
    --grid-gap: 16px; 
  }
}