/*
Theme Name: San Jose Comunidad - Theme Matec
Theme URI: https://matec.com.ar
Template: hello-elementor
Author: Matec
Author URI: https://matec.com.ar
Description: https://matec.com.ar
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,thread ed-comments,translation-ready
Version: 1.0.0.1774026782
Updated: 2026-03-20 14:13:02

*/


/*
Theme Name: San Jose Comunidad - Theme Matec
*/

:root {

  /* =========================
   GLOBAL COLORS (Elementor)
   ========================= */

  /* Base */
  --e-global-color-sjc-bg: #F7F5FA;
  --e-global-color-sjc-surface: #FFFFFF;
  --e-global-color-sjc-border: #D8D2DE;

  /* Azul */
  --e-global-color-sjc-blue-strong: #0068BF;
  --e-global-color-sjc-blue: #2678CD;
  --e-global-color-sjc-blue-soft: #5A9BE0;
  --e-global-color-sjc-blue-pale: #DCEBFA;
  --e-global-color-sjc-blue-deep: #0D4F8B;

  /* Verde */
  --e-global-color-sjc-green-strong: #0C834A;
  --e-global-color-sjc-green: #A0BF75;
  --e-global-color-sjc-green-soft: #C7DCA8;
  --e-global-color-sjc-green-pale: #EAF3DE;

  /* Naranja */
  --e-global-color-sjc-orange: #FFAE4E;
  --e-global-color-sjc-orange-soft: #FFD29A;
  --e-global-color-sjc-orange-pale: #FFF0DD;

  /* Rojo */
  --e-global-color-sjc-red: #FF3131;
  --e-global-color-sjc-red-soft: #FF8A8A;
  --e-global-color-sjc-red-pale: #FFE1E1;

  /* Gris */
  --e-global-color-sjc-black: #272727;
  --e-global-color-sjc-gray-dark: #373737;
  --e-global-color-sjc-gray: #545454;
  --e-global-color-sjc-gray-soft: #737373;
  --e-global-color-sjc-gray-light: #D9D9D9;
  --e-global-color-sjc-gray-pale: #EFEFEF;

  /* Violetas */
  --e-global-color-sjc-violet: #7C4DFF;
  --e-global-color-sjc-violet-strong: #6736F4;
  --e-global-color-sjc-violet-soft: #B8A3FF;
  --e-global-color-sjc-violet-pale: #EEE8FF;

  /* Dorado */
  --e-global-color-sjc-gold: #D4A63D;
  --e-global-color-sjc-gold-soft: #E8C97A;
  --e-global-color-sjc-gold-pale: #FAF1DA;

  /* Amarillo */
  --e-global-color-sjc-yellow: #F4C542;
  --e-global-color-sjc-yellow-soft: #F9E08F;
  --e-global-color-sjc-yellow-pale: #FFF8D9;

  /* Teal */
  --e-global-color-sjc-teal: #1FA7A0;
  --e-global-color-sjc-teal-soft: #8ED8D2;
  --e-global-color-sjc-teal-pale: #DDF6F3;


  /* =========================
   TOKENS SEMANTICOS
   ========================= */

  --e-global-color-primary: var(--e-global-color-sjc-blue);
  --e-global-color-secondary: var(--e-global-color-sjc-green);
  --e-global-color-accent: var(--e-global-color-sjc-orange);
  --e-global-color-text: var(--e-global-color-sjc-black);

  --e-global-color-success: var(--e-global-color-sjc-green-strong);
  --e-global-color-warning: var(--e-global-color-sjc-orange);
  --e-global-color-danger: var(--e-global-color-sjc-red);
  --e-global-color-info: var(--e-global-color-sjc-blue);


  /* =========================
   COLORES FUNCIONALES SJC
   ========================= */

  /* categorias */
  --sjc-cat-negocio: var(--e-global-color-sjc-blue);
  --sjc-cat-emprendedor: var(--e-global-color-sjc-violet);
  --sjc-cat-servicio: var(--e-global-color-sjc-teal);

  /* labels */
  --sjc-featured: var(--e-global-color-sjc-gold);
  --sjc-recommended: var(--e-global-color-sjc-green);
  --sjc-premium: var(--e-global-color-sjc-violet);

  /* ui */
  --sjc-bg: var(--e-global-color-sjc-bg);
  --sjc-surface: var(--e-global-color-sjc-surface);
  --sjc-border: var(--e-global-color-sjc-border);
  --sjc-text-primary: var(--e-global-color-sjc-black);
  --sjc-text-secondary: var(--e-global-color-sjc-gray);

}


/* =========================
GRADIENTE SJC
========================= */
.fondo-gradiente-sjc{
	  background: radial-gradient(
    circle at 0% 0%, 
    var(--e-global-color-sjc-green-soft) 0%, 
    var(--e-global-color-sjc-yellow-pale) 50%, 
    var(--e-global-color-sjc-blue) 100%
  );
}

.gradient-sjc {

  background: radial-gradient(
    circle at 0% 0%, 
    var(--e-global-color-sjc-green-soft) 0%, 
    var(--e-global-color-sjc-yellow-pale) 50%, 
    var(--e-global-color-sjc-blue) 100%
  );

}


/* =========================
BADGES
========================= */

.sjc-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:#fff;
}

.sjc-badge-negocio{
  background: var(--sjc-cat-negocio);
}

.sjc-badge-emprendedor{
  background: var(--sjc-cat-emprendedor);
}

.sjc-badge-servicio{
  background: var(--sjc-cat-servicio);
}

.sjc-badge-destacado{
  background: var(--sjc-featured);
}

.sjc-badge-recomendado{
  background: var(--sjc-recommended);
}


/* =========================
HORARIOS STATUS
========================= */

.matec-horarios-badge.status-open{
    background: var(--e-global-color-sjc-green);
}

.matec-horarios-badge.status-opening_soon{
    background: var(--e-global-color-sjc-orange);
}

.matec-horarios-badge.status-closing_soon{
    background: var(--e-global-color-sjc-red);
}

.matec-horarios-badge.status-closed{
    background: var(--e-global-color-sjc-gray-soft);
}