/*
Theme Name: Tema iWInds
Theme URI: https://iwinds.com.ar
Template: hello-elementor
Author: Maximo Grisotto
Author URI: https://iwinds.com.ar
Version: 1.0.0.1738844097
Updated: 2025-02-06 09:14:57

*/

/*
 * Fallback de variables de tipografía y colores de Elementor Kit
 * iWinds — Tema hijo
 *
 * Cómo usarlo:
 *   Pegá este bloque en Apariencia → Personalizar → CSS adicional
 *   O en el style.css de tu tema hijo.
 *
 * Estas variables se definen ANTES de que Elementor cargue su kit.
 * Si Elementor está activo, sus valores las sobreescriben automáticamente.
 * Si Elementor no carga (caída, desactivación), el tema las provee como fallback.
 */

:root {

  /* ── Colores globales ─────────────────────────────────────── */
  --e-global-color-primary:    #00AEEF;
  --e-global-color-secondary:  #333132;
  --e-global-color-text:       #7A7A7A;
  --e-global-color-accent:     #1EC2FF;
  --e-global-color-25f4149:    #1F2530;
  --e-global-color-c3ca33e:    #1170B8;
  --e-global-color-d515288:    #363636;
  --e-global-color-e0de105:    #1170B8;
  --e-global-color-b21ff35:    #F5F5FA;

  /* ── Tipografía: Primary (h2, headings principales) ─────── */
  --e-global-typography-primary-font-family:    "Roboto";
  --e-global-typography-primary-font-size:      38px;
  --e-global-typography-primary-font-weight:    700;
  --e-global-typography-primary-line-height:    40px;
  --e-global-typography-primary-letter-spacing: 0.8px;
  --e-global-typography-primary-word-spacing:   0px;

  /* ── Tipografía: Secondary (h3, subtítulos) ─────────────── */
  --e-global-typography-secondary-font-family:    "Roboto";
  --e-global-typography-secondary-font-size:      25px;
  --e-global-typography-secondary-font-weight:    500;
  --e-global-typography-secondary-font-style:     normal;
  --e-global-typography-secondary-line-height:    30px;
  --e-global-typography-secondary-letter-spacing: 0.7px;
  --e-global-typography-secondary-word-spacing:   0px;

  /* ── Tipografía: Text (body, párrafos) ───────────────────── */
  --e-global-typography-text-font-family: "Roboto";
  --e-global-typography-text-font-weight: 400;

  /* ── Tipografía: Accent (h4, h5, h6, links) ─────────────── */
  --e-global-typography-accent-font-family:    "Roboto";
  --e-global-typography-accent-font-size:      18px;
  --e-global-typography-accent-font-weight:    400;
  --e-global-typography-accent-letter-spacing: 0.5px;

  /* ── Tipografía: b163683 (h1, hero headings) ────────────── */
  --e-global-typography-b163683-font-family:    "Roboto";
  --e-global-typography-b163683-font-size:      80px;
  --e-global-typography-b163683-font-weight:    600;
  --e-global-typography-b163683-line-height:    70px;
  --e-global-typography-b163683-letter-spacing: 0.5px;
  --e-global-typography-b163683-word-spacing:   5px;

  /* ── Tipografía: 8a46754 (labels, tags pequeños) ────────── */
  --e-global-typography-8a46754-font-family:    "Roboto";
  --e-global-typography-8a46754-font-size:      14px;
  --e-global-typography-8a46754-font-weight:    500;
  --e-global-typography-8a46754-letter-spacing: 0.5px;

  /* ── Tipografía: dc29c12 ─────────────────────────────────── */
  --e-global-typography-dc29c12-font-family: "Roboto";
  --e-global-typography-dc29c12-font-weight: 400;

  /* ── Tipografía: 3ecf84e (texto liviano) ────────────────── */
  --e-global-typography-3ecf84e-font-family: "Roboto";
  --e-global-typography-3ecf84e-font-weight: 300;

  /* ── Tipografía: 89fca1d (display grande) ───────────────── */
  --e-global-typography-89fca1d-font-family: "Roboto";
  --e-global-typography-89fca1d-font-size:   2.7rem;
  --e-global-typography-89fca1d-font-weight: 600;

}

/* ── Responsive: Tablet (≤ 1024px) ──────────────────────────── */
@media (max-width: 1024px) {
  :root {
    --e-global-typography-primary-font-size:      26px;
    --e-global-typography-primary-line-height:    1.2em;
    --e-global-typography-primary-letter-spacing: 0.2px;

    --e-global-typography-secondary-font-size:      20px;
    --e-global-typography-secondary-line-height:    1.2em;
    --e-global-typography-secondary-letter-spacing: 0.2px;

    --e-global-typography-b163683-font-size:      50px;
    --e-global-typography-b163683-line-height:    1em;
    --e-global-typography-b163683-letter-spacing: 0.5px;
    --e-global-typography-b163683-word-spacing:   0.1em;

    --e-global-typography-8a46754-font-size: 20px;
  }
}

/* ── Responsive: Mobile (≤ 600px) ───────────────────────────── */
@media (max-width: 600px) {
  :root {
    --e-global-typography-primary-font-size: 25px;

    --e-global-typography-secondary-font-size:      20px;
    --e-global-typography-secondary-line-height:    1.2em;
    --e-global-typography-secondary-letter-spacing: 0px;
    --e-global-typography-secondary-word-spacing:   0.1em;

    --e-global-typography-b163683-font-size:      40px;
    --e-global-typography-b163683-line-height:    1em;
    --e-global-typography-b163683-letter-spacing: 0.3px;

    --e-global-typography-8a46754-font-size:  20px;
    --e-global-typography-dc29c12-font-size:  20px;
  }
}