/* ============================================================
   ELEMENTOR OVERRIDES — Compra Tu Panel
   Solo sobrescribe variables y estilos propios de Elementor.
   Los problemas del tema padre (reset.css) se resuelven en
   style.css del child theme, que es lo correcto en WordPress.
   ============================================================ */

/* ── 1. VARIABLES DEL ELEMENTOR KIT ────────────────────────────
   Elementor genera .elementor-kit-5 con sus propios colores y
   fuentes. Los reemplazamos con los tokens del design system.
   ──────────────────────────────────────────────────────────── */
:root,
.elementor-kit-5 {
    --e-global-color-primary:       #111111;
    --e-global-color-secondary:     #FFFFFF;
    --e-global-color-text:          #111111;
    --e-global-color-accent:        #111111;
    --e-global-color-4367a28:       #111111;
    --e-global-color-7a3eb92:       #F8F9FA;
    --e-global-color-9db8a78:       #111111;

    --e-global-typography-primary-font-family:   'Inter';
    --e-global-typography-primary-font-weight:   700;
    --e-global-typography-secondary-font-family: 'Inter';
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family:      'Inter';
    --e-global-typography-text-font-weight:      400;
    --e-global-typography-accent-font-family:    'Inter';
    --e-global-typography-accent-font-weight:    500;
}

/* ── 2. FUENTE Y COLOR BASE ─────────────────────────────────── */
body,
body.elementor-kit-5 {
    font-family: 'Inter', sans-serif;
    color: #111111;
    background-color: #F8F9FA;
}

/* ── 3. BOTONES DE ELEMENTOR ────────────────────────────────── */
.elementor-kit-5 .elementor-button,
.elementor-button-wrapper .elementor-button {
    font-family: 'Inter', sans-serif;
    background-color: #111111;
    color: #FFFFFF;
    border: none;
    border-radius: 9999px;
    font-weight: 500;
}
.elementor-kit-5 .elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover {
    background-color: #2C3136;
    color: #FFFFFF;
}

/* ── 4. TEXTOS ELEMENTOR ────────────────────────────────────── */
.elementor-widget-text-editor,
.elementor-widget-text-editor p {
    font-family: 'Inter', sans-serif;
    color: #6B7280;
    line-height: 1.6;
}

/* ── 5. WORDPRESS — variables de bloque ─────────────────────── */
:root {
    --wp--preset--color--black:            #111111;
    --wp--preset--color--cyan-bluish-gray: #6B7280;
    --wp--preset--color--white:            #FFFFFF;
    --wp--style--color--link:              #111111;
}

/* ── 6. WOOCOMMERCE ─────────────────────────────────────────── */
.woocommerce a,
.woocommerce-page a {
    color: #111111;
}
.woocommerce a:hover,
.woocommerce-page a:hover {
    color: #2C3136;
}
.woocommerce .button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #111111;
    color: #FFFFFF;
    border-radius: 9999px;
    font-family: 'Inter', sans-serif;
    border: none;
}
.woocommerce .button:hover,
.woocommerce button.button:hover {
    background-color: #2C3136;
    color: #FFFFFF;
}