.page-home .banner-container {
    padding: 3rem 0;
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 96 / 35;
}

.page-home .banner-single {
    width: 100%;
    height: 100%;
    background-size: cover;
    /* Ajusta a imagem para caber sem cortar */
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;

}


.page-home .banner-container .bullets {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
}

.page-home .banner-container .bullets span {
    background-color: white;
    margin: 0 0.3125rem;
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: 50%;
    cursor: pointer;
    border: 1px solid var(--brown-800);
}

.page-home .banner-container .bullets span.active-slider {
    background: var(--brown-800);
}



.page-home .banner-container .banner-prev,
.page-home .banner-container .banner-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--brown-800);
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 30px;
    height: 2.313rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.3s ease;
}

.page-home .banner-container .banner-prev {
    left: 1rem;
    /* Seta esquerda */
}

.page-home .banner-container .banner-next {
    right: 1rem;
    /* Seta direita */
}

.page-home .banner-container .banner-prev:hover,
.page-home .banner-container .banner-next:hover {
    background-color: var(--brown-700);
}
/** Seção cardapio **/
.page-home .section-menu{
    margin:4rem 0;
    text-align: center;
}
.page-home .section-menu p{
    padding: 0.625rem 0;
     color: var(--brown-800);
}
.page-home .section-menu .content-menu{
    margin-top: 3rem;
}
.page-home .section-menu .content-menu .menu-single{
    max-width: 11.25rem;

}
.page-home .section-menu .content-menu .menu-single a{  
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
}
.page-home .section-menu .content-menu .menu-single .img-menu-single{
        max-width: 11.25rem;
        width: 100%;
        height: 11.25rem;
        border-radius: 50%;
        background-color: #f6f2f0;
        
}

.page-home .section-menu .content-menu .menu-single .img-menu-single:hover{
    background-color: #fde8de;
}
.page-home .section-menu .content-menu .menu-single a{
    text-decoration: none;
}
.page-home .section-menu .content-menu .menu-single h3{
    font-size: 1.125rem;
    margin-top: 1rem;
    color: var(--brown-900);
}
.page-home .section-about{
   margin-top: 8rem;
}
.page-home .section-about .content-about{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}
.page-home .section-about .content-about .text-about p{
    margin-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.875rem;
    text-align: justify;
}
.page-home .section-about .content-about img{
    width: 100%;
}
.page-home .section-about .content-about .text-about button{
    margin-top: 2rem;
}
.page-home .section-grid{
    margin-top: 4rem;
}
.page-home .section-grid .content-grid-1{
    display: flex;
}
.page-home .section-grid .content-grid-2{
    display: flex;
}

