@import url('https://fonts.googleapis.com/css2?family=Belgrano&display=swap');



.tit-line span,
.virgo-newscarousel .virgo-newscarousel__tit,
.discador__lista li span{
    font-family: "Belgrano", Georgia, serif;
}
.homenews__tit,
.neotitle .tit,
.app .neotitle .desc{
    font-family: "Belgrano", Georgia, serif;
    text-transform: unset !important;
}
.neotitle .tit:after{
    content: " ";
    width: 10rem;
    height: 0.4rem;
    display: block;
    background-color: #233253;
    text-align: center;
    position: absolute;
    left: calc( 50% - 50px );
    margin: 0.5rem 0 0 0;
}
.neotitle.--one .tit:after{
    background-color: #f5a706;
}
.neotitle .desc{
    margin-top: 3rem;
}
.app .neotitle .desc{
    margin-top: 0;
}

.app .discador__lista li {
    border: 1px solid #f5f5f5;
    background-color: #fff;
    box-shadow: 0 0 10px #cccccc;
    border-radius: 3px;
}
.app .discador__lista li .far {
    color: #f1a600;
}
.app .discador__lista li span{
    color: #233253;
    font-family: "Belgrano", Georgia, serif;
}
.app nav{
    display: none;
}


/*** override arkantas ***/
.btn.--orange{
    background-color: #f1a600;
}

