/* ============================================================
   VENECLIMAS · estética de marca (sale de la portada de FB)
   Foto real de su trabajo + degradado azul marino + etiqueta naranja
   + titular grande con UNA palabra en amarillo. Fuente Plus Jakarta Sans.
   Lo usan: tarjeta, landing, /hola, posts, destacadas y reel.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

:root {
  --vc-navy: #0A1634;        /* fondo principal */
  --vc-navy2: #13234B;       /* tarjetas / cajas */
  --vc-org: #F39A1E;         /* etiqueta y botones */
  --vc-yel: #F7B733;         /* palabra destacada del titular */
  --vc-ink: #FFFFFF;
  --vc-soft: #DCE3F2;        /* texto secundario */
  --vc-mut: #9AA8C7;
  --vc-line: rgba(243,154,30,.5);
  --vc-font: 'Plus Jakarta Sans', system-ui, sans-serif;
}

/* Foto + degradado (como la portada). Usar: <div class="vc-photo" style="background-image:url(...)"> */
.vc-photo { position: absolute; inset: 0; background-size: cover; background-position: var(--pos, center); }
.vc-photo::after { content: ""; position: absolute; inset: 0;
  background: var(--ov, linear-gradient(180deg, rgba(10,22,52,.15) 0%, rgba(10,22,52,.6) 38%, rgba(10,22,52,.95) 62%)); }

/* Etiqueta naranja "VENECLIMAS" */
.vc-tag { display: inline-block; background: var(--vc-org); color: var(--vc-navy); font-weight: 800; letter-spacing: .1em;
  padding: .32em .8em; border-radius: .28em; }

/* Titular: blanco, palabra clave en <span> amarilla */
.vc-h { font-weight: 800; line-height: 1.04; letter-spacing: -.02em; color: var(--vc-ink); }
.vc-h span { color: var(--vc-yel); }