/*
Theme Name: Listivo Child - TecnoSuper Connect
Theme URI: https://listivotheme.com/
Author: TecnoSuper Connect
Author URI: https://tecnosuper.co/
Description: Child theme de Listivo con identidad visual TecnoSuper Connect.
Template: listivo
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: listivo
*/

/*
 * ============================================================
 * TECNOSUPER CONNECT — PALETA GLOBAL
 * ============================================================
 */
:root {
    --tsc-primary: #5B20D9;
    --tsc-primary-dark: #4015A3;
    --tsc-accent: #7B3FF2;
    --tsc-soft: #F5F1FF;
    --tsc-white: #FFFFFF;
    --tsc-text: #111827;
    --tsc-text-secondary: #5B6472;
    --tsc-border: #E5E7EB;

    /*
     * Listivo / Elementor global colors.
     * Listivo usa lprimary1/lprimary2 para sus colores de marca.
     */
    --e-global-color-lprimary1: #5B20D9 !important;
    --e-global-color-lprimary2: #7B3FF2 !important;
    --e-global-color-lcolor1: #111827 !important;
    --e-global-color-lcolor2: #5B6472 !important;
    --e-global-color-lcolor3: #E5E7EB !important;
    --e-global-color-lcolor4: #F5F1FF !important;
    --e-global-color-lcolor5: #FFFFFF !important;
    --e-global-color-lsectionbg: #F5F1FF !important;
}

/*
 * Reafirmamos las variables sobre body porque Elementor/Listivo
 * puede declararlas en distintos niveles del documento.
 */
body {
    --e-global-color-lprimary1: #5B20D9 !important;
    --e-global-color-lprimary2: #7B3FF2 !important;
    --e-global-color-lcolor1: #111827 !important;
    --e-global-color-lcolor2: #5B6472 !important;
    --e-global-color-lcolor3: #E5E7EB !important;
    --e-global-color-lcolor4: #F5F1FF !important;
    --e-global-color-lcolor5: #FFFFFF !important;
    --e-global-color-lsectionbg: #F5F1FF !important;
}

/* ============================================================
 * BOTONES PRINCIPALES
 * Fondo morado + texto blanco.
 * ============================================================
 */
.elementor-button,
.listivo-button,
.listivo-simple-button--background-primary-1,
.listivo-simple-button--background-primary-2,
.listivo-menu-v2__button,
.listivo-subscription-button,
.listivo-call-to-action-section-v2__button,
.listivo-panel-section__buy-button,
.listivo-blog-posts-v2__button,
.listivo-listing-carousel__button,
.listivo-search-form-v2__button,
.listivo-hero-search-v8__button,
.listivo-hero-search-v10__button {
    background-color: #5B20D9 !important;
    border-color: #5B20D9 !important;
    color: #FFFFFF !important;
}

.elementor-button:hover,
.elementor-button:focus,
.listivo-button:hover,
.listivo-simple-button--background-primary-1:hover,
.listivo-simple-button--background-primary-2:hover,
.listivo-menu-v2__button:hover,
.listivo-subscription-button:hover,
.listivo-call-to-action-section-v2__button:hover,
.listivo-search-form-v2__button:hover,
.listivo-hero-search-v8__button:hover,
.listivo-hero-search-v10__button:hover {
    background-color: #4015A3 !important;
    border-color: #4015A3 !important;
    color: #FFFFFF !important;
}

/* Texto e iconos dentro de botones */
.elementor-button *,
.listivo-button *,
.listivo-simple-button--background-primary-1 *,
.listivo-simple-button--background-primary-2 *,
.listivo-menu-v2__button *,
.listivo-subscription-button *,
.listivo-call-to-action-section-v2__button * {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}

/* ============================================================
 * ENLACES Y ACENTOS
 * ============================================================
 */
a {
    --tsc-link-color: #5B20D9;
}

.elementor-widget-text-editor a:not(.listivo-button),
.listivo-breadcrumbs-v2__item:hover,
.listivo-category-v3__item:hover .listivo-category-v3__item-name {
    color: #5B20D9;
}

.elementor-widget-text-editor a:not(.listivo-button):before {
    background-color: #5B20D9;
}

/* ============================================================
 * ESTADOS ACTIVOS / SELECCIONADOS
 * ============================================================
 */
.listivo-checkbox--checked {
    border-color: #5B20D9 !important;
    background-color: #5B20D9 !important;
}

.listivo-radio--active {
    border-color: #5B20D9 !important;
}

.listivo-radio--active:before {
    background-color: #5B20D9 !important;
}

.listivo-pagination__item--active {
    background-color: #5B20D9 !important;
    color: #FFFFFF !important;
    border-color: #5B20D9 !important;
}

.listivo-pagination__item:hover {
    border-color: #5B20D9 !important;
    color: #5B20D9 !important;
}

.listivo-pagination__item:hover svg path {
    fill: #5B20D9 !important;
}

/* ============================================================
 * ELEMENTOS DE MARCA / CONTADORES / BADGES
 * ============================================================
 */
.listivo-term-carousel__count-value,
.listivo-category-v3__count,
.listivo-hero-v1__small-heading {
    background-color: #5B20D9 !important;
    color: #FFFFFF !important;
}

.listivo-blog-post-mini-card__icon {
    background-color: #7B3FF2 !important;
}

/* ============================================================
 * FOCUS / CONTROLES
 * ============================================================
 */
input:focus,
textarea:focus,
select:focus,
.elementor-field:focus {
    border-color: #5B20D9 !important;
    box-shadow: 0 0 0 1px #5B20D9 !important;
}

/* ============================================================
 * NO MODIFICAR:
 * Colores funcionales de éxito, error, advertencia y rating.
 * Se mantienen para conservar significado visual.
 * ============================================================
 */