/* ===== Vivo Cultura — CSS global (pegar en Sitio > Diseño > Edición avanzada) ===== */

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --vc-ink:#1e1e1e;
  --vc-charcoal:#4c4f48;
  --vc-cream:#e9ede2;
  --vc-cream-2:#dfe4d6;
  --vc-violet:#5b17eb;
  --vc-violet-deep:#3b0fa8;
  --vc-gold:#f0c042;
}

/* tipografia general */
body, p, li, a, span, input, textarea, button, label {
  font-family: 'Space Grotesk', sans-serif !important;
}

/* titulos: condensados, mayusculas, estilo dossier */
h1, h2, h3, h4 {
  font-family: 'Anton', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: .01em !important;
  font-weight: 400 !important;
  line-height: 1.02 !important;
}

/* links en violeta */
a { color: var(--vc-violet); }
a:hover { color: var(--vc-violet-deep); }

/* botones: intento generico, puede necesitar ajuste manual por boton */
button, .btn, [class*="button"] {
  border-radius: 2px !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* etiquetas tipo "eyebrow" si el editor te deja poner texto chico en mayuscula */
.vc-eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;
  color:var(--vc-violet);
}
.vc-eyebrow::before{content:'';width:20px;height:2px;background:var(--vc-violet);display:inline-block;}