/* INICIO DA NORMALIZAÇÃO */
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box !important;

    margin: 0;
    padding: 0;
}

body {
    font-size: unset !important;
    font-weight: unset !important;
    line-height: unset !important;
    color: unset !important;
    text-align: unset !important;
    font-family: 'Poppins', 'Montserrat', sans-serif !important;
    overflow-x: hidden;
    background-color: #d3d3d3 !important;
}
.skeleton {
    width: 100%;
    height: 200px;
    background: linear-gradient(-90deg, #e0e0e0 0%, #f0f0f0 50%, #e0e0e0 100%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
}

@keyframes shimmer {
    from {
        background-position: 200% 0;
    }
    to {
        background-position: -200% 0;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: unset !important;
    line-height: unset !important;
}

p {
    margin: 0;
}

img {
    border-style: none;
}

button,
[type="button"],
[type="submit"],
[type="reset"] {
    -webkit-appearance: button;
}

input {
    font-size: 1em;
}

textarea {
    overflow: auto;
    font-size: 1.1em;
}

[hidden] {
    display: none;
}

button,
textarea,
select,
input {
    outline: 0;
}

@media (min-width: 1170px) {
    .containerWidth {
        max-width: 1330px;
        padding: 0;
    }
}

.containerWidth {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
}

/* FIM DA NORMALIZAÇÃO */



#cabecalho {
    border-bottom: 1px solid #d3d3d3;
    background: #ffffff;
}

#cabecalho .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#cabecalho .content .linksMenu {
    display: flex;
    gap: 26px;
}

#cabecalho .content .linksMenu a {
    text-decoration: none;
    color: #313131;
    transition: all .3s;
}

#cabecalho .content .linksMenu a:hover {
    color: #ff002b;
    transition: all .3s;
}

#cabecalho .content .linksMenu a i {
    color: #ff002b;
}

#cabecalho .content .linksMenuResponsivo {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

#cabecalho .content .linksMenuResponsivo a {
    text-decoration: none;
    color: #313131;
    font-size: 20px;
}

#cabecalho .content .linksMenuResponsivo a i {
    color: #ff002b;
}

#cabecalho .content {
    padding: 16px 0;
}

#cabecalho .content img {
    width: 160px;
}

#cabecalho .content .links {
    display: flex;
    gap: 46px;
}

#cabecalho .content .links i {
    font-size: 26px;
    transition: all .3s;
}

#cabecalho .content .links i:hover {
    transform: scale(1.1);
    transition: all .3s;
}

#cabecalho .content .logoPesquisa {
    display: flex;
    align-items: center;
    gap: 16px;
}

#cabecalho .content .links a {
    text-decoration: none;
    color: #dd2833;
    font-weight: 600;
    transition: all .3s;
}

#cabecalho .content .links a:hover {
    color: red;
    transition: all .3s;
}

#cabecalho .content form .pesquisa {
    background: #e7e7e7;
    padding: 8px 16px;
    border-radius: 32px;
    width: 100%;
    max-width: 250px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


#cabecalho .content form .pesquisa button {
    background: transparent;
    border: none;
    color: #f00;
    font-size: 18px;
    cursor: pointer;
}

#cabecalho .content form .pesquisa input {
    background: none;
    border: none;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    height: unset;
    line-height: 1;
}

#cabecalho .content form .pesquisa input::placeholder {
    font-family: 'Poppins', sans-serif;
    color: #b4b4b4;
}

#cabecalho .content .botoes {
    display: flex;
    align-items: center;
    gap: 18px;
}

#cabecalho .content .botoes .carregar {
    text-decoration: none;
    border: 1px solid #d3d3d3;
    padding: 8px 22px;
    border-radius: 3px;
    color: #313131;
    line-height: 1;
    transition: all .3s;
}

#cabecalho .content .botoes .carregar:hover {
    background: #d3d3d3;
    transition: all .3s;
}

#cabecalho .content .escritorioMobile {
    text-decoration: none;
    padding: 8px 22px;
    border-radius: 3px;
    line-height: 1;
    color: #ffffff;
    background: #dd2833;
    transition: all .3s;
    display: none;
}

