* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 100%;


    --primary: #0090CE;
    --claro: #AACEDF;
    --claro-medio: #64B4D9;
    --medio:#4C89A6;
    --medio-escuro:#294A59;
    --escuro:#445259;
    --branco: #ffffff;
    --preto:#000;
    --laranja: #ef981f;
    --fonte-h2: 'Black Ops One', sans-serif;
    --fonte-h1: 'Bebas Neue', sans-serif;
    --fonte-p: 'Kanit', sans-serif;
    --fonte-display: 'Creepster', sans-serif;
    --fonte-display-2: 'Black Ops One',sans-serif;
}

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

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

@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Sedgwick+Ave+Display&display=swap');

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

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

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

.cabeça {
    width: 100%;
    background-color: var(--claro);
    padding-top: 10px;
    display: block;
}




.links-menu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    padding-bottom: 10px;

}

a {
    text-decoration: none;
    padding: 3px 5px;
    color: var(--branco);
    font-family: var(--fonte-h1);
    transition: all 0.5s;

    border: none;
    outline: none;
    background:var(--preto);
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
}

a:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 0;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

a:active {
    color: #000
}

a:active:after {
    background: transparent;
}

a:hover:before {
    opacity: 1;
}

a:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes receba {
    0% {
        background-color: var(--branco);
    }

    100% {
        background-color: var(--preto);
    }
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

main {
    background-color:var(--claro);
}

a:hover {
    transform: scale(1.05);
    translate: 0px 5px;
    animation: receba 0.4s infinite alternate;
}


h1 {
    font-family: var(--fonte-h1);
    font-size: 25px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.autoatendimento-h2 {
    font-family: var(--fonte-h1);
    font-size: 18px;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
}

#autoatendimento-coppy-button{
    padding: 5px;
    border-radius: 4px;
}

#autoatendimento-coppy-button:hover{
    cursor: pointer;
}

.autoatendimento-centro{
    text-align: center;
    margin-bottom: 2%;
}

.autoatendimento-subtitulo {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: var(--medio);
    justify-content: space-around;
    margin-top: 10px;
    margin-bottom: 10px;


}

.autoatendimento-sub-itens {
    text-align: center;
    font-family: var(--fonte-h2);
    border: solid var(--preto) 1px;
    padding: 4px 8px;
}

.autoatendimento-img-itens{
    text-align: center;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}



@keyframes pulso {
    from {
        transform: scale(1.0);
    }

    to {
        transform: scale(1.05);
    }
}


.autoatendimento-img-main {
    display: inline-block;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 350px;
    height: 350px;
    box-sizing: border-box;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid var(--preto);
}

.autoatendimento-imgs-itens-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;

}

.autoatendimento-img-itens p {
    background-color: var(--claro);
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
    border: 1px solid var(--preto);
}

.autoatendimento-img-main:hover {
    transition: all 0.5s;
    transform: scale(1.05);
    cursor: pointer;
    border-radius: 10px 10px 10px 0px;
    animation: pulso 0.3s infinite alternate;
}

.autoatendimento-itens-lista {
    text-align: center;
    justify-content: right;
    align-items: right;
}

.autoatendimento-descrição p {
    margin-left: 10px;
    background-color: var(--primary);
    max-width: 400px;
    border-radius: 8px;
    text-decoration: solid;

}

.autoatendimento-descrição {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;

}

.autoatendimento-produtos img {
    display: inline-block;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 350px;
    height: 350px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid var(--preto);
    margin-bottom: 10px;
    margin-top: 10px;
}

.autoatendimento-produtos {
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.autoatendimento-produtos p {
    margin-left: 10px;
    background-color: var(--primary);
    max-width: 400px;
    border-radius: 8px;
    text-decoration: solid;
    padding: 5px;
}

.autoatendimento-produtos h1 {
    z-index: 1;
}

.autoatendimento-descricao-produtos {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#autoatendimento-mini-cpu {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}

#autoatendimento-mini-cpu span {
    display: inline;
    box-sizing: border-box;
    background-color: var(--claro-medio);
    border-radius: 10px;
    margin-top: -20px;
    border: 1px solid var(--preto);
}

#autoatendimento-pinpads-h1{
    margin-top: 2%;
}

#autoatendimento-linha-horizontal{
    border: 1px solid var(--preto);
    width: 100%;
    margin-bottom: 2%;
}

