/*  MICROTHEMER STYLES  */

/*= Full Code Editor CSS ====== */

body{
    overflow-x:hidden;
}

.ocultar-tudo{
        display: none;
    }
.mostrar-tudo{
    display: block;
}
/*Capa do site*/
.capa-texto-secao{
    position: absolute;
    left: 0;
    z-index:9;
}
.col-capa-1,.col-capa-2{
    height: 84vh;
}
/*Caixa de Chamada*/
.caixa-chamada{
    width: 46vw!important;
    height: 34vw!important;
    position: absolute;
    left:20vw;
    top:-19vh;
    z-index: 9;
}
/*Divisor*/
.divisor-tamanho-1 span{
    width: 12vw!important;
    border: solid .15vw #EA1B53!important;
    background:#EA1B53;
}
.divisor-tamanho-2 span{
    width: 12vw!important;
    border: solid .15vw #9BC323!important;
    background:#9BC323;
}
.divisor-tamanho-3 span{
    width: 12vw!important;
    border: solid .15vw #1226A9!important;
    background:#1226A9;
}

/*Botões padronizado*/
.botao-hover-1 a{
    transition:.3s;
    padding: 1.6vw 2vw!important;
    border: solid .3vw #EA1B53!important;
}
.botao-hover-1 a:hover{
    transform: scale(1.015);
    border: solid .3vw #EA1B53!important;
}
.botao-hover-2 a{
    transition:.3s;
    padding: 1.6vw 2vw!important;
    border: solid .3vw #9BC323!important;
}
.botao-hover-2 a:hover{
    transform: scale(1.015);
    border: solid .3vw #9BC323!important;
}
.botao-hover-3 a{
    transition:.3s;
    padding: 1.6vw 2vw!important;
    border: solid .3vw #1226A9!important;
}
.botao-hover-3 a:hover{
    transform: scale(1.015);
    border: solid .3vw #1226A9!important;
}

.caixa-mais-saude{
    width: 48vw!important;
    height: 33vw!important;
    position: absolute;
    top:0;
    left:0;
    z-index: 9;
    transform: translatex(50%) translatey(-68%);
}
/*Formas Coloridas*/
.forma-azul1{
    width: 25.8vw!important;
    position: absolute;
    left: 0vw;
    top:-13.5vw;
}
.forma-verde1{
    width: 16vw!important;
    position: absolute;
    right: 0vw;
    top:13vw;
}
.forma-azul-final{
    width: 11.8vw!important;
    position: absolute;
    left: 0vw;
    top:-13.5vw;
}
.forma-verde-final{
    width:  16vw!important;
    position: absolute;
    right: 0vw;
    top:-22vw;
}