#cabecalho .content .escritorioMobile:hover {
    background: #861b2d;
    transition: all .3s;
}

#cabecalho .content .botoes .escritorio {
    text-decoration: none;
    padding: 8px 22px;
    border-radius: 3px;
    line-height: 1;
    color: #ffffff;
    background: #dd2833;
    transition: all .3s;
    display: flex;
    gap: 6px;
}

#cabecalho .content .botoes .escritorio:hover {
    background: #861b2d;
    transition: all .3s;
}

#cabecalho .content .botoes .entrar:hover {
    background: #aa283d;
    transition: all .3s;
}

#cabecalho .content .botoes .entrar {
    text-decoration: none;
    padding: 8px 22px;
    border-radius: 3px;
    line-height: 1;
    color: #ffffff;
    background: #ff4867;
    transition: all .3s;
    display: flex;
    align-items: center;
    gap: 6px;
}

#cabecalho .content .botoes .entrar:hover {
    background: #aa283d;
    transition: all .3s;
}



#conteudo {
    background: #ffffff;
}

#conteudo .content {
    display: flex;
    gap: 32px;
}

#conteudo .content .menu {
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding: 32px 0;
    padding-bottom: 81px;
    max-width: 190px;
    width: 100%;
}

#conteudo .content .menu .links {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#conteudo .content .menu .links a {
    text-decoration: none;
    color: #ff4867;
    font-weight: 600;
    transition: all .3s;
}

#conteudo .content .menu .links a:hover {
    color: red;
    transition: all .3s;
}

#conteudo .content .menu .hotbusiness {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#conteudo .content .menu .hotbusiness .empresa {
    display: flex;
    align-items: center;
    gap: 8px;
}

#conteudo .content .menu .hotbusiness strong {
    color: red;
    font-weight: 600;
    font-size: 32px;
    font-size: 20px;
}

#conteudo .content .menu .hotbusiness .empresa img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
    border: 1px solid #2176a1;
    box-shadow: 0px 0px 3px #00000061;
    padding: 1px;
}

#conteudo .content .menu .hotbusiness .empresa a {
    color: #73737b;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    transition: all .3s;
}

#conteudo .content .menu .hotbusiness .empresa a:hover {
    color: #000000;
    transition: all .3s;
}

#conteudo .content .menu .hotbusiness .empresa a:hover img {
    border: 1px solid #aa283d;
}

#conteudo .content .menu .hotbusiness .vertudo {
    color: #ff4867;
    text-decoration: none;
    font-size: 13px;
}

#conteudo .content .menu .linksHot {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

#conteudo .content .menu .linksHot .item {
    display: flex;
    gap: 8px;
    align-items: center;
}

#conteudo .content .menu .linksHot .item a {
    text-decoration: none;
    color: #000000;
    display: flex;
    gap: 12px;
    align-items: center;
    transition: all .3s;
}

#conteudo .content .menu .linksHot .item a:hover {
    transform: translateX(4px);
    transition: all .3s;
}

#conteudo .content .menu .linksHot {}

#conteudo .content .conteudoPagina {
    width: 100%;
}