.autoatendimento-pinpads-1{
    display: flex;
    flex-direction: wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 5%;
    margin-bottom: 3%;

}

.autoatendimento-pinpads-2{
    display: flex;
    flex-direction: wrap;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 5%;

}

.autoatendimento-pinpads{
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-left: 2%;
    margin-right: 2%;

}
.autoatendimento-pinpads p{
    max-width: 400px;
}

.autoatendimento-centro{
    text-align: center;
}

.autoatendimento-p{
    padding: 10px;
    background-color: var(--primary);
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid var(--preto);
}

.autoatendimento-detalhes-h2{
    font-family: var(--fonte-display-2);
    font-size: 30px;
}

.autoatendimento-detalhes{
    margin-left: 3%;
    margin-top: 2%;
    padding-bottom: 3%;
}

.autoaatendimento-detalhes-filho-2{
    margin-top: 2%;
}

.autoatendimento-destaque{
    background-color: var(--laranja);
    color: var(--branco);
    border-radius: 4px;
    font-family: var(--fonte-p);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
}

/*COMEÇANDO STYLE KDS*/
/*COMEÇANDO STYLE KDS*/
/*COMEÇANDO STYLE KDS*/
/*COMEÇANDO STYLE KDS*/
/*COMEÇANDO STYLE KDS*/
/*COMEÇANDO STYLE KDS*/
/*COMEÇANDO STYLE KDS*/
/*COMEÇANDO STYLE KDS*/


#main-kds {
    padding-top: 20px;
    padding-bottom: 40PX;
    padding-right: 3%;
    padding-left: 3%;
}

#main-kds p {
    font-family: var(--fonte-p);
    max-width: 70%;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: center;
}

.kds-li {
    font-size: 20px;
    gap: 10px;
    margin-left: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    list-style: disc;

}

.kds-ul {
    gap: 10px;
}


.kds-titulo-h1 {
    text-align: center;
    z-index: 10;

}

.kds-titulo-h2 {
    text-align: center;
    font-size: 20px;
}

.kds-p {
    text-align: left;
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: var(--claro);
    padding: 5px 10px 5px 10px;
    border: 1px solid var(--preto);
    border-radius: 10px;

}

.kds-titulo-itens {
    background-color: var(--primary);
    border: 1px solid var(--preto);
    border-radius: 10px;
    padding: 0px;
    margin: 0px;
}

.div-kds-p {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: justify;
}

.img-kds {
    display: inline-block;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 1000px;
    height: 700px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid var(--preto);
    animation: none;
    margin-bottom: 20px;
    margin-top: 20px;
}

.div-img-kds {
    text-align: center;
}

#kds-ol-li {
    list-style: decimal;
}

.operando-kds {
    max-width: 80%;
}

.div-operando-kds {
    align-items: center;
    justify-content: center;
    text-align: center;
}

.kds-conteudo-1{
    border: 1px solid var(--preto);
    box-shadow: 1px 1px 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
    background-color: var(--primary);
}

/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/
/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/
/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/
/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/
/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/
/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/
/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/
/*COMEÇANDO STYLE PROGRAMA DE FIDELIADE*/

#fidelidade-logo{
    background-color: var(--primary);
    width: 100px;
    height: 50px;
    border-radius: 10px;
}

.fidelidade-div-logo{
    align-items: center;
    text-align: center;
}

#fidelidade-main{
    background-color: var(--claro);
}

.fidelidade-h2{
    text-align: center;
    font-size: 20px;
}

#fidelidade-footer-a{
    text-decoration: none;
    border: solid black 1px;
    padding: 3px 5px;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-family: var(--fonte-h1);
    max-width: 150px;
    animation: none;
    transform: none;
    transition: none;
}

#fidelidade-footer-a:hover{
    animation: none;
    transition: none;
    transform: none;
}

.fidelidade-footer{
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}


.fidelidade-lista-ul{
    columns: 2;
    list-style: none;
    display: flex;
    flex-direction: space-between;
    gap: 20px;
    padding-bottom: 30px;
}

#fidelidade-h2{
    text-align: center;
}

.fidelidade-h2{
    text-align: center;
}

.fidelidade-lista-li p{
    margin-left: 5%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

.fidelidade-sobre .fidelidade-p{
    margin-left: 5%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

#fidelidade-vantagens{
   justify-content: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   margin-top: 15px;
   margin-bottom: 15px;
}

#fidelidade-vantagens li{
    list-style: none;

}