/*Produtos Bem + Saúde*/
.saude-col-espaco{
    width: 3vw!important;/*espaço separador vertical*/
}
.saude-col-card{
    width: 39vw!important;
    height: 28vw!important;
    transition:.8s;
}
.btn-link-categoria-produtos a{
    width: 100%!important;
    height: 28vw!important;
    position: absolute;
    bottom:0vw;
}
.card-produtos{ /*card que leva para single*/
    height: 25vw!important;
}
.btn-link-card-produtos a{
    width: 100%!important;
    height: 25vw!important;
    position: absolute;
    top:0;
    z-index: 10;
}
.saude-secao-interna-2{
    /*espaço separador horizontal*/
    padding-top: 4.6vw!important;
}
/*VEJA TAMBÉM - outras categorias de porodutos*/
.veja-tambem-col-card{
    width: 39vw!important;
    height: 20vw!important;
    transition:.8s;
}
.veja-tambem-col-espaco{
    width: 3vw!important;
}
.btn-veja-tambem-produtos a{
    width: 100%!important;
    height: 20vw!important;
    position: absolute;
    bottom:0vw;
}
/*SINGLE PRODUTOS*/
.capa-single-produto-col-1{
    width: 30vw!important;
    height: 30vw!important;
}
.capa-single-produto-col-2{
    width: 60vw!important;
}
.container-capa-single-produto{
    padding-left: 10vw!important;
}
.secao-interna-titulo-single-produto{/*Caia com o nome do produto*/
    background: #ffffff;
    width: 40vw!important;
    padding: 3.5vw 10vw 3.5vw 2vw;
}
.subtitulo-single-produto-capa{
    padding-right: 10vw;
}
.forma-single-produto-capa{
    position: absolute;
    z-index: 1;
    left: 28vw;
    top: -20vw;
    width: 18vw!important;
}
.caixa-chamada-single-produto{
    width: 48vw!important;
    height: 60vw!important;
    position: absolute;
    top:0;
    left:0;
    z-index: 9;
    transform: translatex(50%) translatey(-40%);
}
.imagem-info-produto-single{
    height: 42vw;
}
.selo-col{
    height: 6.4vw;
    width: 6.4vw!important;
    margin-right: 4vw;
}
.caixa-chamada-single-produto-final{
    width: 48vw!important;
    height: 60vw!important;
    position: absolute;
    top:0;
    left:0;
    z-index: 9;
    transform: translatex(50%) translatey(-5%);
}

    /*>>BLOG DO SITE*/
    .col-destaque-1,.col-destaque-2{
        /*altura da imagem*/
        height: 30vw!important;
    }
    .col-destaque-2{
        /*altura do campos de texto destaque*/
        height: 30vw!important;
    }
    .botao-destaque-blog a{
        position: absolute;
        width: 100%!important;
        height: 30vw!important;
        z-index: 9;
        top:0;
    }
    .forma-blog-saude-right{
        width: 12vw!important;
        position: absolute;
        right:-2vw;
        top:-8vw;
        z-index: 10;
    }
    .forma-blog-saude-left{
        position: absolute;
        width: 14.8vw!important;
        bottom: -24vw;
        z-index: 9;
    }
    .capa-artigo-blog-secao{
        
    }
    .capa-artigo-col-1{
        height: 76vh!important;
        width: 70%!important;
    }
    .capa-artigo-col-2{
        height: 76vh!important;
        width: 70%!important;
    }
    .caixa-titulo-artigo{
        width: 80%!important;
        padding: 3vw!important;
        transform: translatey(50%);
        z-index: 11;
    }
    .forma-artigo img{
        width: 12vw!important;
        position: absolute;
        right:0vw;
        bottom:-6vw;
        z-index: 10; 
    }

    /*autor blog*/
    .caixa-autor-blog{
        width: 43vw;
    }
    .foto-autor-blog{
        width: 6vw!important;
        height: 6vw!important;
    }
    .texto-autor-blog{
        width: 40vw;
    }
    .botao-link-post a{
        position: absolute!important;
        height: 46.5vh;
        width: 100%;
        z-index: 11;
        top:0;
    }
    .botao-link-post-container{
        height: 0;
    }
    
    
    /*BLOG / INFORAÇÕES TÉCNICAS*/
    .blog-informacoes h2{
        padding-top: 4vw;
        color: #BFD872;
        font-weight: 600;
        font-size: 2.58vw; /*m 6.7 - t 4.7*/
    }
    .blog-informacoes p{
        padding-bottom: 1vw;
    }
    .blog-informacoes table{
        background: #F3F8E4;
        width: 70%;
        font-size: 1.15vw;/*tamanho da fonte da tabela*/
        margin-left: -1.84vw;
    }
    .blog-informacoes td{
        line-height: .9;
        padding:1.1vw;
    }
    /*Quem somos*/
    .caixa-falar-administracao{
    width: 44vw!important;
    height: 34vw!important;
    position: absolute;
    top:0;
    left:50%;
    z-index: 9;
    transform: translatex(-50%) translatey(-40%);

    }
    .forma-quem-somos-2 img{
        width: 12vw!important;
        position: absolute;
        left:0vw;
        bottom:-5vw;
        z-index: 10; 
    }