#conteudo .content .conteudoPagina .conteudoPagInicial {}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag {
    padding: 64px 16px;
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 45px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .storiesHot {}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .storiesHot .itens {
    display: grid;
    grid-template-columns: repeat(5, 2fr);
    gap: 16px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .storiesHot .itens .item {
    transition: all .3s;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .storiesHot .itens .item:hover {
    transform: translateY(-4px);
    transition: all .3s;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .storiesHot .itens .item img {
    width: 100%;
    object-fit: cover;
    height: 500px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .titulos strong {
    color: #c91010;
    font-weight: 600;
    font-size: 28px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens {
    border: 1px solid #ccc;
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 22px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens .item {
    width: 100%;
    display: flex;
    gap: 12px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens .item img {
    border-radius: 100%;
    object-fit: cover;
    width: 50px;
    height: 50px;
    border: 1px solid #de2833;
    box-shadow: 0px 0px 3px #00000061;
    padding: 1px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens .item .userInfo {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 10px;
    color: #474747;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens .item .userInfo a {
    color: #000000;
    text-decoration: none;
    font-weight: 600;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens .item .userInfo p {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 18px;
    padding-bottom: 32px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post {}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 8px 12px;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .topo .info {
    display: flex;
    align-items: center;
    gap: 8px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .topo .info span {
    font-size: 13px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .topo .info span a {
    color: #000000;
    text-decoration: none;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .topo .info img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #2176a1;
    box-shadow: 0px 0px 3px #00000061;
    padding: 1px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .topo i {}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .imagemPost {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: inherit;
    border: 1px solid #ccc;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .rodape {
    border: 1px solid #d3d3d3;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #ffffff;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .rodape .texto {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .rodape .texto a {
    text-decoration: none;
    color: #000000;
    font-weight: 600;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .rodape .texto strong {
    color: #7c7c7c;
    font-weight: normal;
    font-size: 9px;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .rodape .iconesAcoes {
    display: flex;
    justify-content: space-between;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .rodape .iconesAcoes a {
    color: #000000;
    text-decoration: none;
}

#conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .rodape .iconesAcoes .principal {
    display: flex;
    gap: 10px;
}

#conteudo .content .conteudoLateral {
    max-width: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 42px;
}

#conteudo .content .conteudoLateral .agendas {
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#conteudo .content .conteudoLateral .agendas .titulo {}

#conteudo .content .conteudoLateral .agendas .titulo strong {
    color: #c91010;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    gap: 6px;
}

#conteudo .content .conteudoLateral .agendas .titulo strong b {
    font-size: 10px;
    padding: 2px 6px;
    background: #c91010;
    color: #ffffff;
    font-weight: normal;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 16px;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .agenda i {
    font-size: 36px;
    color: #2176a1;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .agenda {
    padding: 12px;
    border-left: 3px solid #de2833;
    background: #f5f5f5;
    box-shadow: 5px 5px 12px #00000014;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .agenda:hover {
    background: #de2833;
    border-left: 3px solid #9a181f;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .agenda:hover span {
    color: #ffffff;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .agenda:hover strong {
    color: #ffffff;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .agenda:hover p {
    color: #ffffff;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .agenda:hover i {
    color: #ffffff;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .infoPrincipal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .infoPrincipal span {
    font-size: 10px;
    color: #2176a1;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .infoPrincipal strong {
    color: #de2833;
    font-weight: 600;
    font-size: 12px;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .agendas .conteudoAgenda .infoPrincipal p {
    font-size: 10px;
    color: #969696;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: all .3s;
}

#conteudo .content .conteudoLateral .postsLateral {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    gap: 18px;
    max-width: 200px;
    width: 100%;
    padding-top: 16px;
}

#conteudo .content .conteudoLateral .postsLateral .post {}

#conteudo .content .conteudoLateral .postsLateral .post .topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 8px 12px;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

#conteudo .content .conteudoLateral .postsLateral .post .topo .info {
    display: flex;
    align-items: center;
    gap: 8px;
}

#conteudo .content .conteudoLateral .postsLateral .post .topo .info span {
    font-size: 12px;
}

#conteudo .content .conteudoLateral .postsLateral .post .topo .info span a {
    color: #000000;
    text-decoration: none;
}

#conteudo .content .conteudoLateral .postsLateral .post .topo .info img {
    width: 26px;
    height: 26px;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #2176a1;
    box-shadow: 0px 0px 3px #00000061;
    padding: 1px;
}

#conteudo .content .conteudoLateral .postsLateral .post .topo i {}

#conteudo .content .conteudoLateral .postsLateral .post .imagemPost {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: inherit;
    border: 1px solid #ccc;
}

#conteudo .content .conteudoLateral .postsLateral .post .rodape {
    border: 1px solid #d3d3d3;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #ffffff;
}

#conteudo .content .conteudoLateral .postsLateral .post .rodape .texto {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#conteudo .content .conteudoLateral .postsLateral .post .rodape .texto a {
    text-decoration: none;
    color: #000000;
    font-weight: 600;
}

#conteudo .content .conteudoLateral .postsLateral .post .rodape .texto strong {
    color: #7c7c7c;
    font-weight: normal;
    font-size: 9px;
}

#conteudo .content .conteudoLateral .postsLateral .post .rodape .iconesAcoes {
    display: flex;
    justify-content: space-between;
}

#conteudo .content .conteudoLateral .postsLateral .post .rodape .iconesAcoes a {
    color: #000000;
    text-decoration: none;
}

#conteudo .content .conteudoLateral .postsLateral .post .rodape .iconesAcoes .principal {
    display: flex;
    gap: 10px;
}

#conteudo .content .anuncios {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #f4f4f4;
}

#conteudo .content .anuncios .titulo strong {
    color: #c91010;
    font-weight: 600;
    font-size: 20px;
}

