@import url(https://fonts.googleapis.com/css?family=Bad+Script:400&display=swap);
@import url(https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap);
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: Jost;
    background-color: white;
}

img {
    width: 100%;
}

main {
    background-color: white;
}

.container {
    display: flex;
    flex-direction: column;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.container-precos {
    width: 100%;
}

.section-pratos {
    display: flex;
    flex-direction: column;
    align-items: center;
}

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

.section-precos {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cabecalho {
    background-color: #0C72B3;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 0px;
    padding-top: 40px;
}

.footer {
    display: flex;
    flex-direction: row;
    background-color: #323232;
    color: rgb(157, 157, 157);
    padding: 20px;
    font-size: small;
    justify-content: space-between;
}

.link-footer {
    color: #c7c7c7;
    margin: 5px;
    text-decoration: solid;
}

.image-responsiva {
    display: flex;
    width: 100%;
    justify-content: center;
}

.divImg-galeria {
    padding: 0px;
}

.ico-1 {
    font-size: clamp(6em, 1em + 3vw, 9em);
    line-height: 1.1;
}

.text-1 {
    font-family: 'Bad Script', handwriting;
    font-size: clamp(1.7em, 1em + 3vw, 4em);
    line-height: 1.1;
}

.text-2 {
    font-family: 'Bad Script', handwriting;
    font-size: clamp(1.3em, 1em + 2vw, 3em);
    line-height: 1.1;
}

.text-4 {
    font-family: 'Jost', sans-serif;
    font-size: 1.1rem;
    line-height: 1.5;
}

.text-5 {
    font-family: 'Jost', sans-serif;
    font-size: clamp(1em, 0.75em + 2vw, 1.75em);
    line-height: 1.5;
}

.text-7 {
    font-family: 'Jost', sans-serif;
    font-size: clamp(1.2em, 0.5em + 2vw, 1.2em);
    line-height: 1.5;
}

.preco-coluna {
    background-color: rgb(233, 233, 233);
    border-radius: 10px;

}

.preco-titulo-faixa {
    font-family: 'Jost', sans-serif;
    font-size: clamp(1.3em, 0.75em + 2vw, 2em);
    line-height: 1.1;
    padding: 10px;
}

.preco-titulo-produto {
    background-color: #205ac5;
    color: white;
    font-weight: 300;
    padding: 5px;
    margin-top: 2px
}

.preco-div {
    background-color: rgb(250, 250, 250);
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    padding: 5px;
}

.preco-div-kg {
    color: red;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.preco-div-textos-kg {
    text-align: center;
    font-weight: 200;
    width: 50%;
}

.preco-div-textos {
    text-align: center;
    font-weight: 500;
    width: 100%;
}

.preco-div-valor {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    font-size: clamp(0.75em, 0.5em + 2vw, 1.2em);
}

small {
    color: #ccc;
    font-size: x-small;
}

.btn {
    padding: 10px 15px 10px 15px;
    font-weight: 600;
}

.galeria-1 {
    background-color: blueviolet;
}


.item-wrapper {
    background-color: #FAFAFA;
}



.floating-btn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 5px 10px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    z-index: 1000;
    transition: background-color 0.3s ease;
}

.floating-btn:hover {
    background-color: #ffcc00;
}






@media (min-width: 500px) {
    .image-responsiva {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .image-responsiva {
        width: 100%;
    }
}

/* //* Estilos SPAN */

.spanSatistacao {
    font-size: 1.5em;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 200;
    color: #000;
    background-color: #f9f7f7;
    margin: 4px 5px;
    cursor: pointer
}

.spanSatistacaoSelecionado {
    font-size: 1.5em;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    color: #fff;
    background-color: #0C72B3;
    margin: 0px 5px;
    cursor: pointer;
}

/* //*Colados da Mobirise */

.text-primary {
    color: #ec2840 !important;
}

.text-secondary {
    color: #6592e6 !important;
}

.text-success {
    color: #40b0bf !important;
}

.text-info {
    color: #47b5ed !important;
}

.text-warning {
    color: #ffe161 !important;
}

.text-danger {
    color: #ff9966 !important;
}

.text-white {
    color: #fafafa !important;
}

.text-black {
    color: #232323 !important;
}

a.text-primary:hover,
a.text-primary:focus,
a.text-primary.active {
    color: #a00e20 !important;
}

a.text-secondary:hover,
a.text-secondary:focus,
a.text-secondary.active {
    color: #205ac5 !important;
}

a.text-success:hover,
a.text-success:focus,
a.text-success.active {
    color: #266a73 !important;
}

a.text-info:hover,
a.text-info:focus,
a.text-info.active {
    color: #1283bc !important;
}

a.text-warning:hover,
a.text-warning:focus,
a.text-warning.active {
    color: #facb00 !important;
}

a.text-danger:hover,
a.text-danger:focus,
a.text-danger.active {
    color: #ff5500 !important;
}

a.text-white:hover,
a.text-white:focus,
a.text-white.active {
    color: #c7c7c7 !important;
}

a.text-black:hover,
a.text-black:focus,
a.text-black.active {
    color: #000000 !important;
}