
.rodape {padding: 15px 20px;margin-top: auto;position: relative;width: 100%;background: #EFEEEE;}
.rodape .wrapperRodape { max-width: 1088px; width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.rodape span { font: 500 12px/19px 'Montserrat', sans-serif; color: #8E8B8B; display: flex; align-items: center; gap: 8px; text-transform: capitalize; }
.rodape nav { display: flex; align-items: center; gap: 28px; }
.rodape nav p { font: 500 12px/19px 'Montserrat', sans-serif; letter-spacing: -0.02em; color: #8E8B8B; margin: 0; }
.rodape nav a { font: 700 12px/19px 'Montserrat', sans-serif; color: #231F20; position: relative; letter-spacing: -0.02em; transition: all ease 0.5s; text-decoration: underline; text-decoration-color: #231F2040; }
.rodape nav a:first-of-type::after { content: ''; display: block; position: absolute; width: 1px; height: 12px; background: #E5E5E5; right: -15px; top: 50%; transform: translateY(-50%); }
.rodape nav a:hover { color: #000; opacity: 1; text-decoration-color: #000; }
.rodape nav a em { color: #231F2080; font-weight: 700; text-decoration: none; }
.rodape nav a b { font-weight: 500; color: #111111; }
.rodape nav a i { font-weight: 700; text-decoration: underline; text-decoration-color: transparent; margin-left: 6px; transition: all ease 0.5s; }
.rodape nav a:hover i { text-decoration-color: #231F20; }


._320 .rodape { padding: 15px 20px; }
._320 .rodape .wrapperRodape {     max-width: 400px; flex-direction: column-reverse; gap: 14px; }
._320 .rodape span { text-align: center;text-wrap-style: balance; }
._320 .rodape nav { flex-wrap: wrap; gap: 10px; justify-content: center; }
._320 .rodape nav > p{display: none}
._320 .rodape nav a b { width: 100%; display: block; max-width: fit-content; }