/* ============================================================
   brand-jcl.css — Reglas para tenants con tema configurable.
   Los VALORES (dorado, rojo, negro, degradado) NO van aquí: se editan
   desde el panel (Config del Sitio → Colores del sitio) y los inyecta
   inc/head.php como variables. Aquí solo viven las REGLAS.
   ============================================================ */

/* ── Header oscuro (el logo escudo está pensado para fondo negro) ── */
.site-header{ background:rgba(var(--dark-rgb),.94); border-bottom-color:rgba(255,255,255,.10); }
.site-header__in{ min-height:78px; }
.logo img{ height:58px; }
.site-nav a:not(.btn){ color:#d8d8d8; }
.site-nav a:not(.btn):hover{ background:rgba(255,255,255,.10); color:#fff; }
.nav-toggle span{ background:#fff; }
@media (max-width:680px){
  .site-nav{ background:var(--green-dark); border-bottom-color:rgba(255,255,255,.12); }
}

/* ── Botones de acción (color "Botones" del panel) ── */
.btn--primary{ background:var(--btn); color:var(--btn-ink); }
.btn--primary:hover{ background:var(--btn-deep); }
.site-nav a.btn{ background:var(--btn); color:var(--btn-ink); }
.site-nav a.btn:hover{ background:var(--btn-deep); color:var(--btn-ink); }

/* ── Texto legible sobre fondos del color de acento ── */
.car-card__tag,
.pagination .is-current,
.section--dark .step__num,
.car-card:hover .car-card__go{ color:var(--accent-ink); }

/* ── Topbar / footer ── */
.topbar{ color:#cfcfcf; }
.site-footer,
.site-footer__col a{ color:#b3b3b3; }
.logo--footer img{ filter:none; opacity:1; height:54px; }

/* ── Degradado configurable (calculadora y banda final) ── */
.calc__result,
.cta-band{ background:linear-gradient(var(--grad-ang),var(--grad-a),var(--grad-b)); }

.chip{ border-color:var(--green-tint); }

/* Barra superior en modo anuncio/oferta (centrado) */
.topbar--announce .topbar__in{ justify-content:center; text-align:center; }
.topbar__announce{ font-weight:600; color:#fff; }