/*** login ***/
.conteudo-login__wrap {
    background: radial-gradient(var(--ark-one) 70%, #000000 150%);
    background-color: transparent;
    background-size: cover;
}
.pmb-login-logo{
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 1rem;
}
.pmb-login-logo img{
    width: 30%;
    max-width: 45rem;
}
.conteudo-login{
    background: unset;
    box-shadow: unset;
    padding: 0;
}
.conteudo-login__bg{
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
    padding: 35px;
}
.pmb-login-frase{
    padding: 1rem 0;
    text-align: center;
}
.pmb-login-frase p{
    font-size: 1.85rem;
    color: #fff;
    text-shadow: 1px 1px 3px #07033f;
}


/** responsividade **/
@media (max-height: 800px){
    /** monitores de notebook **/
    .pmb-login-logo img {
        max-width: 20rem;
    }
}
@media (max-width: 767px){
    /** mobile **/
}



/*** generico ***/
.text-center{ text-align: center; }

/*** o grupo ***/
.pmb-mapa{
    background-color: #f1e9d4;
}
.pmb-quemsomos-poetry p{
    font-size: 1.5rem;
}

.pmb-listaval{}
.pmb-listaval__item{
    display: flex;
    margin: 3rem 0;
}
.pmb-listaval__ico{
    padding: 2rem;
}
.pmb-listaval__item .tit{
    background-color: #4286c4;
    padding: 1.5rem 2rem ;
}
.pmb-listaval__item .tit h4{
    font-weight: bold;
    font-size: 2rem;
    color: #fff;
    margin: 0;
}
.pmb-listaval__item .info{
    background-color: #f6f6f7;
    padding: 2rem 3rem;
}
.pmb-listaval__item .info p{
    font-size: 1.5rem;
}
.pmb-listaval__item .info .subtit{
    margin-top: 3rem;
    font-weight: bold;
    font-size: 1.7rem;
}
.pmb-listaval__item .info .subtit:first-child{ margin-top: 0; }
.pmb-listaval__item .info .subtit i{
    color: #61AE32;
    font-size: 2rem;
}

/*** loja perfeita - guia ***/
.lojaperfeita-capa .text-center p{
    font-size: 1.65rem;
}
.lojaperfeita-tipoloja{
    padding: 2rem;
}
.lojaperfeita-tipoloja__img{
    width: 22rem;
}

.lojaperfeita-tipoloja__info{
    flex-grow: 1 ; 
    padding: 0 1.5rem;
}
.lojaperfeita-tipoloja__info p{
    font-size: 1.4rem;
}
.lojaperfeita-tipoloja__tit{
    font-size: 3.0rem !important;
}

.lojaperfeita-tipoloja .btn.--one{ background-color: #0f193c; }
.lojaperfeita-tipoloja .btn.--orange{ background-color: #fd9c28; }
.lojaperfeita-tipoloja .btn.--blue{ background-color: #4286c3; }
.lojaperfeita-tipoloja .btn.--green{ background-color: #62ae32; }

.lojaperfeita-tipoloja.--one i.far{ color: #0f193c }
.lojaperfeita-tipoloja.--orange i.far{ color: #fd9c28 }
.lojaperfeita-tipoloja.--blue i.far{ color: #4286c3 }
.lojaperfeita-tipoloja.--green i.far{ color: #62ae32 }



/*** loja perfeita - sobre ***/
.fz-16{
    font-size: 1.6rem;
}

.lojaperfeita-infoq{
    background-color: #e1f0fc;
    border-radius: 3px;
}

.lojaperfeita-infoq__info{
    padding: 2rem;
}
.lojaperfeita-infoq__info p{
    font-size: 1.45rem;
}
.lojaperfeita-infoq__graf{
    margin-top: -4.0rem;
}
.lojaperfeita-infoq__graf img{
    width: 100%;
}

.lojaperfeita-collap__item{
    border-bottom: 2px solid #e4e5e8;
    
}

.lojaperfeita-collap__tit{
    color: #131933;
    font-weight: bold;
    font-size: 2.2rem;
    line-height: 120%;
}
.lojaperfeita-collap__seta{
    border: 0;
    background: none;
}
.lojaperfeita-collap__seta i{
    font-size: 3rem;
}

.lojaperfeita-collap__master{
    cursor: pointer;
    padding: 2rem 0;
}
.lojaperfeita-collap__master:hover{
    background-color: #eeeef0;
}
.lojaperfeita-collap__item.--opened .lojaperfeita-collap__seta{
    transform: rotate(181deg);
}


.produto-menu__ico.--svg {
    width: 100%;
}
.produto-menu__ico.--svg img{
    width: 100%;
    height: 4.0rem;
}

.produto-menu.--lojaperfeita .produto-menu__item{
    padding: 1rem 2 rem;
}
.produto-menu.--lojaperfeita  .produto-menu__tit {
    font-size: 1.4rem;
    color: #707070;
}

.produto-menu.--lojaperfeita a:hover{
	text-decoration-color: #EEEEF0;
}

/*** neotitle lojaperfeita ***/
.neotitle.--lojaperfeita{
    background: transparent url('../img/guia/title_graf.jpg') no-repeat center center;
    background-size: cover;
}
.neotitle.--lojaperfeita .tit{
    text-transform: unset;
    color: #07172E;
    font-size: 2.5rem;
}
.neotitle-lojaperfeita-busca .select-wrap select{
    color: #FD9D27;
    font-weight: bold;
    border: 0;
    font-size: 1.5rem;
    background-color: rgb(255 255 255 / 90%);
}


/*** blocos lojaperfeita ***/
/** tabelas lojaperfeita **/
.lojaperfeita-importacao thead th{
    background-color: #4185c4 !important;
}
.lojaperfeita-importacao select{
    background-color: #f1f1f1;
}
/** planograma lojaperfeita **/
.lojaperfeita-planograma{
    position: relative;
}
.lojaperfeita-planograma__scroll{
    overflow-x: scroll;
}
.lojaperfeita-planograma .btn.--left{
    position: absolute;
    top: calc( 50% - 19px );
    left: -20px;
}
.lojaperfeita-planograma .btn.--right{
    position: absolute;
    top: calc( 50% - 19px );
    right: -20px;
}
.lojaperfeita-planograma ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.lojaperfeita-planograma ::-webkit-scrollbar-button {
    width: 8px;
    height:5px;
}
.lojaperfeita-planograma ::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px #dfdfdf inset;
    border-radius:10px;
}
.lojaperfeita-planograma ::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
    border-radius:10px;
}
.lojaperfeita-planograma ::-webkit-scrollbar-thumb:hover {
    background:#7d7d7d;
} 


/*** pisces indice ***/
.pisces-indice a:hover{ text-decoration: none; }
.pisces-indice__item{
    display: flex;
    align-items: center;
    padding: 1.5rem 0;
}
.pisces-indice__ico{
    padding: 0 1rem;
    transition: all .25s ease-in;
}
.pisces-indice__ico span{
    width: 5rem;
    height: 5rem;
    background-color: #3257a4;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.pisces-indice__ico span i{
    font-size: 2.5rem;
    color: #fff;
    text-align: center;
}
.pisces-indice__txt{
    background-color: #FD9D27;
    padding: 1.5rem 2rem;
    border-radius: 0.7rem;
    flex-grow: 1;
}
.pisces-indice__txt{
    color: #fff;
}
.pisces-indice__txt .tit,
.pisces-indice__txt .desc{
    margin: 0;
}
.pisces-indice__txt .tit{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.6rem;
}
.pisces-indice__item:hover .pisces-indice__ico{
    transform: scale(1.5);
    transition: all .5s ease-out;
}


/*** mfp fulliframe ***/
.mfp-fulliframe .mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 98%;
    height: 98%;
	max-width: 1400px;
	min-height: 500px;
}
.mfp-fulliframe .mfp-close{
    background: #07033f;
    width: 45px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    top: 10px;
    right: 30px;
    opacity: 0.9;
    padding: 0;
    border-radius: 100%;
}

/*** responsividade ***/
@media (max-height: 800px){
    /** monitores de notebook **/
}

@media (max-width: 1200px) and (min-width: 992px){
    /** desktops menores **/
}

@media  (max-width: 991px){
    /** tablets e mobile **/
    .lojaperfeita-infoq__graf {
        margin-top: 0;
        text-align:center;
    }
    .lojaperfeita-infoq__graf img{
        max-width: 15rem;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    /** tablets **/
}

@media (max-width: 767px){
    /** mobile **/
}