/* =============================================================================
 * cuantovalemi.es — capa de marca de la portada.
 *
 * La paleta vive en tokens.css, que cargan portada Y landings; aquí solo van
 * los sitios donde el rediseño traído de Bahía Home dejaba negro macizo
 * (botones, banda de CTA, barra) y las variables `--ld-*` de la portada.
 *
 * El azul petróleo se eligió lejos del turquesa de Bahía Home (#00767B): otro
 * tono, otra saturación y sin verdes en el degradado.
 *   petróleo        #0B5C7A  → botones y texto sobre color (7,2:1 con blanco)
 *   cian vivo       #0F9BC4  → gráficos, bordes y realces (UI, no texto)
 *   petróleo claro  #4FC3E8  → fondos suaves y series secundarias
 *   petróleo hondo  #083F55  → pulsado, bandas y pie
 * ========================================================================== */
:root {
  --marca-acento:  #0B5C7A;   /* la usan los estilos en línea del asistente */

  --spark-fill:    rgba(15, 155, 196, .12);

  /* tokens de la portada traída de Bahía Home */
  --ld-acc:  #0B5C7A;
  --ld-acc-h:#083F55;
  --ld-lt:   #4FC3E8;
  --ld-accw: #E3EFF4;
}

/* ---------- fuera el negro macizo: manda el acento ---------- */
.btn--primary{ background:var(--accent); color:var(--accent-ink) }
.btn--primary:hover{ background:var(--accent-press) }
.ld-go{ background:var(--accent) }
.ld-go:hover{ background:var(--accent-press) }
.ld-nav__cta{ background:var(--accent) }
.ld-nav__cta:hover{ background:var(--accent-press) }
.ld-final .ld-btn,
.ld-final .ld-btn:hover{ background:var(--accent) }

/* La banda de cierre era un rectángulo negro: pasa a degradado de marca. */
.cta-band{
  background:linear-gradient(135deg, #0B5C7A 0%, #083F55 62%, #062F40 100%);
}
.cta-band__btn{ background:#fff; color:var(--accent) }
.cta-band__btn:hover{ background:#fff; color:var(--accent-press) }

/* -----------------------------------------------------------------------------
 * Barra: Bahía Home no tiene menú de secciones, cuantovalemi sí (es el enlazado
 * interno a las regiones). Conviven el botón "Menú" y la llamada "Calcular".
 * -------------------------------------------------------------------------- */
.ld-nav__end{display:flex;align-items:center;gap:10px}
.ld-nav .hm-btn{height:46px;padding:0 16px;border-radius:var(--ld-rbtn,10px);white-space:nowrap;line-height:1}
/* En pantallas estrechas manda el menú: el "Calcular" de la barra sobra,
   porque la calculadora ya está a un dedo de scroll. */
@media (max-width:430px){ .ld-nav__cta{display:none} }