#fidelidade-abaixo-logo p{
margin-left: 5%;
margin-top: 15px;
margin-bottom: 15px;
font-size: 18px;
}

article .fidelidade-p{
margin-left: 5%;
margin-top: 15px;
margin-bottom: 15px;
font-size: 18px;
}

aside .fidelidade-lista-li{
font-size: 18px;
list-style: none;
text-align: center;
justify-content: center;
align-items: center;
}

#fidelidade-vantagens li{
    text-align: center;
    background-color: var(--branco);
    color: var(--preto);
    font-size: 17px;
    border: 1px solid var(--preto);
    padding-left: 10px;
    padding-right: 10px;

}

#fidelidade-abaixo p{
margin-left: 5%;
margin-top: 15px;
margin-bottom: 15px;
font-size: 18px;

}

#fidelidade-main{
    padding-top: 3%;
}

#fidelidade-main p{
    font-family: var(--fonte-p);
    margin-top: 10px;
    margin-bottom: 10px;
}

#fidelidade-main h1{
    font-family: var(--fonte-h2);
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 30px;
}


#fidelidade-main h2{
    font-family: var(--fonte-h2);
}

.fidelidade-lista-ol li{
    text-align: center;
    background-color: var(--branco);
    color: var(--preto);
    font-size: 17px;
    border: 1px solid var(--preto);
    padding-left: 10px;
    padding-right: 10px;
}


.fidelidade-lista-ol{
    display: flex;
    flex-direction: column;
    max-width: 50%;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    gap: 10px;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

#fidelidade-img{
    width: 25px;
    height: 25px;
    transform: rotate(-90deg);
    margin-bottom: -10px;
    margin-top: -10px;
}

#fidelidade-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
}

aside{
    border: solid 1px var(--preto);
    max-width: 60%;
    margin: 0 auto;

}

/*COMEÇANDO STYLE SMART MENU*/
/*COMEÇANDO STYLE SMART MENU*/
/*COMEÇANDO STYLE SMART MENU*/
/*COMEÇANDO STYLE SMART MENU*/
/*COMEÇANDO STYLE SMART MENU*/
/*COMEÇANDO STYLE SMART MENU*/
/*COMEÇANDO STYLE SMART MENU*/
/*COMEÇANDO STYLE SMART MENU*/


.smart-menu-body{
    background-color: var(--claro);
}

.smart-menu-img{
    width: 100%;
}

.smart-menu-iframe{
    padding-bottom: 30px;
    width: 100%;
}

.smart-menu-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
}

.smart-menu-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
}

.smart-menu-h3{
    font-family: var(--fonte-p);
    text-align: center;
    font-size: 16px;
}

.smart-menu-p{
    font-family: var(--fonte-p);
    margin-top: 15px;
    margin-bottom: 15px;
}

.smart-menu-li{
    list-style: disc;
    font-size: 19px;
    font-family: var(--fonte-p);
    margin-left: 3%;
}

#smart-menu-duvidas-h1{
    font-family: var(--fonte-display-2);
    margin-top: 20px;
    margin-bottom: 15px;
}

#smart-menu-h3-duvidas{
    text-align: start;
    margin-bottom: -10px;
}

#smart-menu-li-num{
    list-style-type: decimal;
}

#smart-menu-ol-num{
    padding-left: 3%;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: var(--fonte-p);
}

.smart-menu-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
}

.smart-menu-duvidas{
    padding-bottom: 3%;
}

#smart-menu-cabeça{
    width: 100%;
}

/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY*/

.integração-delivery{
margin-bottom: 3%;
background-color: var(--claro);

}
.integração-delivery-ol{
    display: flex;
    flex-direction: column;
    max-width: 50%;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 auto;
    gap: 5px;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.integração-delivery-li{
    list-style: none;
    justify-content: center;
    align-items: center;
    text-align: center;
}



.integração-delivery-article{
    padding-top: 20px;
    border: 1px solid var(--preto);
    margin-bottom: 1%;
    margin-top: 3%;
}

.integração-delivery-article{
    background-color: var(--primary);
    border-radius: 12%;
    max-width: 50%;
    margin: 0 auto;
}

.integração-delivery-itens{
    padding-top: 3%;
}

.integração-delivery-li{
    font-size: 18px;
    font-family: var(--fonte-p);
}

/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/
/*COMEÇANDO STYLE INTEGRAÇÃO ALLOY DELIVERY*/

.alloy-delivery-body{
margin-left: 3%;
margin-right: 3%;
margin-bottom: 3%;
background-color: var(--claro);
}

.alloy-delivery-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.alloy-delivery-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}
.alloy-delivery-p{
    font-family: var(--fonte-p);
    margin-top: 15px;
    margin-bottom: 15px;
}

