/* 🎨 PALETA (Junior, 30-09-2026): vuelve el rojo de los flyers (sin el marrón de vivo.css) y las tarjetas
   van en colores opuestos al rojo —dorado, turquesa, azul— para que no se pierdan en el fondo.
   Va DESPUÉS de vivo.css. Para volver al marrón: sacar su <link> del index.html. */
:root {
  --carbon: #0d1a31;
  --carbon-2: #142949;
  --carbon-3: #1c3560;
  --rojo-marca: #b5121a;
  --rojo-prof: #6b0a0e;
  --rojo-vivo: #dc1f26;
  --navy-marca: #0d1a31;
  --navy-2: #142949;
  --navy-borde: #2b4e86;
  --puntos: radial-gradient(circle, rgba(0, 0, 0, 0.16) 1.1px, transparent 1.2px);
}
body {
  background:
    var(--puntos),
    radial-gradient(130% 60% at 50% 0%, var(--rojo-vivo) 0%, var(--rojo-marca) 40%, var(--rojo-prof) 100%);
  background-size: 9px 9px, 100% 100%;
  background-repeat: repeat, no-repeat;
}
.hero2 {
  background:
    var(--puntos),
    radial-gradient(115% 100% at 50% -5%, var(--rojo-vivo) 0%, var(--rojo-marca) 42%, var(--rojo-prof) 100%);
  background-size: 9px 9px, auto;
}
.vt-slide.t-carbon, .tb-promo.t-carbon { --c1: #1c3560; --c2: #0a1528; }
.vt-slide.t-sol, .tb-promo.t-sol { --tinta: #0d1a31; }
.vt-slide.t-tomate, .vt-slide.t-carbon { --acento-tx: #0d1a31; }
.vt-add, .tb-ver { color: #0d1a31; }
.tb-promo.t-tomate .tb-desde { color: #0d1a31; }
.vt-slide.t-sol .vt-ver { border-color: rgba(13, 26, 49, 0.35); }

/* 🎯 CONTRASTE SOBRE EL ROJO (Junior, 30-09): lo naranja y rojo se perdía en el fondo.
   Las tarjetas van en los colores opuestos al rojo: dorado puro, turquesa y azul. */
.vt-slide.t-sol, .tb-promo.t-sol { --c1: #ffe766; --c2: #ffbe0b; --tinta: #0d1a31; }
.vt-slide.t-sol { --acento: #d7141c; --acento-tx: #fff; }
.vt-slide.t-tomate, .tb-promo.t-tomate { --c1: #14a068; --c2: #06402c; --tinta: #fff; }
.vt-slide.t-tomate { --acento: #ffc414; --acento-tx: #0d1a31; }
.vt-slide.t-carbon, .tb-promo.t-carbon { --c1: #2f63d8; --c2: #0d1a31; --tinta: #fff; }
.vt-slide.t-carbon { --acento: #ffc414; --acento-tx: #0d1a31; }
.tb-promo.t-tomate .tb-desde { background: #ffc414; color: #0d1a31; }
.cinta { background: #0d1a31; border-block: 3px solid #ffc414; }