@charset "UTF-8";
/*-----------------------------------------------------------------------------------

  CUSTOM CSS CONEXA SERVICOS LOGISTICOS

-----------------------------------------------------------------------------------*/

:root {
  /* Cores principais */
  --color-primary: #0057A0;
  --color-primary-light: #4DA3DC;
  --color-secondary: #6BBE44;

  /* Cores de fundo e texto */
  --color-background: #F5F7FA;
  --color-dark-blue: #003B73;
  --color-text: #333333;
  --color-white: #ffffff;
  --color-whatsapp: #25D366;

  /* Tipografia */
  --font-family-base: 'Segoe UI', 'Roboto', sans-serif;
  --font-size-base: 16px;
  --font-size-heading: 2rem;
  --font-size-subheading: 1.25rem;

  /* Espaçamento */
  --spacing-small: 8px;
  --spacing-medium: 16px;
  --spacing-large: 32px;

  /* Bordas */
  --border-radius: 6px;
}

.NONE {
  display: none !important;
}

a {
    color: var(--color-secondary);
}


.search-popup {
    background: rgba(0,0,0,0.90);
}


#search-results { padding: 10px 0; }
#search-results .info { background:#eef; padding:8px; border-radius:4px; }
#search-results .error { background:#fdecea; color:#721c24; padding:8px; border-radius:4px; }
#search-results .success { background:#e9f7ef; color:#155724; padding:8px; border-radius:4px; }
.search-results-list { list-style:none; padding:0; margin:8px 0; }
.search-results-list li { padding:8px 0; border-bottom:1px solid #eee; }
.search-results-list li p { margin:6px 0 0; color:#fff; font-size:0.95em; }
.recent-searches li { margin:6px 0; }



.search-results-list {
    color: #a1d9ff;
}


#search-results h2 {
    color: var(--color-secondary);
}


.form-response.info {
  background-color: #e2e3e5;
  color: #383d41;
  border: 1px solid #d6d8db;
}


.form-response {
  margin: 15px 0;
  padding: 12px;
  border-radius: 5px;
  display: none; /* começa escondido */
}

.form-response.success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.form-response.error {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}



/***** classes para usar com renderMediaResponsive *****/
.media-responsive {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
  display: block;
  border-radius: 8px;
}

.media-square { aspect-ratio: 1 / 1; }
.media-landscape { aspect-ratio: 16 / 9; }
.media-portrait { aspect-ratio: 3 / 4; }
/******* Fim css classe renderMediaResponsive ******/


/* Exclusivo para quality-section */
.quality-section {
  padding: 60px 0;
  background-color: #f4f4f4;
}

.quality-section .sec-title-one h2,
.quality-gallery .sec-title-one h2 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #2c3e50;
}

.quality-section .text {
  font-size: 16px;
  color: #555;
  margin-bottom: 40px;
}

.quality-card {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 25px;
  margin-bottom: 30px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
}

.quality-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transform: translateY(-5px);
}

.quality-card h3 {
  font-size: 20px;
  color: #337ab7;
  margin-bottom: 15px;
}

.quality-card p {
  font-size: 14px;
  color: #333;
}

.quality-icon {
  width: 48px;
  margin-bottom: 15px;
}

/* Galeria */
.quality-gallery {
  padding: 60px 0;
  background-color: #ffffff;
}

.quality-gallery p {
  font-size: 15px;
  color: #555;
  margin-bottom: 30px;
}

.gallery-item img {
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.gallery-item p {
  font-size: 14px;
  color: #333;
}

/* Botão fixo de contato */
.btn-contato-fixo {
  position: fixed;
  bottom: 80px;
  right: 20px;
  background-color: #25d366;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 999;
  transition: transform 0.3s ease;
}

.btn-contato-fixo:hover {
  transform: scale(1.1);
}

.btn-contato-fixo img {
  width: 32px;
  height: 32px;
}


.quality-card {
  height: 400px;
  overflow: hidden;
}







.call-to-action-four:before {
    background-color: var(--color-primary);
}

.contact-info-section .info-box .text {
    color: var(--color-white);
}

.contact-info-section .info-box h3 {
    color: var(--color-white);
}

.contact-info-section .info-box:before {
    background-color: var(--color-secondary);
}

.contact-info-section .info-box {
    background: none;
}

.contact-form-section {
    padding: 60px 0px 100px;
}

.contact-info-section {
    padding: 0px 0px 10px;
}

.page-title {
    padding: 10px 0px 60px;
}

.scroll-to-top:hover {
    background: var(--color-secondary);
}

img#icon-waze {
    width: 50%;
    margin-top: 50px;
}

.social-style-one li a {
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
}

.main-footer.footer-style-three {
    background: var(--color-primary);
}

.sponsors-style-two {
    background: var(--color-dark-blue) !important;
    padding: 0;
}

.call-to-action-three h3 {
    color: var(--color-white);
}

.cssload-speeding-wheel {
    border: 2px solid var(--color-primary);
    border-left-color: var(--color-secondary);
    border-right-color: var(--color-secondary);
}

.accordion-box .block .content p {
    color: var(--color-dark-blue);
    font-weight: 400;
}

.quality-form .sec-title-one h2 {
    color: var(--color-white);
}

.form-box.style-two{
    background-color: var(--color-white);
}

.accordion-box .block .acc-btn {
    background: #fff;
}

.quality-form {
    background: var(--color-primary);
}

.service-block .inner-box h3 {
    color: var(--color-primary);
}

.service-block .inner-box .icon-box {
    background: none;
}

.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .header-style-two .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {
    color: var(--color-secondary) !important;
}

.main-menu .navigation > li > ul > li:hover > a {
    background: var(--color-secondary);
}

.main-menu .navigation > li > ul {
    background: var(--color-dark-blue);
    border-top: 3px solid var(--color-secondary);
}

.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a {
    background: var(--color-secondary);
}

.main-slider .tparrows.preview3:hover::after {
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.main-slider .tp-bullets.preview3 .bullet:hover, .main-slider .tp-bullets.preview3 .bullet.selected {
    border-color: var(--color-secondary) !important;
    background: var(--color-secondary) !important;
}

.btn-style-one {
    background: var(--color-secondary);
    border: 2px solid var(--color-secondary) !important;
}

.main-slider .border-title {
    color: var(--color-secondary);
}

.search-popup .recent-searches li a:hover {
    color: var(--color-primary-light);
    border-color: var(--color-primary-light);
}

.search-popup .search-form fieldset input[type="submit"]:hover {
    background: var(--color-primary);
}

.search-popup .search-form fieldset input[type="submit"] {
    background: var(--color-primary-light);
}

.header-style-three .header-upper .main-menu .navigation > li {
    width: 50%;
}

.sticky-header .logo a img {
    height: 50px;
}

.btn-style-seven {
    background: var(--color-secondary);
}

.social-style-two li a:hover {
    color: var(--color-primary-light);
}

.social-style-two li a {
    color: var(--color-white);
}

.social-style-two li a {
    border-right: none;
}

.social-style-two li:first-child a {
    border-left: none;
}

.header-top-two {
    position: relative;
    padding: 0px;
    background-color: var(--color-dark-blue);
}