.alloy-delivery-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
}

/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/
/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/
/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/
/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/
/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/
/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/
/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/
/*COMEÇANDO STYLE INTEGRAÇÃO ANOTAAI*/

.anotaai-body{
    background-color: var(--claro);
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 3%;
}

.anotaai-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.anotaai-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.anotaai-p{
    font-family: var(--fonte-p);
    margin-top: 15px;
    margin-bottom: 15px;
}

.anotaai-img{
    text-align: center;
}

.anotaai-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;  
}

/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/
/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/
/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/
/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/
/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/
/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/
/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/
/*COMEÇANDO STYLE INTEGRAÇÃO AIQFOME*/

.aiqfome-body{
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 3%;
    background-color: var(--claro);
}

.aiqfome-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.aiqfome-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.aiqfome-h3{
    font-family: var(--fonte-p);
    text-align: center;
    font-size: 16px;
    margin-bottom: 2%;
}

.aiqfome-p{
    font-family: var(--fonte-p);
    margin-top: 15px;
    margin-bottom: 15px;
}

.integração-delivery-img{
    margin: 0 auto;
    text-align: center;
}

.aiqfome-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
}

.aiqfome-duvidas{
    border: 1px solid var(--preto);
    border-radius: 12px;
    margin-top: 3%;
    margin-bottom: 1%;
    margin-left: 2%;
    margin-right: 2%;
}

.aiqfome-duvidas p{
    margin-top: -5px;
    margin-left: 3%;
    margin-right: 3%;
}

.aiqfome-duvidas h2{
    text-align: start;
    justify-content: start;
    padding-left: 3%;
    padding-right: 3%;
}


/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/
/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/
/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/
/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/
/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/
/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/
/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/
/*COMEÇANDO STYLE INTEGRAÇÃO IFOOD*/

.ifood-body{
    margin-left: 3%;
    margin-right: 3%;
    background-color: var(--claro);
}

.ifood-img{
    text-align: center;
    height: 100%;
}

.ifood-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.ifood-h1-ind{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
    margin-bottom: 0px;
}

.ifood-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.ifood-h3{
    font-family: var(--fonte-p);
    text-align: center;
    font-size: 16px;
    margin-bottom: 2%;
}

.ifood-h4{
    font-family: var(--fonte-p);
    text-align: start;
    font-size: 17px;

}

.ifood-p{
    font-family: var(--fonte-p);
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

.ifood-li{
    list-style: disc;
    justify-content: center;
    align-items: center;
    text-align: start;
    font-size: 16px;
    font-family: var(--fonte-p);
    margin-left: 5%;
}

.ifood-ol{
    margin-top: 2%;
    margin-bottom: 2%;
}

.ifood-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
    font-size: 18px;
}

.ifood-span-ind{
    font-size: 18px; 
    font-family: var(--fonte-p);
    background-color: var(--preto);
    color: var(--branco);
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
}

#ifood-h3-ind{
    font-family: var(--fonte-p);
    text-align: center;
    font-size: 16px;
}

.ifood-p-ind{
    font-family: var(--fonte-p);
    text-align: center;
    font-size: 16px;
}

.ifood-h2{
    font-family: var(--fonte-h2);
    text-align: center;
    font-size: 18px;
}


/*COMEÇANDO STYLE FORMULÁRIO*/
/*COMEÇANDO STYLE FORMULÁRIO*/
/*COMEÇANDO STYLE FORMULÁRIO*/
/*COMEÇANDO STYLE FORMULÁRIO*/
/*COMEÇANDO STYLE FORMULÁRIO*/
/*COMEÇANDO STYLE FORMULÁRIO*/
/*COMEÇANDO STYLE FORMULÁRIO*/
/*COMEÇANDO STYLE FORMULÁRIO*/


.client-form-02{
    display: flex;
    flex-direction: row;
}



.client-form-01{
    display: inline-block;
    flex-direction: column;

}

.form-elements-flex{
    display: flex;
    gap: 30px;
}

.form-div{
    margin-top: 3%;
    margin-bottom: 3%;
    display: flex;
    flex-direction: column;
}

