:root {
  --wg-red: #be1e2d;
  --wg-dark: #202020;
  --wg-paper: #f4f4f4;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  min-width: 0 !important;
  overflow-x: hidden;
}

img { max-width: 100%; height: auto; }

.container,
.rodape {
  max-width: 1088px;
  width: calc(100% - 32px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.content { min-height: 420px; }

.static-notice {
  clear: both;
  margin: 18px auto;
  padding: 13px 16px;
  max-width: 960px;
  border-left: 4px solid var(--wg-red);
  background: #fff;
  color: #333;
  font: 14px/1.5 Arial, Helvetica, sans-serif;
}

.static-notice a { color: var(--wg-red); font-weight: 700; }

.static-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  clear: both;
  padding: 20px 0;
}

.static-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: #ddd;
}

.menu-toggle {
  display: none;
  border: 0;
  background: var(--wg-red);
  color: #fff;
  padding: 10px 14px;
  font: 700 14px Arial, Helvetica, sans-serif;
  cursor: pointer;
}

@media (max-width: 820px) {
  .bg,
  .bg2 {
    min-width: 0 !important;
    background-image: none !important;
  }

  .container,
  .rodape { width: calc(100% - 20px) !important; }

  .header {
    height: auto !important;
    min-height: 138px;
    padding-top: 8px;
    background: #fff;
  }

  .header > a {
    display: block;
    float: none !important;
    width: 100% !important;
  }

  .header > a > img,
  #Insert_logo {
    float: none !important;
    display: block !important;
    width: 210px !important;
    margin: 10px auto 14px !important;
  }

  .menu_top1,
  .menu_top2 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }

  .menu-toggle { display: block; width: 100%; }

  .header .menu { display: none; width: 100% !important; }
  .header.nav-open .menu { display: block; }

  #menu,
  #menu2,
  #menu ul,
  #menu2 ul {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #menu li,
  #menu2 li {
    float: none !important;
    width: 100% !important;
    height: auto !important;
  }

  #menu li a,
  #menu2 li a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 12px 14px !important;
  }

  #menu .submenu,
  #menu2 .submenu {
    position: static !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #333;
  }

  #menu .submenu a,
  #menu2 .submenu a { padding-left: 30px !important; }

  .filme_top,
  #coin-slider,
  #coin-slider img { width: 100% !important; height: auto !important; }

  .filme_top {
    float: none !important;
    clear: both !important;
    margin: 0 !important;
  }

  #coin-slider br { display: none !important; }

  .paleta1,
  .paleta2,
  .ind1,
  .ind2,
  .ind3,
  .dicas_bloc,
  .form_carros,
  .rod1,
  .map_rod,
  .news,
  .rod_end,
  .rod2,
  .rod3 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .paleta1,
  .paleta2 { padding-bottom: 18px; }

  .paleta1 { clear: both !important; margin-top: 28px !important; }

  .pal_img,
  .pal_tit,
  .pal_cont { margin-left: auto !important; margin-right: auto !important; }

  .pal_link {
    float: none !important;
    margin: 20px auto 0 !important;
  }

  .ind3_img,
  .ind3_text { float: none !important; width: 100% !important; }

  .footer { height: auto !important; padding: 20px 0; }
  .map_rod { min-height: 180px !important; }
  .rod3 { padding: 16px 0 !important; }

  table { width: 100% !important; }
  input, textarea, select { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}