/* empresasdetransportenavarra.com · capa propia sobre cabitrans/ui */

/* 1. El CTA sobre fondo oscuro. El primario de esta web es casi el color del
      héroe: sobre oscuro, el botón principal va en acento teja. */
.rd-sobre-oscuro .rd-boton--primario {
  --_fondo: var(--c-acento);
  --_texto: #fff;
  --_borde: var(--c-acento);
}
.rd-sobre-oscuro .rd-boton--primario:hover {
  --_fondo: #b03d22;
  --_borde: #b03d22;
}

/* 2. El velo del héroe de foto, un punto más denso por la izquierda: la imagen
      es clara en el cielo y el titular es largo. */
.rd-heroe--foto .rd-heroe__velo {
  background: linear-gradient(100deg,
    rgb(16 23 20 / .90) 0%,
    rgb(16 23 20 / .80) 42%,
    rgb(16 23 20 / .46) 100%);
}

/* 3. Marca de plano industrial: el antetítulo lleva su guion en acento (ya lo
      pone el paquete) y las secciones oscuras, una línea de cota arriba. */
.rd-seccion--oscura { border-top: 2px solid var(--c-acento); }

/* 4. Red de seguridad contra el desborde lateral en móvil: un correo o una URL
      larga en un párrafo saca scroll horizontal a toda la página a 360 px (lo
      cazó el revisor el 07/10/2026 en /precios). */
.rd-prosa p,
.rd-prosa li,
.rd-contenido-seccion p,
.rd-contenido-seccion li { overflow-wrap: anywhere; }