.form-elements{
    max-width: 25%;
    display: inline-block;
    justify-content: center;
    align-items: center;
    text-align: end;
    padding-left: 1%;
    padding-right: 1%;
    font-size: 14px;
    font-family: var(--fonte-p);
    padding-top: 1%;
}

#form-body{
    padding-left: 1%;
    padding-right: 1%;
    background-color: var(--claro);
    margin: 0;
    direction: ltr;
}

#form-header{
    width: 100%;
}

#formListaSuspensa{
    max-width: 100%;
}

.form-selects-cases-div{
    margin-top: 3%;
    max-width: 30%;
  }

.form-tab {
    display: none;
}

.form-tab.active {
    display: block;
}

.abas-container {
    display: flex;
    background-color: #f0f0f0;
    padding: 10px;
  }
  
  .atendimento-form {
    display: none;
  }
  
  .atendimento-form.active {
    display: block;
  }

  .form-elements-footer{
    display: flex;
    justify-content: center;
    max-width: 100%;
    gap: 2%;
  }

  #descricao{
    position: absolute;
    max-width: 30%;
  }

  #copy-button-select{
        width: auto;
        height: 20px;
        margin-top: 2.9%;

  }


#transcription{
    background-color: var(--claro-medio);
    font-size: 14px;
    font-family: var(--fonte-p);
    border: 1px solid var(--preto);
}

#form-select-div{
    display: flex;
    flex-direction: column;
}

.form-meus-select{
    width: 165.6px;
    height: 19.2px;
}

#fildset-remove-linha{
    border: none;
}

.form-horarios-sup{
    top: 90px;
    left: 50px;
    background-color: var(--branco);
    padding-left: 1%;
    padding-right: 1%;
    border-radius: 10px;
    border: 1px solid var(--preto);
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 400px;
    margin-bottom: 5%;
}

.form-horarios-sup p{
    font-family: var(--fonte-p);

    font-size: 14px;
}

.form-centraliza-horizontal{
    text-align: center;
}

.form-area-check{
    display: flex;
    align-items: flex-start;
}

.form-label-color{
    font-weight: 400;
    text-decoration: underline;
}




/*COMEÇANDO STYLE FACILITA-NFE*/
/*COMEÇANDO STYLE FACILITA-NFE*/
/*COMEÇANDO STYLE FACILITA-NFE*/
/*COMEÇANDO STYLE FACILITA-NFE*/
/*COMEÇANDO STYLE FACILITA-NFE*/
/*COMEÇANDO STYLE FACILITA-NFE*/
/*COMEÇANDO STYLE FACILITA-NFE*/
/*COMEÇANDO STYLE FACILITA-NFE*/


#facilita-body{
    padding-bottom: 3%;
    background-color: var(--claro);
}

.facilita-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.facilita-h2{
    font-family: var(--fonte-h2);
    text-align: center;
    font-size: 18px;
}

.facilita-duvidas-h2{
    font-family: var(--fonte-h2);
    text-align: start;
    font-size: 18px;
}

.facilita-h3{
    font-family: var(--fonte-p);
    text-align: center;
    font-size: 16px;
    margin-bottom: 2%;
}

.facilita-p{
    font-family: var(--fonte-p);
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
}

.facilita-duvidas-p{
    font-family: var(--fonte-p);
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    margin-top: -5px;
}

.facilita-div-img{
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/
/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/
/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/
/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/
/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/
/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/
/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/
/*COMEÇANDO STYLE MATRIZ-OBJEÇÃO*/


#matriz-objc{
    background-color: var(--claro);
    margin-bottom: 3%;
}

.exemplos-matriz{
    text-align: center;
}

.matriz-li{
    font-size: 18px;
    font-family: var(--fonte-p);
    justify-content: center;
    align-items: center;
    list-style: none;
}

.matriz-ul{
    margin-bottom: 2%;
    margin-top: 1%;
}

.matriz-h2{
    margin-left: 2%;
}

.matriz-div{
    margin-left: 2%;
}

.matriz-select{
    margin-left: 2%;
}

.matriz-ul h2{
    font-size: 18px;
    font-family: var(--fonte-h2);
}

.matriz-h1{
    font-size: 40px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
}

.exemplos{
    margin-bottom: 2%;
}

.exemplos h1{
    font-size: 40px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
}

.matriz-table{
    border-collapse: collapse;
    margin-top: 20px;
    margin-left: 3%;
    margin-right: 3%;
}

