/*
Theme Name: AsesoriasIT GrowIT Divi Child
Theme URI: https://asesoriasit.com/
Description: Child theme de Divi con la identidad de marca de AsesoriasIT EduTech, construido sobre el framework The GrowIT Method(TM). Incluye branding (logo, colores, tipografia, favicon), estilos globales para Divi y personalizaciones de WordPress admin/login.
Author: GrowIT / Web Digital Strategies
Author URI: https://growitmethod.com/
Template: Divi
Version: 1.0.0
Text Domain: asesoriasit-growit-child
*/

/* =========================================================
   1) VARIABLES DE MARCA (AsesoriasIT EduTech x GrowIT Method)
   Estos valores tambien se declaran en functions.php para
   generar los Global Colors de Divi automaticamente.
   ========================================================= */
:root {
  --growit-blue: #2781bc;      /* Azul principal (GrowIT Method / globo AsesoriasIT) */
  --growit-blue-dark: #1e6a9c; /* Azul hover / estados activos */
  --asesorias-cyan: #00b0d8;   /* Cian acento (Edutech) */
  --brand-dark: #1b1718;       /* Negro/carbon de marca (texto, footer, wordmark) */
  --brand-light: #f5f5f5;      /* Blanco casi puro para fondos claros y texto sobre oscuro */
  --brand-gray: #6b6b6b;       /* Texto secundario */

  --font-heading: 'Urbanist', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
}

/* =========================================================
   2) TIPOGRAFIA GLOBAL
   ========================================================= */
body, .et_pb_module {
  font-family: var(--font-body);
  color: var(--brand-dark);
}

h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3,
.et_pb_module h4, .et_pb_module h5, .et_pb_module h6 {
  font-family: var(--font-heading);
  color: var(--brand-dark);
}

/* Convencion de marca: el glifo (TM) no existe en Urbanist Bold a
   tamanos de titulo -> se fuerza Plus Jakarta Sans en superindice */
.tm {
  font-family: var(--font-body);
  font-size: 0.55em;
  vertical-align: super;
  line-height: 0;
}

/* =========================================================
   3) ENLACES, BOTONES Y ACENTOS
   ========================================================= */
a {
  color: var(--growit-blue);
}
a:hover {
  color: var(--growit-blue-dark);
}

.et_pb_button,
.et_pb_button.et_pb_more_button {
  background-color: var(--growit-blue) !important;
  border: 2px solid var(--growit-blue) !important;
  color: var(--brand-light) !important;
  border-radius: 4px;
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.02em;
  transition: all 0.25s ease;
}
.et_pb_button:hover {
  background-color: var(--brand-dark) !important;
  border-color: var(--brand-dark) !important;
  color: var(--brand-light) !important;
}

.et_pb_button.growit-button-outline {
  background-color: transparent !important;
  color: var(--growit-blue) !important;
}
.et_pb_button.growit-button-outline:hover {
  background-color: var(--growit-blue) !important;
  color: var(--brand-light) !important;
}

/* Acento cian AsesoriasIT EduTech, para eyebrows / etiquetas */
.growit-eyebrow {
  font-family: var(--font-heading);
  color: var(--asesorias-cyan);
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  font-weight: 700;
}

/* =========================================================
   4) HEADER / LOGO
   ========================================================= */
#logo {
  max-height: 54px;
}

/* =========================================================
   5) FOOTER
   ========================================================= */
#main-footer, .et-l--footer {
  background-color: var(--brand-dark);
  color: var(--brand-light);
}
#main-footer a, .et-l--footer a {
  color: var(--brand-light);
}
#main-footer a:hover, .et-l--footer a:hover {
  color: var(--asesorias-cyan);
}

/* =========================================================
   6) IMPORTA LOS ESTILOS PROPIOS DEL CLIENTE
   (mantiene style.css limpio; los ajustes puntuales del sitio
   van en assets/css/custom.css)
   ========================================================= */