:root{
  --pc-primary:#0B4FA3;       /* Azul Cubitt */
  --pc-primary-700:#073B7A;
  --pc-ink:#0f172a;
  --pc-muted:#64748b;

  /* Fondo: más profundo para que contraste con blancos */
  --pc-bg-top:#D7E9FF;        /* azul suave */
  --pc-bg-mid:#EAF4FF;
  --pc-bg-bot:#F4FAFF;
}

/* Fondo con gradiente (más “peso” arriba) */
.pc-bg{
  background: linear-gradient(180deg, var(--pc-bg-top) 0%, var(--pc-bg-mid) 45%, var(--pc-bg-bot) 100%);
}

/* pill de vigencia (marco verde suave de la línea) */
.pc-vigencia{
  background: rgba(255,255,255,.55);
  border: 1px solid rgba(124, 179, 66, .35); /* verde suave */
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}