.matriz-th, .matriz-td{
    border: 1px solid var(--preto);
    text-align: left;
    padding: 8px;
    font-family: var(--fonte-p);
    
}

.matriz-tr{
    background-color: #f2f2f2;
}


.matriz-td-title{
    font-family: var(--fonte-display-2);
}

.matriz-td-p-exemplo{
    font-family: var(--fonte-p);
    font-weight: 800;
}

.matriz-tr th{
    text-align: center;
}

#listaSuspensa{
    font-family: var(--fonte-p);
    margin-top: 2%;
    margin-bottom: 2%;
}

#matrizDescricao p {
    font-size: 18px;
    font-family: var(--fonte-p);
    font-weight: 900;
}

#matrizDescricao{
    padding-bottom: 2%;
}

#matriz-h2-ref{
    margin-bottom: 2%;
}

#matriz-div-ref{
    text-align: center;
}


.form-table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 3%px;

}

.form-td{
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    font-family: var(--fonte-p);
}

.form-th{
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    background-color: #f2f2f2;
    font-family: var(--fonte-p);

}



#textoOpcao{
    font-size: 16px;
    font-family: var(--fonte-p);
    font-weight: 900;
    padding-top: 2%;
    padding-bottom: 2%;
}

.matriz-p{
    font-size: 18px;
    font-family: var(--fonte-p);
}

.matriz-radio{

    margin-right: 3%;
}

.matriz-label{
    font-size: 16px;
    font-family: var(--fonte-display-2);
}

/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/
/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/
/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/
/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/
/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/
/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/
/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/
/*COMEÇANDO STYLE BUSINESS-INTELIGENCE*/

.business-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
    margin-bottom: 0px;
}

#business-body{
    background-color: var(--claro);
    padding-bottom: 2%;
}

.business-centro-img{
    text-align: center;
}

.business-subtitle-p{
    font-size: 18px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    text-align: center;

}

.business-centro{
    text-align: center;
}

.business-p{
    font-size: 15px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;

}

.business-card-1{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;

}

.business-card-2{
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    margin-top: 2%;
}

.business-cards{
    max-width: 150px;
    margin: 0 auto;
}

.business-cards-block{
    padding-bottom: 2%;
    padding-top: 2%;
}

#business-img-gambiarra{
    margin-bottom: -20px;
}

.business-ul{
 padding-left: 2%;
 padding-top: 2%;
 text-decoration: none;
 display: inline-block;
 align-items: center;
 justify-content: center;
 text-align: center;


}


.business-li{
    list-style: none;
    margin-top: 5px;
    background-color: var(--branco);
    font-family: var(--fonte-h1);
    font-size: 20px;
    padding-left: 1%;
    padding-right: 1%;
    border: 1px solid var(--preto);
    border-radius: 9px;

}

/*COMEÇANDO STYLE REAL TIME*/
/*COMEÇANDO STYLE REAL TIME*/
/*COMEÇANDO STYLE REAL TIME*/
/*COMEÇANDO STYLE REAL TIME*/
/*COMEÇANDO STYLE REAL TIME*/
/*COMEÇANDO STYLE REAL TIME*/
/*COMEÇANDO STYLE REAL TIME*/


.real-time-body{
    background-color: var(--claro);
    padding-bottom: 3%;
}

.real-time-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
    margin-bottom: 0px;
}

.real-time-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.real-time-h3{
    font-family: var(--fonte-p);
    text-align: center;
    font-size: 16px;
    margin-bottom: 2%;
}

.real-time-p{
    font-size: 17px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

.real-time-centro{
    text-align: center;
    margin-top: 2%;
    margin-bottom: 2%;
}

.real-time-h1-duvidas{
    font-size: 30px;
    font-family: var(--fonte-display-2);
    margin-top: 2%;
}

.real-time-p-duvidas{
    font-size: 18px;
    font-family: var(--fonte-p);
    max-width: 70%;
    margin-left: 2%;
}

.real-time-h3-duvidas{
    font-size: 25px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
}

.real-time-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
}


/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/
/*COMEÇANDO STYLE INTEGRAÇÃO DELIVERY DIRETO*/

.delivery-direto-body{
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 3%;
    background-color: var(--claro);
}

.delivery-direto-p{
    font-size: 15px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

.delivery-direto-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
    margin-bottom: 0px;
}

.delivery-direto-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.delivery-direto-h3{
    font-size: 25px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
}