#conteudo .content .anuncios .anuncio {
    position: relative;
    transition: all .3s;
}

#conteudo .content .anuncios .anuncio:hover {
    transition: all .3s;
    transform: scale(1.04);
}

#conteudo .content .anuncios .conteudoAd {
    display: flex;
    gap: 20px;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 22px;
}

#conteudo .content .anuncios .anuncio span {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    color: #ffffff;
    background: linear-gradient(transparent, #000000cf);
    padding: 10px;
    text-shadow: 0 0 8px black;
}

#conteudo .content .anuncios .anuncio img {
    width: 100%;
    height: 125px;
    object-fit: cover;
}





#rodape {
    background: #e2e2e2;
    padding: 32px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#rodape span {
    color: #a7a7a7;
    font-size: 12px;
}


#conteudo .content .conteudoPagina .hotbusinessMobile {
    display: none;
}

#conteudo .content .conteudoPagina .hotbusinessMobile {
    flex-direction: column;
    gap: 14px;
}

#conteudo .content .conteudoPagina .hotbusinessMobile .empresa {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #e5e5e5;
    padding: 4px 16px;
    border-radius: 32px;
}

#conteudo .content .conteudoPagina .hotbusinessMobile strong {
    color: red;
    font-weight: 600;
    font-size: 32px;
    font-size: 20px;
}

#conteudo .content .conteudoPagina .hotbusinessMobile .empresa img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
}

#conteudo .content .conteudoPagina .hotbusinessMobile .empresa a {
    color: #000000;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
}

#conteudo .content .conteudoPagina .hotbusinessMobile .vertudo {
    color: #ff4867;
    text-decoration: none;
    font-size: 13px;
}

#conteudo .content .conteudoPagina .linksMobile {
    display: none;
    width: 100%;
}

#conteudo .content .conteudoPagina .linksMobile {
    flex-direction: column;
    gap: 12px;
    text-align: center;
}

#conteudo .content .conteudoPagina .linksMobile a {
    background: transparent;
    width: 100%;
    color: #aa283d;
    border: 1px solid #aa283d;
    text-decoration: none;
    border-radius: 32px;
    padding: 10px 6px;
    font-size: 13px;
}

#conteudo .content .conteudoPagina .linksMobile .meuNegocio {
    background: #aa283d;
    color: #ffffff;
}

#conteudo .content .conteudoPagina .linksMobile .principais {
    display: flex;
    gap: 12px;
}

#menuMobile {
    display: none;
}

#menuMobile .links a {
    text-decoration: none;
    color: #ff4867;
    transition: all .3s;
}

#menuMobile .hotbusiness {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

#menuMobile .hotbusiness .empresa {
    display: flex;
    align-items: center;
    gap: 8px;
}

#menuMobile .hotbusiness strong {
    color: red;
    font-weight: 500;
    font-size: 18px;
}

#menuMobile .hotbusiness .empresa img {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    object-fit: cover;
    border: 1px solid #2176a1;
    box-shadow: 0px 0px 3px #00000061;
    padding: 1px;
}