.page-home .section-grid .img-grid{
    width: 50%;
    min-height: 600px;  
}
.page-home .section-grid .img-grid img{
    object-position: center;
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.page-home .section-grid .text-grid{
    width: 50%;
    min-height: 600px;  
} 
.page-home .section-grid .text-grid{
    text-align: center;
    background-color: var(--brown-700);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-home .section-grid .text-grid h3{
    font-size: 1.625rem;
    color: white;
    text-transform: uppercase;
}
.page-home .section-grid .text-grid h4{
    position: relative;
    margin-top: 2rem;
    font-size: 1.625rem;
    max-width:500px;
    width: 100%;
    text-align: center;
    justify-content: space-between;
    color: white;
    display: flex;
    align-items: flex-start;
}
.page-home .section-grid .text-grid span{
    margin: 0 auto;
}
.page-home .section-grid .text-grid .arrow-ifood{
    position: absolute;
    right: 0;
    float: right;  
}
.page-home .section-grid .text-grid .img-ifood{
    margin-top: 1.5rem;
}
.page-home .section-grid .text-grid p{
    margin-top: 2rem;
    font-size: 1.125rem;
    width: 80%;
    line-height: 1.875rem;
    color: white;

}
.page-home .section-grid .text-grid button{
    margin-top: 2rem;
}
/** Página quem somos **/
.page-about .section-banner-single{
    width: 100%;
    aspect-ratio: 4.8;
    background-position: center;
    background-repeat: no-repeat;
}

.page-about .section-text-about{
    margin-top: 3rem;
}
.page-about .section-text-about h2{
    text-align: center;
    display: block;
}
.page-about .section-text-about p{
    margin-top: 2rem;
    text-align: justify;
    color: var(--gray-500);
    font-size: 1.125rem;
    line-height: 1.875rem;
}
.page-about .section-img-about{
    margin-top: 3rem;
}
.page-about .section-img-about .content-img-about{
    display: flex;
    gap: 3rem;
    justify-content: center;
}
.page-about .section-img-about .content-img-about .img-emphasis{
    max-width: 35rem;
    height: 40.563rem;
}
.page-about .section-img-about .content-img-about .img-emphasis img{
    width: 100%;
    object-fit: cover;
}
.page-about .section-img-about .content-img-about .grid-imgs{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1.8rem;
    
}
.page-about .section-img-about .content-img-about .grid-imgs img{
    width: 100%;
    max-width: 350px;
}
.page-about .section-visit{
    margin-top: 2rem;
    width: 100%;
    height: 25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-about .section-work{
    margin-top: 4rem;
}
.page-about .section-work .content-work{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    align-items: center;
}
.page-about .section-work .content-work .text-work p{
    margin-top: 1rem;
    font-size: 1.125rem;
    color: var(--gray-500);
    line-height: 1.875rem;
    text-align: justify;
}
.page-about .section-work .content-work img{
    width: 100%;
    max-width: 35.5rem;
}
.page-about .section-work .content-work button{
    margin-top: 2rem;
}
.page-about .section-visit .content-section-visit{
    color: white;
    text-align: center;
}
.page-about .section-visit .content-section-visit h2{
    color: white !important;
}
.page-about .section-visit .content-section-visit p{
    margin-top: 1rem;
    max-width: 43.75rem;
    width: 100%;
    font-size: 1.125rem;
    line-height: 1.875rem;
}
.page-about .section-visit .content-section-visit button{
    margin-top: 2rem;
}
/** Página de cardapio **/
.page-menu .section-menu-page{
    margin-top: 4rem;
}
.page-menu .section-menu-page h2{
    display: block;
    text-align: center;
}
.page-menu .section-menu-page p{
    margin-top: 0.625rem;
    text-align: center;
    color: var(--brown-800);
    font-weight: 500;
}
.page-menu .section-menu-page .icon-title{
   margin: 1rem auto;
   display: block;
   text-align: center;
}

.page-menu .section-menu-page .content-menu-page .menu-single{

    margin-top: 5rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    justify-content: space-between;
}
.page-menu .section-menu-page .content-menu-page .menu-single .img-menu{

    position: relative;
    margin: 0 auto; 
    display: flex;
    width: 100%;
   
}
.page-menu .section-menu-page .content-menu-page .menu-single .img-menu .sombra {
    margin-top: 0.875rem;
    margin-left:0.875rem;
    max-width: 34.688rem;
    width: 100%;
    max-height: 25rem;
    height: 100%;
    background-color: #e6dbd7;
    position: absolute;
    z-index: 1;
    

}
.page-menu .section-menu-page .content-menu-page .menu-single .img-menu img{
    max-width: 35rem;
    max-height: 25rem;
    height: 100%;
    object-fit: cover;
    width: 100%;
    z-index: 10;
    position: relative;
}
.page-menu .section-menu-page .content-menu-page .menu-single .details-menu .title-menu {
    text-align: center;
}
.page-menu .section-menu-page .content-menu-page .menu-single .details-menu .title-menu span{
    max-width: 10.5rem;
    width: 100%;
    height: 1.063rem;
    background-color: #f6f2f0;
}
.page-menu .section-menu-page .content-menu-page .menu-single .details-menu .title-menu h3 {
    display: flex;
    align-items: end;
    justify-content: center;

}
.page-menu .section-menu-page .content-menu-page .menu-single .details-menu .title-menu img{
    margin: 1rem 0;
}
.page-menu .section-menu-page .content-menu-page .menu-single .details-menu .title-menu p{
        font-size: 1.5rem;
        text-transform: uppercase;
        color: var(--brown-600);
        font-weight: bold;
        line-height: 1.5rem;
        margin: 0 2rem;
}
.page-menu .section-menu-page .content-menu-page .menu-single .details-menu .description-menu{
    text-align: center;
}
.page-menu .section-menu-page .content-menu-page .menu-single .details-menu .description-menu p{
    margin: 3rem 0;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.875rem;
    padding: 0 1rem;
}
.page-menu-single .section-menu-single .title-menu{
    text-align: center;
}
.page-menu-single .section-menu-single .title-menu h3{
    display: flex;
    align-items: end;
    justify-content: center;
    margin-top: 20px;
}
.page-menu-single .section-menu-single .title-menu span{
   max-width: 34.375rem;
    width: 50%;
    height: 1.063rem;
    background-color: #f6f2f0;
}
.page-menu-single .section-menu-single .title-menu img{
    margin: 1rem 0;
}
.page-menu-single .section-menu-single .title-menu p{
    font-size: 1.5rem;
    text-transform: uppercase;
    color: var(--brown-600);
    font-weight: bold;
    line-height: 1.5rem;
    margin: 0 2rem;
}
.page-menu-single .section-menu-single .content-menu-single{
    display: grid;
    margin-top: 3rem;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.5rem;
    gap: 1.5rem;
    justify-content: space-between;

}
.page-menu-single .section-menu-single .content-menu-single .box-single{
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0.625rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
}
.page-menu-single .section-menu-single .content-menu-single .box-single h3{
    color: #2b2a2a;
}
.page-menu-single .section-menu-single .content-menu-single .box-single span{
    color: var(--gray-500);
    margin-top: 0.875rem;
    font-size: 0.875rem;
}
.page-menu-single .section-menu-single .content-menu-single .box-single p{
    margin-top: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.2rem;
    color: var(--gray-500);
}
.page-menu-single .section-menu-single .content-menu-single .box-single h4{
    margin: 1rem 0;
    font-size: 0.75rem;
    font-weight: 500;
}
.page-menu-single .section-menu-single .content-menu-single .box-single .img-menu-single{
    max-width: 10.625rem;
    max-height: 10.625rem;
    width: 100%;
    height: 100%;
    margin-right: 0.625rem;
}
.page-menu-single .section-menu-single .content-menu-single .box-single .img-menu-single img{
    cursor: pointer;
    object-fit: cover;
    width: 100%;
    border-radius: 0.625rem;

}
.page-menu-single .section-menu-single .content-menu-single .box-single h5{
    margin-top: 1rem;
    color: var(--gray-500);
    font-size: 1rem;
    font-weight: 500;
}
.page-contact .section-contact h2
{
    display: block;
    text-align: center;
}
.page-contact .section-contact .box-contact {
    margin: 3rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.page-contact .section-contact .box-contact .form-contact {
    width: 50%;
}

.page-contact .section-contact .box-contact .form-contact .form-input {
    margin-top: 1rem;
}

.page-contact .section-contact .box-contact .form-contact .form-input textarea {
    min-height: 8.438rem;
}

.page-contact .section-contact .box-contact .form-contact .input-submit {
    margin: 1rem 0;
}


.page-contact .section-contact .box-contact .infos-contact {
    width: 50%;
}


.page-contact .section-contact .box-contact .infos-contact p {
    display: flex;
    margin: 1rem 0;
    font-weight: bold;
    gap: 0.625rem;
    align-items: center;
    font-size: 1rem;
    color: var(--gray-500);
}

.page-contact .section-contact .box-contact .infos-contact span {
    min-width: 2.813rem;
    height: 2.813rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--brown-700);
}

.page-contact .section-contact .box-contact .infos-contact a {
    font-weight: 300;
    text-decoration: none;
    color: var(--gray-500);
}

.page-contact .section-contact .box-contact .infos-contact .google-maps {
    width: 100%;
    background-color: #ccc;
    height: 21.875rem;
}
/** Página de erro **/
.page-erro .section-erro {
    height: 80vh;
    display: flex;
    align-items: center;
}

.page-erro .section-erro .box-erro {
    text-align: center;
}

.page-erro .section-erro .box-erro h2 {
    margin: 1rem 0;
}

.page-erro .section-erro .box-erro .title-detail {
    margin: 0.625rem auto;
}

.page-erro .section-erro .box-erro p {
    margin-bottom: 0.313rem;
}

.page-erro .section-erro .box-erro button {
    margin-top: 1rem;
}
.page-erro .section-erro .box-erro button a {
    font-size:0.875rem;
}
@media screen and (max-width: 1200px) {
    .page-home .section-about .content-about{
        align-items: center;
    }
    .page-home .section-about .content-about{
        grid-template-columns: repeat(1, 1fr);
    }
    .page-about .section-work .content-work{
        justify-content: center;
        align-items: center;
    }
    .page-about .section-work .content-work img{
        margin: 0 auto;
    }
    .page-about .section-work .content-work{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 990px) {
    .page-home .section-grid .img-grid{
        width: 100%;
    }
    .page-home .section-grid .text-grid{
        width: 100%;
    }
    .page-home .section-grid .content-grid-1{
        display: flex;
        flex-wrap: wrap-reverse;
    }
    .page-home .section-grid .content-grid-2{
        flex-wrap: wrap;
    }.page-menu .section-menu-page .content-menu-page .menu-single{
        grid-template-columns: repeat(1, 1fr);;
    }
    .page-menu .section-menu-page .content-menu-page .menu-single .img-menu{
        justify-content: center;
       
    }
    .page-menu .section-menu-page .content-menu-page .menu-single .img-menu .sombra {
        margin-left:1.5rem;
    }
    .page-menu-single .section-menu-single .content-menu-single .box-single{
        flex-wrap: wrap;
        justify-content: center;
    }
    @media screen and (max-width: 768px) {
        .page-menu-single .section-menu-single .content-menu-single{
            display: grid;
            margin-top: 3rem;
            grid-template-columns: repeat(1, 1fr);
            column-gap: 1.5rem;
            gap: 1.5rem;
            justify-content: space-between;
        
        }
        .page-menu-single .section-menu-single .content-menu-single .box-single{
            flex-wrap: nowrap;
            justify-content: start;
        }
        .page-menu-single .section-menu-single .content-menu-single .box-single img{
            margin-right: 0.625rem;
            max-width:8.125rem;
        }
        
    }
    
}
@media screen and (max-width: 530px) {
    .page-home .section-grid .text-grid h4{
        max-width:430px;
}
.page-contact .section-contact .box-contact .infos-contact p {
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: left;
   align-items: start;
}
}
@media screen and (max-width:470px) {
    .page-home .section-grid .text-grid .arrow-ifood{
       display: none; 
    }
}