/*
Theme Name: Tote
Theme URI: https://targos.com.br
Author: Targos
Description: Tema Tote
Version: 1.4.0
License: GPL-2.0-or-later
Text Domain: tote
*/
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');

.logo-header {
    width: 120px;
}

#menu-menu-principal a {
    color: var(--bs-black);
    transition: all .2s;
    line-height: 2em;
}

#menu-menu-principal a:hover {
    color: var(--bs-primary);
}

#menu-menu-principal a:after {
    content: ' ';
    height: 2px;
    width: 0%;
    display: block;
    position: relative;
    background: var(--bs-primary);
    transition: all .2s;
}

#menu-menu-principal a:hover:after {
    width: 60%;
}

#menu-menu-principal .current-menu-item a {
    color: var(--bs-primary);
}

#menu-menu-principal .current-menu-item a:after {
    background: var(--bs-primary);
    width: 60%;
}

.gradient-cinza-branco {
    background: linear-gradient(to right, var(--bs-light), var(--bs-white));
}

.gradient-p-s {
    background: linear-gradient(to right, var(--bs-primary), var(--bs-secondary));
}

.titulo-pagina {
    border-radius: 0 0 7rem 0;
}

.borda-titulo-pagina {
    height: 3px;
    background: var(--bs-primary);
}

.mulher-reciclagem {
    margin-top: -100px;
}



.numero-grande {
    font-size: 7rem;
    line-height: 8rem;
    font-weight: 600;
}

#imagem-empresa {
    height: 700px;
    background-attachment: fixed;
    background-size: cover;
    overflow-x: clip;
}



.detalhe-folhas-dir {
    right: 1%;
    bottom: -180px;
    width: 22%;
}

.detalhe-folhas-esq {
    left: 1%;
    top: -150px;
    width: 15%;
}

.detalhe-folhas-dir-home {
    right: 3%;
    bottom: -50px;
    width: 10%;
}

.detalhe-folhas-esq-home {
    left: 3%;
    top: 0px;
    width: 10%;
}

.tag-ampliar {
    font-size: 12px;
    bottom: 14px;
    left: calc(var(--bs-gutter-x) * .5 + 14px);
}


@media (max-width:1024px) {
    .mulher-reciclagem {
        margin-top: 0px;
    }

    .numero-grande {
        font-size: 5rem;
        line-height: 5rem;
        font-weight: 600;
    }

    .detalhe-folhas-dir {
        right: 1%;
        bottom: -100px;
        width: 30%;
    }

    .detalhe-folhas-esq {
        left: 1%;
        top: -100px;
        width: 30%;
    }

    #imagem-empresa {
        height: 400px;
        background-attachment: scroll;
        background-size: cover;
        overflow-x: clip;
    }

    .tag-ampliar {
        font-size: 10px;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
    }
}

nav.rank-math-breadcrumb,
nav.rank-math-breadcrumb a {
    color: #ffffff8e !important;
    font-size: .9em;
}

.simbolo-reciclagem {
    width: 150px;
}

.menu-principal-rodape a,
.menu-principal-mobile a {
    transition: all .2s;
}


.barra-lateral-produtos .active a {
    color: var(--bs-white) !important;
}

.imagem-produto-listing {
    transition: all .2s;
}

.card-produto,
.categoria-item {
    transition: all .2s;
    box-shadow: none;
}

.card-produto:hover .imagem-produto-listing {
    transform: scale(1.1);
}

.card-produto:hover,
.categoria-item:hover {
    border-color: var(--bs-primary) !important;
    box-shadow: 10px 10px 20px -15px #00000026;
}

.img-mapa {
    margin-top: -60px;
    z-index: 3;
    position: relative;
}



.custom-slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    height: inherit !important;
}

.slick-anterior.custom-slick-arrow {
    left: 0px;
}

.slick-proximo.custom-slick-arrow {
    right: 0px;
}

@media(min-width:1024px) {
    .slick-anterior.custom-slick-arrow {
        left: -45px;
    }

    .slick-proximo.custom-slick-arrow {
        right: -45px;
    }
}

.icone-representante {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.slick-anterior-principal.custom-slick-arrow {
    left: 2%;
}

.slick-proximo-principal.custom-slick-arrow {
    right: 2%;
}

.categoria-icone {
    width: 120px;
    margin: 0 auto;
    height: 100px;
    object-fit: contain;
    transition: all .2s;
}

.categoria-item:hover .categoria-icone {
    transform: scale(1.1) !important;

}

.img-empresa-home {
    height: 450px;
    object-fit: cover;
}

.overlay-3r {
    height: 100%;
    width: 50%;
    background: linear-gradient(90deg, var(--bs-secondary), transparent);
    position: absolute;
    top: 0;
}





.flip-card {
    width: 100%;
    height: 240px;
    perspective: 800px;
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform .6s;
    transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-card-back {
    transform: rotateY(180deg);
}

.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}

.sacos-lixo-home {
    max-width: 600px;
    width: 70%;
    height: auto;
    margin-bottom: -120px;
}

.card-diferencial {
    padding-top: 3.5rem !important;
    height: 100%;
}

.icone-card-diferencial {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    font-size: 28px;
}

.top-100px {
    top: 100px;
}

@media (max-width:1024px) {
    #tresr {
        background-size: cover !important;
        background-attachment: scroll !important;
        background-position: center !important;
        height: 300px !important;
    }
}
.copy-targos{
    font-size: 80%;
}
.logo-targos{
    max-width: 110px;
}