.delivery-direto-img{
    margin-top: 1%;
    margin-bottom: 1%;
}

.delivery-direto-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
}

.delvery-direto-centro{
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    text-align: center;
}

/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/
/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/
/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/
/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/
/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/
/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/
/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/
/*COMEÇANDO STYLE INTEGRAÇÃO RAPPI*/

.rappi-body{
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 3%;
    background-color: var(--claro);
}

.rappi-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
    margin-bottom: 0px;
}

.rappi-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.rappi-h3{
    font-size: 25px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
}

.rappi-p{
    font-size: 15px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

.rappi-li{
    list-style: none;
}

.rappi-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
}

.rappi-ul{
    text-align: center;
    font-size: 17px;
    font-family: var(--fonte-p);
}

.rappi-centro{
    text-align: center;
    justify-items: center;
    align-items: center;
}

.rappi-distancia-top{
    margin-top: 2%;
    text-align: center;
}

.rappi-p-container{
    padding-top: 2%;
}

/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/
/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/
/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/
/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/
/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/
/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/
/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/
/*COMEÇANDO STYPE INTEGRAÇÃO NEEMO*/

.neemo-body{
    padding-bottom: 3%;
    padding-left: 2%;
    padding-right: 2%;
    background-color: var(--claro);
}

.neemo-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.neemo-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.neemo-h3{
    font-size: 25px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
    text-align: center;
}

.neemo-p{
    font-size: 15px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

.neemo-ol {
    text-align: start;
    font-size: 17px;
    font-family: var(--fonte-p);
    padding-left: 5%;
    padding-bottom: 1%;
    padding-top: 1%;
    width: 100%;
    list-style: none; 
}

.neemo-li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px; 

}