#menuMobile .hotbusiness .empresa a {
    color: #73737b;
    font-weight: 600;
    text-decoration: none;
    font-size: 13px;
}

#menuMobile .hotbusiness .vertudo {
    color: #ff4867;
    text-decoration: none;
    font-size: 13px;
}

#menuMobile .menu {
    background: #ffffff;
    width: 82%;
    padding: 32px 22px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: absolute;
    bottom: 0;
    top: 0;
    align-items: flex-start;
    overflow: auto;
}

#menuMobile input {
    position: absolute;
    right: 0;
    padding: 20px;
    background: none;
    border: none;
    color: #ffffff;
    font-size: 32px;
    line-height: 1;
}

#menuMobile label {
    position: absolute;
    right: 0;
    padding: 20px;
    background: none;
    border: none;
    color: #ffffff;
    font-size: 32px;
    line-height: 1;
}

.menuPrincipal {
    position: unset !important;
}

/* RESPONSIVO */
.menuPrincipal[for="bt_menu"] {
    padding: 1px;
    background: transparent;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 32px;
    cursor: pointer;
    height: unset;
}


label[for="bt_menu"] {
    padding: 1px;
    background: transparent;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 40px;
    cursor: pointer;
    height: 60px;
    padding: 21px;
    font-weight: bold;
}

#bt_menu {
    display: none;
}

.menuPrincipal[for="bt_menu"] {
    display: none;
}

label[for="bt_menu"] {
    display: none;
}

@media(max-width: 728px) {
    #conteudo .content .conteudoPagina .linksMobile {
        display: none;
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .hotbusinessMobile {
        display: none;
        width: 100%;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    #conteudo .content {
        flex-direction: column;
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .contentPag {
        padding: unset;
        padding-top: 32px;
        gap: 32px;
    }

    #conteudo .content .menu {
        display: none;
    }

    #conteudo .content .conteudoPagina {
        border: none;
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .storiesHot .itens {
        gap: 6px;
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .storiesHot .itens .item img {
        height: 120px;
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens {
        grid-template-columns: repeat(1, 2fr);
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .hotest .itens .item .userInfo p {
        -webkit-line-clamp: 2;
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts {
        grid-template-columns: repeat(1, 2fr);
    }

    #conteudo .content .conteudoPagina .conteudoPagInicial .contentPag .posts .post .imagemPost {
        height: 320px;
    }

    #conteudo .content .anuncios .conteudoAd {
        width: unset;
        flex-direction: column;
    }

    #conteudo .content .anuncios .anuncio img {
        height: 155px;
    }

    #conteudo .content .anuncios .anuncio span {
        font-size: 13px;
    }
}



.userLogado {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.userLogado a {
    text-decoration: none;
    transition: all .3s;
    font-size: 12px;
}

.userLogado a:hover {
    color: #de2833;
    transition: all .3s;
}

.userLogado .deslogar {
    color: #de2833;
    font-size: 18px;
    transition: all .3s;
    display: flex;
}

.userLogado .deslogar:hover {
    color: #70050c;
    transition: all .3s;
}

.userLogado .logado {
    width: 26px !important;
    height: 26px;
    object-fit: cover;
    border-radius: 100%;
}

.usuarioInfo {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.usuarioInfo .voltarpaineladm {
    font-size: 10px;
    background: #d7d7d7;
    padding: 4px 12px;
    border-radius: 32px;
    transition: all .3s;
    text-decoration: none;
}

.usuarioInfo .voltarpaineladm:hover {
    background: #9b9b9b;
    color: #ffffff;
    transition: all .3s;
}



#postagens {
    background: #ffffff;
}

#postagens .content {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 64px;
    align-items: center;
    justify-content: center;
}

#postagens .content .posts {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    gap: 18px;
}

#postagens .content .posts .post {}

#postagens .content .posts .post .topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    padding: 8px 12px;
    border: 1px solid #d3d3d3;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
}

#postagens .content .posts .post .topo .info {
    display: flex;
    align-items: center;
    gap: 8px;
}

