/*
 * Capa propia de empresasdetransporteasturias.com, encima de cabitrans/ui.
 * Sólo lo que la identidad de esta web necesita y el paquete no puede decidir
 * por todas: en el héroe y en la sección oscura, la ACCIÓN principal va en el
 * naranja óxido. El primario de esta web es el gris acero del propio fondo
 * oscuro, así que un botón primario sobre oscuro desaparecía, y el CTA del
 * encargo es cotizar.
 */
.rd-sobre-oscuro .rd-boton--primario {
  --_fondo: var(--c-acento);
  --_texto: var(--c-acento-contraste);
  --_borde: var(--c-acento);
}
.rd-sobre-oscuro .rd-boton--primario:hover {
  --_fondo: #a93c16;
  --_borde: #a93c16;
}

/* El titular condensado respira mejor un punto más apretado de interlínea. */
.rd-heroe--mapa h1 { line-height: 1.02; letter-spacing: -0.015em; }

/* En pantalla grande el mapa del héroe se quedaba arriba y dejaba un hueco. */
@media (min-width: 1100px) {
  .rd-heroe__mapa { align-self: center; }
  .rd-heroe__mapa svg { width: 100%; height: auto; }
}

/*
 * El mapa de España del paquete trae el recuadro punteado de Canarias. En la
 * sección oscura se entiende, pero en el héroe queda solo, a media altura y
 * sin leyenda, y parece un hueco de maquetación sin terminar (lo cantó el
 * revisor el 07/10). Esta web no autocotiza Canarias (va a presupuesto
 * manual), así que en el héroe se oculta.
 */
.rd-heroe__mapa .rd-mapa-marco,
.rd-heroe__mapa .rd-mapa-inset { display: none; }

/*
 * El patrón «brillo» del paquete pinta una mancha del acento abajo a la
 * izquierda. Sobre el héroe oscuro es una luz; sobre el héroe claro de las
 * páginas interiores es un borrón salmón que parece una imagen a medio
 * cargar. Aquí el héroe interior se queda con la rejilla técnica limpia y un
 * velo del primario, que es lo que pide la identidad (plano de taller).
 */
.rd-heroe:not(.rd-heroe--oscuro) .rd-patron--brillo {
  background: linear-gradient(180deg,
    color-mix(in srgb, var(--c-primario) 7%, transparent) 0%,
    transparent 60%);
}
.rd-heroe:not(.rd-heroe--oscuro) .rd-patron--rejilla {
  background-image:
    linear-gradient(to right, color-mix(in srgb, var(--c-primario) 14%, transparent) 1px, transparent 1px),
    linear-gradient(to bottom, color-mix(in srgb, var(--c-primario) 14%, transparent) 1px, transparent 1px);
  mask-image: linear-gradient(180deg, #000 0%, transparent 85%);
  opacity: .55;
}
/* Y una barra del acento que ancla el titular: la marca de la casa. */
.rd-heroe--editorial .rd-heroe__texto > h1 { position: relative; }
.rd-heroe--editorial .rd-heroe__texto > h1::before {
  content: ""; position: absolute; left: -18px; top: .18em; bottom: .18em;
  width: 4px; background: var(--c-acento);
}
@media (max-width: 820px) { .rd-heroe--editorial .rd-heroe__texto > h1::before { display: none; } }