.neemo-li::before {
    content: "";
    background-image: url("src/img/Integração-Delivery/Neemo/flecha.png");
    background-size: cover; 
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.neemo-centro{
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
}

.neemo-h3-duvidas{
    font-size: 25px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
    text-align: start;
}

.neemo-p-duvidas{
    font-size: 19px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/
/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/
/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/
/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/
/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/
/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/
/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/
/*COMEÇANDO STYLE INTEGRAÇÃO SMART-TEF*/

.smart-tef-body{
padding-left: 2%;
padding-right: 2%;
margin-bottom: 3%;
background-color: var(--claro);
}

.smart-tef-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.smart-tef-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 25px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
}

.smart-tef-h3{
    font-size: 18px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
}

.smart-tef-p{
    font-size: 15px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

.smart-tef-destaque{
    background-color: var(--preto);
    color: var(--branco);
    font-family: var(--fonte-display-2);
    padding-left: 5px;
    padding-right: 5px;
}

.smart-tef-h1-duvidas{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.smart-tef-h2-duvidas{
    font-size: 25px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
    text-align: start;
}

.smart-tef-p-duvidas{
    font-size: 19px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

.smart-tef-centro{
    text-align: center;
    justify-items: center;
    align-items: center;
}

.smart-tef-img{
    width: 40%;
    height: 30%;
    margin-top: 2%;
    margin-bottom: 2%;
}

/*COMEÇANDO STYLE BALCÂO*/
/*COMEÇANDO STYLE BALCÂO*/
/*COMEÇANDO STYLE BALCÂO*/
/*COMEÇANDO STYLE BALCÂO*/
/*COMEÇANDO STYLE BALCÂO*/
/*COMEÇANDO STYLE BALCÂO*/
/*COMEÇANDO STYLE BALCÂO*/
/*COMEÇANDO STYLE BALCÂO*/

.balcao-body{
padding-left: 2%;
padding-right: 2%;
margin-bottom: 3%;
background-color: var(--claro);
}

.balcao-p{
    font-size: 15px;
    font-family: var(--fonte-p);
    padding-left: 2%;
    padding-right: 2%;
}

.balcao-h1{
    font-family: var(--fonte-h1);
    text-align: center;
    font-size: 35px;
    padding-top: 15px;
}

.balcao-h2{
    font-family:var(--fonte-h2);
    text-align: center;
    font-size: 18px;
    background-color: var(--primary);
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
    margin-bottom: 1%;
    
}

.balcao-h3{
    font-size: 18px;
    font-family: var(--fonte-h1);
    margin-top: 2%;
    margin-left: 2%;
}

.balcao-ol{
    text-align: start;
    font-size: 17px;
    font-family: var(--fonte-p);
}

.balcao-ul{
    text-align: center;
    font-size: 17px;
    font-family: var(--fonte-p);
    gap: 5px;
}

.balcao-li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px; 
    list-style-type: none;
}

.balcao-li::before{
    content: "";
    background-image: url("src/img/Balcao/flecha.png");
    background-size: cover; 
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}


/*COMEÇANDO STYLE EQUIPAMENTOS*/
/*COMEÇANDO STYLE EQUIPAMENTOS*/
/*COMEÇANDO STYLE EQUIPAMENTOS*/
/*COMEÇANDO STYLE EQUIPAMENTOS*/
/*COMEÇANDO STYLE EQUIPAMENTOS*/
/*COMEÇANDO STYLE EQUIPAMENTOS*/
/*COMEÇANDO STYLE EQUIPAMENTOS*/

.equip-body{
    background-color: var(--claro);;
    margin-bottom: 2%;
}

.equip-header{
    margin: 0;
    padding: 0;
    padding-top: 1%;
    width: 100%;
}

.equip-h1{
    font-family: var(--fonte-h1);
    background-color: var(--primary);
    font-size: 25px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    margin-top: 1%;
    margin-bottom: 1%;
}

.equip-h2{
    font-family:var(--fonte-h2);
    text-align: start;
    font-size: 22px;
    align-items: start;
    justify-content: start;
    display: flex;
    flex-direction: row;
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 2%;
}

.equip-h3{
    font-size: 18px;
    font-family: var(--fonte-h1);
    margin-top: 1%;
    margin-bottom: 1%;
    margin-left: 2%;
}

.equip-ul {
    list-style: none; /* Remove os marcadores padrão */
    padding-left: 0; /* Remove o padding padrão */
 }
 
 .equip-li {
    position: relative;
    padding-left: 3%; /* Espaço para a imagem do marcador */
    margin-left: 3%;
 }

 .equip-li::before {
    content: url('src/img/Equipamentos/flecha.png');
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
    width: 2px; 
    height: auto;
 }


 .copiar-equip-impressora{
    margin-left: 3%;
    background-color: var(--claro);
    font-size: 18px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 1px solid var(--escuro);
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 20%;
 }


.copiar-equip-impressora:hover{
    background-color: var(--preto);
    color: var(--branco);
    cursor: pointer;
 }


 /*COMEÇANDO STYLE COLETOR DADOS*/
 /*COMEÇANDO STYLE COLETOR DADOS*/
 /*COMEÇANDO STYLE COLETOR DADOS*/
 /*COMEÇANDO STYLE COLETOR DADOS*/
 /*COMEÇANDO STYLE COLETOR DADOS*/
 /*COMEÇANDO STYLE COLETOR DADOS*/
 /*COMEÇANDO STYLE COLETOR DADOS*/

 .coletor-body{
    background-color: var(--claro);
 }

 .coletor-iframe{
    margin-top: 2%;
 }


 /*COMEÇANDO STYLE INTEGRAÇÃO BLING*/
 /*COMEÇANDO STYLE INTEGRAÇÃO BLING*/
 /*COMEÇANDO STYLE INTEGRAÇÃO BLING*/
 /*COMEÇANDO STYLE INTEGRAÇÃO BLING*/
 /*COMEÇANDO STYLE INTEGRAÇÃO BLING*/
 /*COMEÇANDO STYLE INTEGRAÇÃO BLING*/
 /*COMEÇANDO STYLE INTEGRAÇÃO BLING*/

.bling-body{
    background-color: var(--claro);;

    margin-bottom: 2%;
}

.bling-h1{
    font-family: var(--fonte-h1);
    background-color: var(--primary);
    font-size: 25px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
    margin-top: 1%;
    margin-bottom: 1%;
}

.bling-h2{
    font-family:var(--fonte-h2);
    text-align: start;
    font-size: 22px;
    align-items: start;
    justify-content: start;
    display: flex;
    flex-direction: row;
    margin-bottom: 1%;
}

.bling-ul{
    list-style: none; 
    padding-left: 2%; 
    padding-bottom: 1%;
    padding-top: 2%;
}

.bling-li{
    position: relative;
    padding-left: 4%; 
    max-width: 80%;
    margin-bottom: 1%;
    border: 1px solid var(--preto);
    border-radius: 10px;
}

.bling-li::before{
    content: url('src/img/Equipamentos/flecha.png');
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
    width: 2px; 
    height: auto;
}