/*MOBILE DO SITE*/
@media screen and (max-width: 767px) {
    .ocultar-mobile{
        display: none;
    }
    .mostrar-mobile{
        display: block;
    }
    /*Capa do site Mobile*/
    .capa-texto-secao{
        position: static;
    }
    .col-capa-2{
    height: 52vh;
    }
    /*Formas mobile*/
    .formas-mobile-secao{
        height:0!important;
    }
    .forma-capa-mobile1 img{
        position:absolute;
        width: 24vw;
        left:0;
        top:-18vw;
        z-index: 5;
    }
    .forma-capa-mobile2 img{
        position:absolute;
        width: 15vw;
        right:0;
        top:10vw;
        z-index: 5;
    }
    .forma-capa-mobile-branca{
        position:absolute;
        width: 100vw;
        left:0;
        top:6vw;
        z-index: 4;
    }

    /*depoimentos mobile*/
    .eicon-chevron-right{
        display:none;
    }
    .eicon-chevron-left{
        display:none;
    }
    /*caixas de chamada mobile*/
    .caixa-chamada{
    width: 100vw!important;
    height: 85vh!important;
    position: static;
    }
    .caixa-mais-saude{
    width: 100vw!important;
    height: 78vh!important;
    position: static!important;
    transform: translatex(0) translatey(0);
    }
    /*PRODUTOS Bem + Saúde MOBILE*/
    .saude-col-espaco,.veja-tambem-col-espaco{
        /*espaço separador vertical*/
        width: 0vw!important;
    }
    .saude-col-card,.veja-tambem-col-card{
        width: 100%!important;
        height: 62vw!important;
        margin-top: 12vw;
    }
    .btn-veja-tambem-produtos a,.btn-link-categoria-produtos a{
        height: 62vw!important;
    }
    .saude-secao-interna-2{
        /*espaço separador horizontal*/
        padding-top: 0vw!important;
    }
    .card-produtos{ /*card que leva para single*/
        height: 70vw!important;
    }
    .btn-link-card-produtos a{
        height: 70vw!important;
    }
    .forma-artigo img{
        width: 17vw!important;
        bottom:-18vw;
    }   
    
    /*Nav Menu mobile*/
    .elementor-item{
        padding-bottom: 7vw!important;
    }
    
    /*>>BLOG SITE MOBILE*/
    /*blog destaque mobile*/
    .col-destaque-1{
        /*altura da imagem*/
        height: 70vw!important;
    }
    .col-destaque-2{
        /*altura da imagem*/
        height: 120vw!important;
    }
    .botao-destaque-blog a{
        width: 100%!important;
        height: 190vw!important;
        top:0;
    }
    .forma-blog-saude-right{
        width: 22vw!important;
        position: absolute;
        right:0vw;
        top:-8vw;
    }
    .forma-blog-saude-left{
        position: absolute;
        width: 28vw!important;
        bottom: -30vw;
        z-index: 9;
    }
    /*single blog MOBILE*/
    .capa-artigo-col-1{
        height: 56vh!important;
        width: 100%!important;
    }
    .caixa-titulo-artigo{
        width: 100%!important;
        padding: 5vw!important;
        transform: translatey(100%);
        z-index: 11;
    }/*autor blog mob*/
    .caixa-autor-blog{
        width: 86vw;
    }
    .foto-autor-blog{
        width: 22vw!important;
        height: 22vw!important;
    }
    .texto-autor-blog{
        width: 48vw;
    }
    
    
    /*SINGLE PRODUTOS MOBILE*/
    .capa-single-produto-col-1{
        width: 100vw!important;
        height: 84vw!important;
        padding-left: 8vw;
        padding-right: 8vw;
    }
    .capa-single-produto-col-2{
        width: 100%!important;
    }
    .secao-interna-titulo-single-produto{/*Caia com o nome do produto*/
        background: #ffffff;
        width: 100%!important;
    }
    .container-capa-single-produto{
        padding-left: 0vw!important;
    }
    .subtitulo-single-produto-capa{
        padding-right: 8vw;
        padding-left: 8vw;
    }
    .caixa-chamada-single-produto,.caixa-chamada-single-produto-final{
        width: 100%!important;
        height: 200vw!important;
        position: static;
        transform: translatex(0) translatey(0);
    }
    .imagem-info-produto-single{
        height: 113vw;
    }
    .selo-col{
        height: 18vw;
        width: 18vw!important;
        margin-right: 6vw;
    }
    
    
    

    .forma-single-produto-capa{
        position: absolute;
        z-index: 1;
        left: 28vw;
        top: -20vw;
        width: 18vw!important;
    }

    
    /*BLOG E INFORAÇÕES TÉCNICAS MOBILE*/
    .blog-informacoes h2{
        padding-top: 10vw;
        font-size: 6.7vw; /*m 6.7 - t 4.7*/
    }
    .blog-informacoes p{
        padding-bottom: 2vw;
    }
    .blog-informacoes table{
        background: #F3F8E4;
        width: 130%;
        font-size: 4vw;
        margin-left: -10VW;
    }
    .blog-informacoes td{
        line-height: 2.1;
    }
    /*Quem somos mobile*/
    .caixa-falar-administracao{
        width: 100vw!important;
        position: static;
        transform: translatex(0) translatey(0);
        height: 90vw!important;
    }
    .forma-quem-somos-2 img{
        width: 30vw!important;
        bottom:-20vw;
    }
    /*Divisor*/
    .divisor-tamanho-1 span{
        width: 30vw!important;
        border: solid .4vw #EA1B53!important;
    }
    .divisor-tamanho-2 span{
        width: 30vw!important;
        border: solid .4vw #9BC323!important;
    }
    .divisor-tamanho-3 span{
        width: 30vw!important;
        border: solid .4vw #1226A9!important;
    }
    
    /*Botões padronizado*/
    .botao-hover-1 a{
        padding: 4vw 5vw!important;
        border: solid .9vw #EA1B53!important;
    }
    .botao-hover-1 a:hover{
        border: solid .9vw #EA1B53!important;
    }
    .botao-hover-2 a{
        padding: 4vw 5vw!important;
        border: solid .9vw #9BC323!important;
    }
    .botao-hover-2 a:hover{
        border: solid .9vw #9BC323!important;
    }
    .botao-hover-3 a{
        padding: 4vw 5vw!important;
        border: solid .9vw #1226A9!important;
    }
    .botao-hover-3 a:hover{
        border: solid .9vw #1226A9!important;
    }
}

