/* Rodapé do site (modelo novo). Classes próprias para não conflitar com o CSS do Webflow. */

.rod1 { background: #f3f5f8; color: #1d2733; font-family: Montserrat, Arial, sans-serif; font-size: 14px; line-height: 1.45; border-top: 4px solid #075cab; }
.rod1 *, .rod1 *::before, .rod1 *::after { box-sizing: border-box; }
.rod1-cont { max-width: 1200px; margin: 0 auto; padding-left: 20px; padding-right: 20px; }
.rod1-grade { display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: 28px; padding-top: 44px; padding-bottom: 32px; }
.rod1-marca img { height: 64px; width: auto; display: block; margin-bottom: 14px; mix-blend-mode: multiply; }
.rod1-marca p { margin: 0; color: #5b6876; }
.rod1 h3 { margin: 0 0 12px; color: #0b2f5b; font-size: 15px; line-height: 1.3; font-weight: 800; }
.rod1 ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rod1 li { display: flex; gap: 10px; align-items: flex-start; }
.rod1 li svg { flex: none; margin-top: 2px; color: #075cab; }
.rod1 a { color: #225185; font-weight: 600; text-decoration: none; }
.rod1 a:hover { color: #075cab; text-decoration: underline; }
.rod1 a:focus-visible { outline: 3px solid #f3cf01; outline-offset: 2px; border-radius: 6px; }
.rod1-base { color: #5b6876; border-top: 1px solid #dde3ea; padding-top: 16px; padding-bottom: 18px; display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; font-size: 12px; }
.rod1-base strong { font-weight: 800; }

/* Espaço no fim para o selo da transparência (fixo no canto inferior esquerdo, 150 px) e o botão
   de acessibilidade (fixo no canto inferior direito) não cobrirem a última linha do rodapé.
   Acima de 1540 px o selo fica na margem, fora da área do texto, e o espaço extra não é necessário. */
@media screen and (max-width: 1540px) {
  .rod1-base { padding-bottom: 190px; }
}

@media screen and (max-width: 991px) {
  .rod1-grade { grid-template-columns: 1fr 1fr; }
}

@media screen and (max-width: 767px) {
  .rod1-cont { padding-left: 16px; padding-right: 16px; }
  .rod1-grade { grid-template-columns: 1fr; gap: 24px; }
  /* No celular o selo encolhe para 100 px (sec-topo.php) */
  .rod1-base { padding-bottom: 130px; }
}