#postagens .content .posts .post .topo .info span {
    font-size: 13px;
}

#postagens .content .posts .post .topo .info span a {
    color: #000000;
    text-decoration: none;
}

#postagens .content .posts .post .topo .info img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #2176a1;
    box-shadow: 0px 0px 3px #00000061;
    padding: 1px;
}

#botaoPostar {
    background: #ffffff;
}

#botaoPostar .contentBotaoPostar {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 32px 0;
}

#botaoPostar .contentBotaoPostar .botaoPostar {
    background: #c91010;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 8px 20px;
    border-radius: 4px;
    transition: all .3s;
}

.contentBotaoPostar .botaoPostar:hover {
    transform: scale(1.05);
    transition: all .3s;
}

#postagens .content .posts .post .topo .buttons {
    display: flex;
    gap: 8px;
    align-items: center;
}

#postagens .content .posts .post .topo button {
    border: none;
    background: none;
}

#postagens .content .posts .post .topo i {
    color: #7c7c7c;
    transition: all .3s;
}

#postagens .content .posts .post .topo .editar:hover {
    color: #3bb620;
    transition: all .3s;
}

#postagens .content .posts .post .topo .excluir:hover {
    color: #dd1c1c;
    transition: all .3s;
}

#postagens .content .posts .post .imagemPost {
    width: 100%;
    height: 418px;
    object-fit: cover;
    display: inherit;
    border: 1px solid #ccc;
}

#postagens .content .posts .post .rodape {
    border: 1px solid #d3d3d3;
    border-top: none;
    border-radius: 0px 0px 4px 4px;
    padding: 8px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #ffffff;
}

#postagens .content .posts .post .rodape .texto {
    font-size: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#postagens .content .posts .post .rodape .texto a {
    text-decoration: none;
    color: #000000;
    font-weight: 600;
}

#postagens .content .posts .post .rodape .texto strong {
    color: #7c7c7c;
    font-weight: normal;
    font-size: 9px;
}

#postagens .content .posts .post .rodape .iconesAcoes {
    display: flex;
    justify-content: space-between;
}

#postagens .content .posts .post .rodape .iconesAcoes a {
    color: #000000;
    text-decoration: none;
}

#postagens .content .posts .post .rodape .iconesAcoes .principal {
    display: flex;
    gap: 10px;
}




/* RESPONSIVO */
@media(max-width: 1080px) {
    label[for="bt_menu"] {
        display: block;
    }

    .menuPrincipal[for="bt_menu"] {
        display: block;
    }

    #cabecalho #bt_menu:checked~#menuMobile {
        left: 0;
        opacity: 100;
        transition: all .5s;
    }

    #menuMobile {
        display: flex;
        align-items: flex-start;
        width: 100%;
        position: fixed;
        background: #0009;
        top: 0;
        bottom: 0;
        z-index: 9;
        opacity: 0;
        left: -2000px;
        transition: all .5s;
    }

    #cabecalho .content {
        padding: 16px 0;
        display: flex;
        gap: 16px
    }

    #cabecalho .content .links {
        gap: 22px;
    }

    #cabecalho .content .botoes .escritorioMobile {
        display: block;
    }

    #cabecalho .content .botoes .escritorio {
        display: none;
    }

    #cabecalho .content .botoes .carregar {
        display: none;
    }

    #cabecalho .content .botoes .entrar {
        font-size: 12px;
        padding: 8px 12px;
    }

    #cabecalho .content form {
        flex-direction: column;
    }

    #cabecalho .content form .pesquisa {
        width: 100%;
    }

    #cabecalho .content .linksMenu {
        display: none;
    }

    #postagens .content .posts {
        grid-template-columns: repeat(1, 2fr);
    }

    #postagens .content .posts .post .imagemPost {
        height: unset;
    }
}

@media(max-width: 1000px) {}

@media(max-width: 480px) {
    #cabecalho .content {
        flex-direction: column;
    }

    #cabecalho .content .links a {
        display: flex;
        align-items: center;
    }
}