/*TABLET*/
@media screen and (min-width: 768px) and (orientation:portrait) {
    
    .ocultar-tablet{
        display: none;
    }
    .mostrar-tablet{
        display: block;
    }
    /*CAPA DO SITE - TABLET*/
    .col-capa-1,.col-capa-2{
    height: 88vh;
    }
    /*caixas de chamada tablet*/
    .caixa-chamada{
    width: 85vw!important;
    height: 70vh!important;
    left:0vw;
    top:-27vw;
    }
    .caixa-mais-saude{
    width: 85vw!important;
    height: 52vh!important;
    left:50%;
    transform: translatex(-50%) translatey(-40%);
    }
    /*Formas Coloridas*/
    .forma-azul1{
        width: 33vw!important;
        position: absolute;
        left: -15vw;
        top:-80vw;
        z-index: 10;
    }
    .forma-verde1{
        width: 25vw!important;
        position: absolute;
        right:0vw;
        top:-20vw;
        z-index: 9;
    }
    .forma-azul-final{
        width: 11.8vw!important;
        position: absolute;
        left: 0vw;
        top:-13.5vw;
    }
    .forma-verde-final{
        width: 16vw!important;
        position: absolute;
        right: 0vw;
        top:-22vw;
    }
    /*PRODUTOS TABLET*/
    .saude-col-espaco, .veja-tambem-col-espaco{
        /*espaço separador vertical*/
        width: 0vw!important;
    }
    .saude-col-card, .veja-tambem-col-card{
        width: 90%!important;
        height: 55vw!important;
        margin-top: 11vw;
    }
    .btn-veja-tambem-produtos a,.btn-link-categoria-produtos a{
        height: 55vw!important;
    }
    .saude-secao-interna-2{
        /*espaço separador horizontal*/
        padding-top: 0vw!important;
    }
    .card-produtos{ /*card que leva para single*/
        height: 70vw!important;
    }
    .btn-link-card-produtos a{
        height: 70vw!important;
    }
    .forma-artigo img{
        width: 19vw!important;
        bottom:-18vw;
    }
    
    
/*>>BLOG SITE TABLET*/
    .col-destaque-1{
        height: 55vw!important;
        width: 100%!important;
    }
    .col-destaque-2{
        height: 70vw!important;
        width: 100%!important;

    }
    .botao-destaque-blog a{
        width: 100%!important;
        height: 125vw!important;
        top:0;
    }
    .forma-blog-saude-right{
        width: 22vw!important;
        position: absolute;
        right:-2vw;
        top:-8vw;
    }
    .forma-blog-saude-left{
        position: absolute;
        width: 28vw!important;
        bottom: -46vw;
        z-index: 9;
    }
    /*single blog TABLET*/
    .capa-artigo-col-1{
        height: 55vh!important;
        width: 100%!important;
    }
    .caixa-titulo-artigo{
        width: 85%!important;
        padding: 8vw!important;
        transform: translatey(50%);
        z-index: 11;
    }/*autor blog mob*/
    .caixa-autor-blog{
        width: 80vw;
    }
    .foto-autor-blog{
        width: 23vw!important;
        height: 23vw!important;
    }
    
    /*SINGLE PRODUTOS TABLET*/
    .capa-single-produto-col-1{
        width: 100vw!important;
        height: 70vw!important;
        padding-left: 10vw;
        padding-right: 10vw;
    }
    .capa-single-produto-col-2{
        width: 100%!important;
    }
    .secao-interna-titulo-single-produto{/*Caia com o nome do produto*/
        background: #ffffff;
        width: 100%!important;
    }
    .caixa-chamada-single-produto{
    width: 100vw!important;
    height: 80vh!important;
    left:50%;
    transform: translatex(-50%) translatey(-40%);
    }
    .caixa-chamada-single-produto-final{
    width: 100vw!important;
    height: 80vh!important;
    left:50%;
    transform: translatex(-50%) translatey(30%);
    }

    .imagem-info-produto-single{
        height: 70vw!important;
        width: 70vw!important;
    }
    .selo-col{
        height: 16vw;
        width: 16vw!important;
        margin-right: 7vw;
    }
    .container-capa-single-produto{
        padding-left: 0vw!important;
    }
    .subtitulo-single-produto-capa{
        padding-right: 10vw;
        padding-left: 10vw;
    }



    .forma-single-produto-capa{
        position: absolute;
        z-index: 1;
        left: 28vw;
        top: -20vw;
        width: 18vw!important;
    }
    
        /*BLOG E INFORAÇÕES TÉCNICAS MOBILE*/
    .blog-informacoes h2{
        padding-top: 5vw;
        font-size: 4.7vw;
    }
    .blog-informacoes p{
        padding-bottom: 1vw;
    }
    .blog-informacoes table{
        background: #F3F8E4;
        width: 110%;
        font-size: 4vw;
        margin-left: -5.2VW;
    }
    .blog-informacoes td{
        line-height: 2.2;
    }
    /*Quem somos tab*/
    .caixa-falar-administracao{
        width: 100vw!important;
        height: 52vh!important;
        position: static;
        transform: translatex(0) translatey(0);
    }
    .forma-quem-somos-2 img{
        width: 22vw!important;
        bottom:-20vw;
    }

    /*Divisor*/
    .divisor-tamanho-1 span{
        width: 26vw!important;
        border: solid .32vw #EA1B53!important;
    }
    .divisor-tamanho-2 span{
        width: 26vw!important;
        border: solid .32vw #9BC323!important;
    }
    .divisor-tamanho-3 span{
        width: 26vw!important;
        border: solid .32vw #1226A9!important;
    }
    
    /*Botões padronizado*/
    .botao-hover-1 a{
        padding: 2vw 3vw!important;
        border: solid .7vw #EA1B53!important;
    }
    .botao-hover-1 a:hover{
        border: solid .7vw #EA1B53!important;
    }
    .botao-hover-2 a{
        padding: 2vw 3vw!important;
        border: solid .7vw #9BC323!important;
    }
    .botao-hover-2 a:hover{
        border: solid .7vw #9BC323!important;
    }
    .botao-hover-3 a{
        padding: 2vw 3vw!important;
        border: solid .7vw #1226A9!important;
    }
    .botao-hover-3 a:hover{
        border: solid .7vw #1226A9!important;
    }

}

    





