/* ============================================================
 * PROYECTOS — color del tag de tipo según la taxonomía
 * El VALOR del color vive en los Global Colors de Elementor.
 * Acá solo se mapea cada tipo -> su variable. Editar el color
 * en Elementor actualiza tarjeta y filtro automáticamente.
 *   Semilla   -> --e-global-color-c4d07f3
 *   Prototipo -> --e-global-color-92e7c31
 *   Piloto    -> --e-global-color-108cd2d
 *   Paper     -> --e-global-color-f19b139
 * La clase .tag-tipo está en el widget del tag (Loop Item).
 * Las clases tipo_proyecto_*-slug las pone WordPress en cada tarjeta.
 * ============================================================ */

/* Semilla (solo proyectos en curso) */
.tipo_proyecto_curso-semilla .tag-tipo {
    background-color: var(--e-global-color-c4d07f3);
}

/* Prototipo (en curso y anteriores) */
.tipo_proyecto_curso-prototipo .tag-tipo,
.tipo_proyecto_anterior-prototipo .tag-tipo {
    background-color: var(--e-global-color-92e7c31);
}

/* Piloto (en curso y anteriores) */
.tipo_proyecto_curso-piloto .tag-tipo,
.tipo_proyecto_anterior-piloto .tag-tipo {
    background-color: var(--e-global-color-108cd2d);
}

/* Paper (solo proyectos anteriores) */
.tipo_proyecto_anterior-paper .tag-tipo {
    background-color: var(--e-global-color-f19b139);
}

/* ============================================================
 * BOTONES DE FILTRO (Button de Elementor con clase .btn-filtro)
 * Normal #9E78D9 · Hover #473366 · Activo (.filtro-activo) #1F0538
 * El color de fondo se maneja acá, no en Elementor.
 * .filtro-activo la agrega el JS al botón clickeado.
 * ============================================================ */
.btn-filtro .elementor-button,
.btn-filtro .elementor-button:visited {
    background-color: #9E78D9 !important;
    color: #ffffff !important;
}
.btn-filtro .elementor-button:hover {
    background-color: #473366 !important;
}
.btn-filtro .elementor-button.filtro-activo {
    background-color: #1F0538 !important;
}