@charset "utf-8";

#swe_rodape { background: url('../img/bg-rodape.jpg') no-repeat; background-size: cover;}
#swe_rodape .e_cont_rodape { display: flex; align-items: flex-start; gap:35px; padding:60px 20px; justify-content: space-between }

#swe_rodape .e_cont_rodape .e_cont_info_rodape .e_info { margin-bottom:45px; }
#swe_rodape .e_cont_rodape .e_cont_info_rodape .e_info:last-child { margin-bottom:0; }
#swe_rodape .e_cont_rodape .e_cont_info_rodape .e_info strong { color: #fcb103; font-size: 16px; }
#swe_rodape .e_cont_rodape .e_cont_info_rodape .e_info strong:first-child { display: block; font-style: italic; }
#swe_rodape .e_cont_rodape .e_cont_info_rodape .e_info span { color:#dcdee2; font-size:14px }
#swe_rodape .e_cont_rodape .e_cont_info_rodape .e_info .swfa { color:#dadce6; margin-right: 6px; font-size: 18px; }

#swe_rodape .e_cont_rodape .e_cont_links .e_titulo_links { color: #fcb103; font-style: italic; }
#swe_rodape .e_cont_rodape .e_cont_links ul { margin-top: 20px; overflow: hidden; overflow-y: auto; max-height: 230px; padding-right: 15px;}
#swe_rodape .e_cont_rodape .e_cont_links ul li { color:#dcdee2; margin-bottom:16px;  }
#swe_rodape .e_cont_rodape .e_cont_links ul li:last-child { margin-bottom:0;  }
#swe_rodape .e_cont_rodape .e_cont_links ul li a::before { content: ""; display:inline-block; vertical-align: middle; width: 10px; height: 10px; border: 1px solid #828a99; margin-right: 6px; transition: .2s;}
#swe_rodape .e_cont_rodape .e_cont_links ul li:hover a::before { background:#fcb103; border: 1px solid #fcb103; }

#swe_rodape .e_cont_rodape .e_cont_newsletter { display:flex; flex-direction: column; align-items: center; justify-content: center; width:330px; padding:30px; background: linear-gradient( 90deg, rgb(20,25,36) 0%, rgba(20,25,36,0) 100%); border: solid 1px #1f2533; border-radius: 3px; position: relative;}
#swe_rodape .e_cont_rodape .e_cont_newsletter::after { content:""; width:1px; height:160px; position:absolute; background:#363940; top:-25px; left:-12px; pointer-events:none; transition: .2s}
#swe_rodape .e_cont_rodape .e_cont_newsletter:hover::after { transform:translateY(30%) }
#swe_rodape .e_cont_rodape .e_cont_newsletter::before { content:""; width:200px; height:1px; position:absolute; background:#363940; top:-12px; left:-25px; pointer-events:none; transition: .2s}
#swe_rodape .e_cont_rodape .e_cont_newsletter:hover::before { transform:translateX(30%) } 
#swe_rodape .e_cont_rodape .e_cont_newsletter .e_cabecalho_news { display:flex; }
#swe_rodape .e_cont_rodape .e_cont_newsletter .e_cabecalho_news img { width: 36px; height:40px; }
#swe_rodape .e_cont_rodape .e_cont_newsletter .e_cabecalho_news .e_textos_news { margin-left:10px; }
#swe_rodape .e_cont_rodape .e_cont_newsletter .e_cabecalho_news .e_textos_news strong { color: #fcb103; display: block;}
#swe_rodape .e_cont_rodape .e_cont_newsletter .e_cabecalho_news .e_textos_news span { color:#dcdee2; }
#swe_rodape .e_cont_rodape .e_cont_newsletter form { text-align: center; margin-top:30px }
#swe_rodape .e_cont_rodape .e_cont_newsletter input { width: 250px; height: 35px; border-radius:25px; background-color: #1b222e; border:0; padding:0 20px; color:#fff; }
#swe_rodape .e_cont_rodape .e_cont_newsletter button { margin-top: 20px; background-color: #fcb103; width: 130px; height: 40px; border-radius: 2px; border: 0; color: #fff; font-style: italic; cursor: pointer; transition: .2s;}
#swe_rodape .e_cont_rodape .e_cont_newsletter button:hover { background-color: #fff; color: #0384fc;}

#swe_rodape .area_instar { text-align: right; border-top: 1px solid #6e6e6e; padding:30px 20px;}
#swe_rodape .area_instar .conteudo_interno { position: relative; }
#swe_rodape .area_instar .e_logo_rodape { position: absolute; left: 0; top: 0;}
#swe_rodape .area_instar a img { width:100px; display:block; margin-left:auto; }

@media(max-width:1000px) {
    #swe_rodape .e_cont_rodape { flex-flow: row wrap } 
}
@media(max-width:480px) {
    #swe_rodape .e_cont_rodape { align-items: center;  gap:60px;} 
    #swe_rodape .area_instar .conteudo_interno { position: relative; display:flex; flex-direction:column-reverse; text-align: center; gap:10px }
    #swe_rodape .area_instar a img { display:block; margin:auto; margin-top: 10px; }
    #swe_rodape .area_instar .e_logo_rodape { position: static; max-width: max-content; margin:auto; }

    #swe_rodape .e_cont_rodape .e_cont_newsletter { width: 280px; margin:auto;}

}
