/**
 * Rota Licenças Especiais - Custom Styles
 * Identidade Visual e Estilos do Tema Transcargo / WordPress Original
 */

:root {
  --rota-navy: #183650;
  --rota-navy-dark: #0F2436;
  --rota-navy-light: #234a6d;
  --rota-blue-bg: #c9dcef;
  --rota-yellow: #FDB813;
  --rota-yellow-hover: #e5a40b;
  --rota-green: #25D366;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #555555;
  background-color: #ffffff;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .font-heading {
  font-family: 'Titillium Web', sans-serif;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 9px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #183650;
}

/* Hero Slider Styles */
.hero-slider-wrap {
  position: relative;
  overflow: hidden;
  height: 580px;
}

@media (min-width: 768px) {
  .hero-slider-wrap {
    height: 640px;
  }
}

@media (min-width: 1280px) {
  .hero-slider-wrap {
    height: 700px;
  }
}

.hero-slide {
  position: absolute;
  inset: 0;
  transition: opacity 0.7s ease-in-out;
}

.slide-overlay {
  background: linear-gradient(to right, rgba(24, 54, 80, 0.88) 0%, rgba(24, 54, 80, 0.65) 50%, rgba(24, 54, 80, 0.25) 100%);
}

/* Services Grid */
.service-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  border: 1px solid #eef2f6;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px -5px rgba(24, 54, 80, 0.15);
  border-color: #dbeafe;
}

.service-card .service-img-wrap {
  overflow: hidden;
}

.service-card .service-img-wrap img {
  transition: transform 0.5s ease;
}

.service-card:hover .service-img-wrap img {
  transform: scale(1.06);
}

/* Counters section styling */
.counter-box svg path,
.counter-box svg circle {
  stroke: #ffffff;
  stroke-width: 2px;
  fill: none;
}

/* Page Header Banner (Breadcrumbs) */
.page-header-banner {
  background-size: cover;
  background-position: center;
  position: relative;
}

.page-header-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(24, 54, 80, 0.85);
}