/* Estilos só das listas de veículos PF e PJ (canvas: VeiculosPF.dc.html / VeiculosPJ.dc.html). */

/* Fundo da abertura (D12): degradê azul-royal com marcas d'água do logo */
.vp-hero {
  background-color: #061A44;
  background-image:
    radial-gradient(ellipse 55% 65% at 88% 18%, rgba(0, 242, 243, 0.16) 0%, rgba(0, 242, 243, 0) 70%),
    radial-gradient(ellipse 45% 55% at 0% 100%, rgba(88, 184, 247, 0.14) 0%, rgba(88, 184, 247, 0) 70%),
    linear-gradient(125deg, #061A44 0%, #0B3170 52%, #12489A 100%);
}

.vp-watermark {
  filter: brightness(0) invert(1);
}

/* Paginação da lista de veículos (D24) */
.vp-arrow{width:44px;height:44px;border-radius:999px;border:1px solid #C9CFE0;background:#FFFFFF;color:#00003F;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s}
.vp-arrow:hover:not(:disabled),.vp-arrow:focus-visible{border-color:#D60000;color:#D60000}
.vp-arrow:disabled{opacity:.4;cursor:default}

.vp-page {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  background: #FFFFFF;
  color: #00003F;
  border: 1px solid #C9CFE0;
}

.vp-page--active {
  background: #00003F;
  color: #FFFFFF;
  border: 1px solid #00003F;
}