/* NOVO LAYOUT PIZZARIA DO GAUCHO 2026 */

#delivery-fixo {
    display: none !important;
}

.novo-cardapio {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f7f1e7 !important;
    color: #35231d;
}

.cardapio-hero {
    min-height: 360px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    background:
        linear-gradient(rgba(35,15,8,.45), rgba(35,15,8,.55)),
        url('../images/PizzaGaucha-BANNER-pizza-todo-dia.png') center center / cover no-repeat;
}

.cardapio-hero-overlay {
    padding: 60px 20px;
    color: #fff;
}

.cardapio-kicker {
    display: block;
    margin-bottom: 8px;
    color: #f1d391;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3px;
}

.cardapio-hero h1 {
    margin: 0 !important;
    color: #fff !important;
    font-family: Georgia, serif !important;
    font-size: 68px !important;
    line-height: 1 !important;
}

.cardapio-hero p {
    margin: 15px 0 0 !important;
    color: #fff !important;
    font-size: 19px !important;
}

.cardapio-categorias {
    box-sizing: border-box;
    max-width: 1180px;
    width: calc(100% - 40px);
    margin: -28px auto 35px !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: nowrap;
    position: relative !important;
    z-index: 20;
    background: #fffaf2 !important;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(63,31,17,.18);
}

.cardapio-categorias a {
    box-sizing: border-box;
    flex: 1 1 0;
    min-height: 52px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 12px 15px !important;
    border: 0 !important;
    border-radius: 9px;
    background: #f1ebe2 !important;
    color: #30211b !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: none !important;
}

.cardapio-categorias a:first-child {
    background: #b51d23 !important;
    color: #fff !important;
}

.cardapio-categorias a:hover {
    background: #b51d23 !important;
    color: #fff !important;
}

.cardapio-secao {
    box-sizing: border-box;
    width: 100%;
    padding: 55px 5% !important;
}

.secao-titulo {
    max-width: 1280px;
    margin: 0 auto 30px !important;
    text-align: left;
}

.secao-titulo span {
    color: #8e6b4d !important;
    font-size: 12px !important;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.secao-titulo h2 {
    margin: 3px 0 0 !important;
    color: #6d1518 !important;
    font-family: Georgia, serif !important;
    font-size: 38px !important;
}

@media (max-width: 700px) {

    .cardapio-hero {
        min-height: 280px;
    }

    .cardapio-hero h1 {
        font-size: 43px !important;
    }

    .cardapio-categorias {
        width: calc(100% - 20px);
        margin: -20px 10px 25px !important;
        flex-wrap: wrap;
        gap: 7px;
    }

    .cardapio-categorias a {
        flex: 1 1 calc(50% - 7px);
        min-height: 45px;
        font-size: 13px !important;
    }
}


/* ==========================================
   CARDS DOS PRODUTOS
   ========================================== */

.cardapio-secao-alternada {
    background: #efe4d1;
}

.cardapio-produtos {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: stretch;
}

.novo-cardapio .cardapio-produtos > h1 {
    width: 100%;
    margin: 0 0 8px !important;
    padding: 0;
    border: 0;
    background: transparent;
    color: #1f1f1f;
    font-family: Georgia, serif !important;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.novo-cardapio .pizza-menu {
    width: calc(25% - 14px);
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden;
    border: 1px solid #dfd4c6;
    border-radius: 10px;
    background: #fffaf4;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
    display: flex;
    flex-direction: column;
}

.novo-cardapio .pizza-menu .pizza-foto {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 145px;
    min-height: 145px;
    max-height: 145px;
    overflow: hidden;
    float: none !important;
    border-radius: 0 !important;
}

.novo-cardapio .pizza-menu .pizza-foto img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    margin: 0 !important;
    border: 0 !important;
    float: none !important;
}

.novo-cardapio .pizza-menu .pizza-desc {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.novo-cardapio .pizza-menu .pizza-desc-head h3 {
    margin: 0 0 6px !important;
    color: #2b1a16;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: none;
}

.novo-cardapio .pizza-menu .pizza-desc-head div {
    margin: 0 0 10px !important;
    color: #6b5b52;
    font-size: 11px;
    line-height: 1.35;
    min-height: 32px;
}

.novo-cardapio .pizza-desc-body {
    width: 100% !important;
    min-width: 0 !important;
    position: static !important;
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: flex-end;
}

.novo-cardapio .pizza-desc-price-m,
.novo-cardapio .pizza-desc-price-g {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
}

.novo-cardapio .pizza-desc-body .tamanho {
    color: #7b6a61;
    font-size: 11px;
    line-height: 1.2;
    text-align: left;
}

.novo-cardapio .pizza-desc-body .preco {
    color: #b21e23;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 800;
    text-align: left;
}

.novo-cardapio .pizza-desc-body .preco .cents {
    font-size: 12px;
}

/* ==========================================
   BEBIDAS
   ========================================== */

.bebidas-grid {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.bebida-card {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    background: #fffaf4;
    border: 1px solid #dfd4c6;
    border-radius: 10px;
    box-shadow: 0 3px 10px rgba(0,0,0,.08);
}

.bebida-card img {
    width: 100%;
    height: 145px;
    object-fit: contain;
    display: block;
    margin: 0;
    padding: 12px;
    background: #fff;
    border: 0 !important;
}

.bebida-card div {
    padding: 12px 14px 14px;
}

.bebida-card h3 {
    margin: 0 0 6px;
    color: #2b1a16;
    font-size: 15px;
    font-weight: 700;
}

.bebida-card p {
    margin: 0;
    color: #6b5b52;
    font-size: 12px;
    line-height: 1.45;
}

/* ==========================================
   RESPONSIVO
   ========================================== */

@media (max-width: 1100px) {
    .novo-cardapio .pizza-menu {
        width: calc(33.333% - 12px);
    }

    .bebidas-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 850px) {
    .novo-cardapio .pizza-menu {
        width: calc(50% - 9px);
    }
}

@media (max-width: 700px) {
    .novo-cardapio .pizza-menu {
        width: 100%;
    }

    .bebidas-grid {
        grid-template-columns: 1fr;
    }

    .novo-cardapio .pizza-menu .pizza-foto {
        height: 180px;
    }
}


/* ==========================================
   REFINAMENTO PREMIUM - CARDAPIO
   ========================================== */

.novo-cardapio {
    background: #f8f4ec !important;
}

.cardapio-secao {
    padding: 64px 4% !important;
}

.cardapio-produtos,
.secao-titulo,
.bebidas-grid {
    max-width: 1480px;
}

/* Cabeçalhos das seções */

.secao-titulo {
    margin-bottom: 26px !important;
}

.secao-titulo span {
    color: #9a7656 !important;
    font-size: 11px !important;
    letter-spacing: 2px;
}

.secao-titulo h2 {
    margin-top: 6px !important;
    color: #6d1518 !important;
    font-size: 42px !important;
    line-height: 1.05;
}

/* Subcategorias */

.novo-cardapio .cardapio-produtos > h1 {
    margin: 30px 0 12px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #d8c9b7;
    color: #3b2921 !important;
    font-family: Georgia, serif !important;
    font-size: 18px !important;
    letter-spacing: .4px;
}

/* Grade premium */

.cardapio-produtos {
    gap: 20px;
}

.novo-cardapio .pizza-menu {
    width: calc(25% - 15px);
    border: 1px solid #e4d9cb;
    border-radius: 14px;
    background: #fffdf9;
    box-shadow:
        0 3px 8px rgba(50,30,20,.05),
        0 10px 24px rgba(50,30,20,.06);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.novo-cardapio .pizza-menu:hover {
    transform: translateY(-4px);
    box-shadow:
        0 5px 12px rgba(50,30,20,.06),
        0 14px 30px rgba(50,30,20,.10);
}

/* Fotos */

.novo-cardapio .pizza-menu .pizza-foto {
    height: 175px;
    min-height: 175px;
    max-height: 175px;
}

.novo-cardapio .pizza-menu .pizza-foto img {
    transition: transform .35s ease;
}

.novo-cardapio .pizza-menu:hover .pizza-foto img {
    transform: scale(1.035);
}

/* Conteúdo */

.novo-cardapio .pizza-menu .pizza-desc {
    padding: 15px 16px 17px !important;
}

.novo-cardapio .pizza-menu .pizza-desc-head h3 {
    margin-bottom: 7px !important;
    color: #261916 !important;
    font-family: Georgia, serif !important;
    font-size: 17px !important;
    line-height: 1.15;
}

.novo-cardapio .pizza-menu .pizza-desc-head div {
    min-height: 37px;
    margin-bottom: 12px !important;
    color: #76675f !important;
    font-size: 12px !important;
    line-height: 1.45;
}

/* Preços */

.novo-cardapio .pizza-desc-body {
    padding-top: 10px;
    border-top: 1px solid #eee6dd;
}

.novo-cardapio .pizza-desc-body .tamanho {
    margin-bottom: 2px;
    color: #8b7a70 !important;
    font-size: 10px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.novo-cardapio .pizza-desc-body .preco {
    color: #b41e26 !important;
    font-size: 20px !important;
    font-weight: 800;
}

/* Barra de categorias */

.cardapio-categorias {
    max-width: 1080px;
    padding: 8px !important;
    border: 1px solid rgba(117,78,50,.08);
    border-radius: 13px;
    background: rgba(255,253,248,.98) !important;
    box-shadow: 0 8px 24px rgba(52,31,20,.13);
}

.cardapio-categorias a {
    min-height: 48px;
    border-radius: 8px;
    background: #f3ede5 !important;
    color: #35241d !important;
    font-size: 13px !important;
    transition: .2s ease;
}

.cardapio-categorias a:first-child,
.cardapio-categorias a:hover {
    background: #a9151d !important;
    color: #fff !important;
}

/* Bebidas */

.bebidas-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.bebida-card {
    border-radius: 14px;
    border-color: #e4d9cb;
    background: #fffdf9;
    box-shadow: 0 7px 20px rgba(50,30,20,.07);
}

.bebida-card img {
    height: 170px;
}

.bebida-card div {
    padding: 15px 16px 17px;
}

.bebida-card h3 {
    color: #261916;
    font-family: Georgia, serif;
    font-size: 17px;
}

.bebida-card p {
    color: #76675f;
    font-size: 12px;
}

/* Desktop grande */

@media (min-width: 1500px) {
    .cardapio-secao {
        padding-left: 6% !important;
        padding-right: 6% !important;
    }
}

/* Tablet */

@media (max-width: 1100px) {
    .novo-cardapio .pizza-menu {
        width: calc(33.333% - 14px);
    }

    .bebidas-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablet pequeno */

@media (max-width: 850px) {
    .novo-cardapio .pizza-menu {
        width: calc(50% - 10px);
    }

    .bebidas-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Celular */

@media (max-width: 600px) {

    .cardapio-secao {
        padding: 42px 16px !important;
    }

    .secao-titulo h2 {
        font-size: 34px !important;
    }

    .novo-cardapio .pizza-menu {
        width: 100%;
    }

    .novo-cardapio .pizza-menu .pizza-foto {
        height: 200px;
        min-height: 200px;
        max-height: 200px;
    }

    .bebidas-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================
   AJUSTE FINO PREMIUM
   ========================================== */

/* Reduz o vazio depois da barra de categorias */
.cardapio-secao {
    padding-top: 38px !important;
    padding-bottom: 58px !important;
}

/* Título principal da seção */
.secao-titulo {
    margin-bottom: 22px !important;
}

.secao-titulo span {
    display: block;
    margin-bottom: 8px;
}

.secao-titulo h2 {
    margin: 0 !important;
}

/* Aproxima a primeira subcategoria */
.novo-cardapio .cardapio-produtos > h1:first-child {
    margin-top: 0 !important;
}

/* Subcategorias mais sofisticadas */
.novo-cardapio .cardapio-produtos > h1 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 38px !important;
    margin-bottom: 18px !important;
    padding-bottom: 9px !important;
    border-bottom: 1px solid #d9c9b7;
    font-size: 19px !important;
    color: #3a241c !important;
}

/* Mantém todos os cards bem alinhados */
.novo-cardapio .pizza-menu {
    min-height: 330px;
}

/* Texto com respiro mais refinado */
.novo-cardapio .pizza-menu .pizza-desc {
    padding: 16px 17px 18px !important;
}

/* Fundo ligeiramente mais quente */
.novo-cardapio {
    background: #faf7f1 !important;
}

/* Celular */
@media (max-width: 700px) {
    .cardapio-secao {
        padding-top: 30px !important;
        padding-bottom: 42px !important;
    }

    .novo-cardapio .pizza-menu {
        min-height: 0;
    }
}


/* ==========================================
   AJUSTES FINAIS - ESPACO / TITULO / IMAGENS
   ========================================== */

/* reduz o espaço abaixo da barra de categorias */
.cardapio-categorias {
    margin-bottom: 14px !important;
}

/* reduz bastante o espaço de abertura da seção */
.cardapio-secao {
    padding-top: 18px !important;
    padding-bottom: 52px !important;
}

/* aproxima o bloco do título da seção */
.secao-titulo {
    margin-bottom: 14px !important;
}

/* remove o texto "TRADIÇÃO DO GAÚCHO" */
.secao-titulo span {
    display: none !important;
}

/* deixa o título pizzas mais próximo e limpo */
.secao-titulo h2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* aproxima a primeira subcategoria */
.novo-cardapio .cardapio-produtos > h1:first-child {
    margin-top: 0 !important;
}

/* subcategorias um pouco mais compactas */
.novo-cardapio .cardapio-produtos > h1 {
    margin-top: 22px !important;
    margin-bottom: 16px !important;
    padding-bottom: 8px !important;
}

/* AJUSTE DAS IMAGENS NOS CARDS */
.novo-cardapio .pizza-menu .pizza-foto {
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
    overflow: hidden;
    background: #f4eee6;
}

.novo-cardapio .pizza-menu .pizza-foto img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block;
}

/* cards mais alinhados visualmente */
.novo-cardapio .pizza-menu {
    overflow: hidden;
}

/* descrição com melhor respiro */
.novo-cardapio .pizza-menu .pizza-desc-head div {
    min-height: 34px !important;
}

/* celular */
@media (max-width: 700px) {
    .cardapio-secao {
        padding-top: 14px !important;
    }

    .novo-cardapio .pizza-menu .pizza-foto {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
    }
}


/* ==========================================
   TOPO MAIS COMPACTO
   ========================================== */

/* remove o segundo banner "Nosso Cardápio" */
.cardapio-hero {
    display: none !important;
}

/* sobe a barra de categorias */
.cardapio-categorias {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    border-radius: 0 0 14px 14px;
}

/* aproxima o conteúdo do cardápio */
.cardapio-secao {
    padding-top: 22px !important;
}

/* mantém o título Pizzas mais próximo do menu */
.secao-titulo {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}


/* ==========================================
   COMPACTACAO + AJUSTE DAS FOTOS
   ========================================== */

/* reduz mais o espaço entre menu e título Pizzas */
.cardapio-categorias {
    margin-bottom: 6px !important;
}

.cardapio-secao {
    padding-top: 8px !important;
}

/* título Pizzas mais próximo da barra */
.secao-titulo {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.secao-titulo h2 {
    margin: 0 !important;
    line-height: 1.05;
}

/* primeira subcategoria mais próxima */
.novo-cardapio .cardapio-produtos > h1:first-child {
    margin-top: 4px !important;
}

.novo-cardapio .cardapio-produtos > h1 {
    margin-bottom: 14px !important;
}

/* ==========================================
   FOTOS DOS PRODUTOS
   ========================================== */

.novo-cardapio .pizza-menu .pizza-foto {
    width: 100% !important;
    height: 185px !important;
    min-height: 185px !important;
    max-height: 185px !important;
    overflow: hidden;
    background: #eee7dd;
    border-radius: 14px 14px 0 0 !important;
}

.novo-cardapio .pizza-menu .pizza-foto img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    object-fit: cover !important;
    object-position: center 45% !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: none !important;
}

/* zoom bem discreto apenas no hover */
.novo-cardapio .pizza-menu:hover .pizza-foto img {
    transform: scale(1.02) !important;
}

/* deixa a transição mais natural */
.novo-cardapio .pizza-menu .pizza-foto img {
    transition: transform .3s ease;
}

/* celular */
@media (max-width: 700px) {

    .cardapio-secao {
        padding-top: 6px !important;
    }

    .novo-cardapio .pizza-menu .pizza-foto {
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }
}


/* ==========================================
   IMAGENS MAIS NATURAIS NOS CARDS
   ========================================== */

/* remove qualquer expansão ao passar o mouse */
.novo-cardapio .pizza-menu:hover {
    transform: none !important;
}

.novo-cardapio .pizza-menu:hover .pizza-foto img {
    transform: none !important;
}

/* área da imagem */
.novo-cardapio .pizza-menu .pizza-foto {
    height: 190px !important;
    min-height: 190px !important;
    max-height: 190px !important;
    padding: 8px !important;
    box-sizing: border-box;
    background: #fffaf4 !important;
    overflow: hidden;
}

/* mostra a pizza inteira */
.novo-cardapio .pizza-menu .pizza-foto img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    background: #fffaf4;
    transform: none !important;
}

/* tira transição de zoom */
.novo-cardapio .pizza-menu .pizza-foto img {
    transition: none !important;
}

/* cards um pouco mais equilibrados */
.novo-cardapio .pizza-menu {
    min-height: 350px;
}

/* celular */
@media (max-width: 700px) {
    .novo-cardapio .pizza-menu .pizza-foto {
        height: 220px !important;
        min-height: 220px !important;
        max-height: 220px !important;
    }

    .novo-cardapio .pizza-menu {
        min-height: 0;
    }
}


/* ==========================================
   FOTO PREENCHENDO O CARD SEM BORDAS
   ========================================== */

.novo-cardapio .pizza-menu .pizza-foto {
    width: 100% !important;
    height: 185px !important;
    min-height: 185px !important;
    max-height: 185px !important;

    padding: 0 !important;
    overflow: hidden !important;

    background: transparent !important;
    border-radius: 14px 14px 0 0 !important;
}

.novo-cardapio .pizza-menu .pizza-foto img {
    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;

    object-fit: cover !important;
    object-position: center 50% !important;

    display: block !important;
    padding: 0 !important;
    margin: 0 !important;

    transform: scale(1) !important;
    transition: transform .25s ease !important;
}

/* hover bem leve */
.novo-cardapio .pizza-menu:hover .pizza-foto img {
    transform: scale(1.015) !important;
}

/* mantém o card parado */
.novo-cardapio .pizza-menu:hover {
    transform: none !important;
}


/* ==========================================
   ENQUADRAMENTO INDIVIDUAL DAS PIZZAS
   ========================================== */

/* padrão geral */
.novo-cardapio .pizza-menu .pizza-foto img {
    object-fit: cover !important;
    object-position: center center !important;
}

/* Bacon */
.novo-cardapio .pizza-menu:nth-of-type(1) .pizza-foto img {
    object-position: center 58% !important;
}

/* Baiana */
.novo-cardapio .pizza-menu:nth-of-type(2) .pizza-foto img {
    object-position: center 50% !important;
}

/* Calabresa */
.novo-cardapio .pizza-menu:nth-of-type(3) .pizza-foto img {
    object-position: center 55% !important;
}

/* Escarola */
.novo-cardapio .pizza-menu:nth-of-type(4) .pizza-foto img {
    object-position: center 48% !important;
}

/* mantém o hover discreto */
.novo-cardapio .pizza-menu:hover .pizza-foto img {
    transform: scale(1.015) !important;
}


/* ==========================================
   PADRAO GLOBAL DE IMAGENS DOS PRODUTOS
   ========================================== */

/* Pizzas, carnes, porções e sobremesas */
.novo-cardapio .pizza-menu .pizza-foto {
    position: relative !important;
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 16 / 9;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;
    background: #eee7dd !important;

    border-radius: 14px 14px 0 0 !important;
}

/* imagem ocupa toda a área */
.novo-cardapio .pizza-menu .pizza-foto img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    max-width: none !important;
    min-height: 100% !important;
    max-height: none !important;

    padding: 0 !important;
    margin: 0 !important;

    object-fit: cover !important;
    object-position: 50% 50% !important;

    border: 0 !important;
    border-radius: 0 !important;

    display: block !important;

    transform: scale(1) !important;
    transition: transform .28s ease !important;
}

/* hover elegante e discreto */
.novo-cardapio .pizza-menu:hover .pizza-foto img {
    transform: scale(1.025) !important;
}

/* o card não se movimenta */
.novo-cardapio .pizza-menu:hover {
    transform: none !important;
}

/* remove altura mínima antiga */
.novo-cardapio .pizza-menu {
    min-height: 0 !important;
}

/* ==========================================
   BEBIDAS
   ========================================== */

.bebida-card {
    overflow: hidden;
}

.bebida-card img {
    width: 100% !important;
    height: 180px !important;

    padding: 10px !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: #fffdf9 !important;

    transition: transform .28s ease;
}

.bebida-card:hover img {
    transform: scale(1.025);
}

/* ==========================================
   CELULAR
   ========================================== */

@media (max-width: 700px) {

    .novo-cardapio .pizza-menu .pizza-foto {
        aspect-ratio: 16 / 10;
    }

    .bebida-card img {
        height: 210px !important;
    }
}


/* ==========================================
   MENU DE CATEGORIAS FIXO NA ROLAGEM
   ========================================== */

.cardapio-categorias {
    position: sticky !important;
    top: 0 !important;
    z-index: 999 !important;

    margin-top: 0 !important;

    background: rgba(255,253,248,.97) !important;
    backdrop-filter: blur(8px);

    box-shadow: 0 6px 18px rgba(50,30,20,.12);
}

/* deixa a mudança de seção mais confortável */
.cardapio-secao {
    scroll-margin-top: 80px;
}

/* celular */
@media (max-width: 700px) {
    .cardapio-categorias {
        top: 0 !important;
    }

    .cardapio-secao {
        scroll-margin-top: 120px;
    }
}


/* ==========================================
   CABECALHO + CATEGORIAS FIXOS NA ROLAGEM
   ========================================== */

/* fixa o cabeçalho principal */
.site-header,
header#masthead,
header.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 2000 !important;
}

/* barra de categorias fica logo abaixo do cabeçalho */
.cardapio-categorias {
    position: sticky !important;
    top: 98px !important;
    z-index: 1900 !important;

    margin-top: 0 !important;

    background: rgba(255,253,248,.98) !important;
    backdrop-filter: blur(8px);

    box-shadow: 0 6px 18px rgba(50,30,20,.12);
}

/* compensa a altura dos dois menus ao navegar pelas categorias */
.cardapio-secao {
    scroll-margin-top: 175px !important;
}

/* tablet */
@media (max-width: 1000px) {
    .cardapio-categorias {
        top: 88px !important;
    }

    .cardapio-secao {
        scroll-margin-top: 165px !important;
    }
}

/* celular */
@media (max-width: 700px) {
    .cardapio-categorias {
        top: 72px !important;
    }

    .cardapio-secao {
        scroll-margin-top: 185px !important;
    }
}


/* ==========================================
   CORRECAO DEFINITIVA DO MENU STICKY
   ========================================== */

/* permite que o sticky funcione */
.novo-cardapio {
    overflow: visible !important;
}

/* mantém a barra de categorias durante a rolagem */
.cardapio-categorias {
    position: sticky !important;
    top: 94px !important;
    z-index: 1999 !important;

    width: calc(100% - 40px) !important;
    max-width: 1080px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    background: #fffdf8 !important;
    box-shadow: 0 5px 20px rgba(40,20,15,.16) !important;
}

/* garante que elementos externos não cortem o sticky */
.site-content,
#content,
main.novo-cardapio {
    overflow: visible !important;
}

/* ao clicar em uma categoria, não esconde o título atrás dos menus */
.cardapio-secao {
    scroll-margin-top: 175px !important;
}

@media (max-width: 700px) {
    .cardapio-categorias {
        top: 72px !important;
    }

    .cardapio-secao {
        scroll-margin-top: 170px !important;
    }
}


/* ==========================================
   MENU DE CATEGORIAS FIXO - VERSAO DEFINITIVA
   ========================================== */

.cardapio-categorias {
    position: relative !important;
    top: auto !important;
}

.cardapio-categorias-placeholder {
    width: 100%;
    height: 0;
}

.cardapio-categorias.categorias-fixas {
    position: fixed !important;

    top: var(--altura-header-fixo, 94px) !important;
    left: var(--esquerda-menu-categorias, 50%) !important;

    width: var(--largura-menu-categorias, 1080px) !important;
    max-width: 1080px !important;

    margin: 0 !important;

    z-index: 1999 !important;

    background: rgba(255,253,248,.98) !important;

    border-radius: 0 0 13px 13px !important;

    box-shadow:
        0 4px 10px rgba(40,20,15,.08),
        0 9px 24px rgba(40,20,15,.12) !important;
}

/* navegação por âncora sem esconder títulos */
.cardapio-secao {
    scroll-margin-top: 175px !important;
}

@media (max-width: 700px) {

    .cardapio-categorias.categorias-fixas {
        left: 10px !important;
        width: calc(100% - 20px) !important;
    }

    .cardapio-secao {
        scroll-margin-top: 190px !important;
    }
}


/* ==========================================
   CATEGORIAS COLADAS AO CABECALHO
   ========================================== */

.cardapio-categorias.categorias-fixas {
    top: 94px !important;
    border-radius: 0 0 12px 12px !important;
    margin: 0 !important;
}

/* remove qualquer espaço extra do placeholder */
.cardapio-categorias-placeholder {
    margin: 0 !important;
    padding: 0 !important;
}

/* desktop menor */
@media (max-width: 1200px) {
    .cardapio-categorias.categorias-fixas {
        top: 94px !important;
    }
}

/* celular */
@media (max-width: 700px) {
    .cardapio-categorias.categorias-fixas {
        top: 72px !important;
    }
}


/* ==========================================
   ANIMACAO DO MENU DE CATEGORIAS
   ========================================== */

.cardapio-categorias {
    transition:
        transform .28s ease,
        opacity .28s ease,
        box-shadow .28s ease !important;
}

.cardapio-categorias.categorias-fixas {
    animation: categoriasDesliza .28s ease-out both;
}

@keyframes categoriasDesliza {

    from {
        transform: translateY(-18px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* evita animação excessiva para quem prefere menos movimento */
@media (prefers-reduced-motion: reduce) {
    .cardapio-categorias.categorias-fixas {
        animation: none !important;
    }
}


/* ==========================================
   ANIMACAO MAIS SUAVE DO MENU DE CATEGORIAS
   ========================================== */

.cardapio-categorias {
    will-change: transform, opacity;
}

.cardapio-categorias.categorias-fixas {
    animation: categoriasPremium .42s cubic-bezier(.22,.61,.36,1) both !important;
}

@keyframes categoriasPremium {

    0% {
        transform: translateY(-42px) scale(.985);
        opacity: 0;
    }

    55% {
        transform: translateY(4px) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
    }
}

/* saída visual mais suave quando deixa de ser fixa */
.cardapio-categorias:not(.categorias-fixas) {
    transition:
        transform .32s cubic-bezier(.22,.61,.36,1),
        opacity .32s ease,
        box-shadow .32s ease !important;
}

@media (prefers-reduced-motion: reduce) {
    .cardapio-categorias.categorias-fixas {
        animation: none !important;
    }
}


/* ==========================================
   PADRAO DE 2 PISCADAS PARA TODAS AS CATEGORIAS
   ========================================== */

.cardapio-secao.categoria-destaque {
    animation: duasPiscadasCategoria 1s ease-in-out !important;
}

.cardapio-secao.categoria-destaque .pizza-menu,
.cardapio-secao.categoria-destaque .bebida-card {
    animation: none !important;
}

@keyframes duasPiscadasCategoria {

    0% {
        box-shadow: inset 0 0 0 9999px rgba(181,29,35,0);
    }

    12% {
        box-shadow: inset 0 0 0 9999px rgba(181,29,35,.10);
    }

    25% {
        box-shadow: inset 0 0 0 9999px rgba(181,29,35,0);
    }

    50% {
        box-shadow: inset 0 0 0 9999px rgba(181,29,35,.10);
    }

    65% {
        box-shadow: inset 0 0 0 9999px rgba(181,29,35,0);
    }

    100% {
        box-shadow: inset 0 0 0 9999px rgba(181,29,35,0);
    }
}


/* ==========================================
   DESTAQUE SOMENTE NOS PRODUTOS - 2 PISCADAS
   ========================================== */

/* remove qualquer efeito da seção inteira */
.cardapio-secao.categoria-destaque {
    animation: none !important;
    box-shadow: none !important;
    background-color: inherit !important;
}

/* duas pulsações nos cards */
.cardapio-secao.categoria-destaque .pizza-menu,
.cardapio-secao.categoria-destaque .bebida-card {
    animation: duasPiscadasProduto .9s ease-in-out 1 !important;
}

/* efeito suave, apenas no produto */
@keyframes duasPiscadasProduto {

    0% {
        transform: scale(1);
        box-shadow: 0 7px 20px rgba(50,30,20,.07);
    }

    15% {
        transform: scale(1.018);
        box-shadow: 0 0 0 3px rgba(181,29,35,.16),
                    0 10px 26px rgba(50,30,20,.12);
    }

    30% {
        transform: scale(1);
        box-shadow: 0 7px 20px rgba(50,30,20,.07);
    }

    50% {
        transform: scale(1.018);
        box-shadow: 0 0 0 3px rgba(181,29,35,.16),
                    0 10px 26px rgba(50,30,20,.12);
    }

    68% {
        transform: scale(1);
        box-shadow: 0 7px 20px rgba(50,30,20,.07);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 7px 20px rgba(50,30,20,.07);
    }
}


/* ==========================================
   DESTAQUE SOMENTE COM TREMOR
   ========================================== */

/* garante que a seção não pisque */
.cardapio-secao.categoria-destaque {
    animation: none !important;
    background-color: inherit !important;
    box-shadow: none !important;
}

/* produtos tremem, sem alterar cor ou brilho */
.cardapio-secao.categoria-destaque .pizza-menu,
.cardapio-secao.categoria-destaque .bebida-card {
    animation: tremorProduto .7s ease-in-out 1 !important;
}

/* remove qualquer efeito visual de flash */
@keyframes tremorProduto {

    0% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(-4px);
    }

    30% {
        transform: translateX(4px);
    }

    45% {
        transform: translateX(-3px);
    }

    60% {
        transform: translateX(3px);
    }

    75% {
        transform: translateX(-1px);
    }

    100% {
        transform: translateX(0);
    }
}


/* CATEGORIA SELECIONADA */

.cardapio-categorias a,
.cardapio-categorias a:first-child {
    background: #f3ede5 !important;
    color: #35241d !important;
}

.cardapio-categorias a.categoria-ativa {
    background: #b51d23 !important;
    color: #fff !important;
}

.cardapio-categorias a:hover {
    background: #b51d23 !important;
    color: #fff !important;
}


/* CATEGORIA ATIVA - AJUSTE FINAL */

.cardapio-categorias a,
.cardapio-categorias a:first-child {
    background: #f3ede5 !important;
    color: #35241d !important;
}

.cardapio-categorias a.categoria-ativa,
.cardapio-categorias a.categoria-ativa:first-child {
    background: #b51d23 !important;
    color: #fff !important;
}

/* mais espaço abaixo do menu fixo ao chegar na seção */
.cardapio-secao {
    scroll-margin-top: 220px !important;
}


/* ==========================================
   PRESERVA O FUNDO DURANTE O TREMOR
   ========================================== */

/* seções claras */
.cardapio-secao:not(.cardapio-secao-alternada).categoria-destaque {
    background: #faf7f1 !important;
}

/* seções bege: carnes e bebidas */
.cardapio-secao.cardapio-secao-alternada.categoria-destaque {
    background: #efe4d1 !important;
}

/* nenhuma animação ou flash na seção */
.cardapio-secao.categoria-destaque {
    animation: none !important;
    box-shadow: none !important;
}

/* mantém somente o tremor dos produtos */
.cardapio-secao.categoria-destaque .pizza-menu,
.cardapio-secao.categoria-destaque .bebida-card {
    animation: tremorProduto .7s ease-in-out 1 !important;
}


/* ======================================================
   ACABAMENTO PREMIUM GLOBAL - CARDAPIO
   ====================================================== */

/* título e subtítulo de todas as categorias */

.secao-titulo {
    margin-bottom: 18px !important;
}

.secao-titulo h2 {
    margin: 0 0 5px !important;
    color: #741518 !important;
    font-family: Georgia, serif !important;
    font-size: 38px !important;
    line-height: 1.05;
}

.secao-titulo span {
    display: block !important;
    margin: 0 !important;

    color: #816f63 !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45;

    text-transform: none !important;
    letter-spacing: .2px !important;
}

/* deixa o conteúdo mais rente ao menu */

.cardapio-secao {
    padding-top: 24px !important;
    padding-bottom: 55px !important;
}

/* subtítulos internos */

.novo-cardapio .cardapio-produtos > h1 {
    margin-top: 18px !important;
    margin-bottom: 18px !important;

    padding-bottom: 9px !important;

    color: #36231c !important;

    font-family: Georgia, serif !important;
    font-size: 18px !important;
    font-weight: 700;

    border-bottom: 1px solid #d8c7b3;
}

/* ==========================================
   CARDS UNIFORMES
   ========================================== */

.novo-cardapio .pizza-menu {
    display: flex !important;
    flex-direction: column !important;

    min-height: 350px !important;

    border: 1px solid #e4d8ca !important;
    border-radius: 13px !important;

    background: #fffdf9 !important;

    box-shadow:
        0 4px 10px rgba(45,26,17,.05),
        0 10px 25px rgba(45,26,17,.05) !important;
}

/* foto */

.novo-cardapio .pizza-menu .pizza-foto {
    aspect-ratio: 16 / 9 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    border-radius: 13px 13px 0 0 !important;
}

/* conteúdo ocupa o restante do card */

.novo-cardapio .pizza-menu .pizza-desc {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;

    padding: 15px 16px 17px !important;
}

/* nome */

.novo-cardapio .pizza-menu .pizza-desc-head h3 {
    margin: 0 0 7px !important;

    color: #281915 !important;

    font-family: Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 1.2;
}

/* descrição */

.novo-cardapio .pizza-menu .pizza-desc-head div {
    min-height: 36px !important;

    color: #716158 !important;

    font-size: 11px !important;
    line-height: 1.45 !important;
}

/* preço sempre alinhado embaixo */

.novo-cardapio .pizza-desc-body {
    margin-top: auto !important;

    padding-top: 11px !important;

    border-top: 1px solid #eee5db !important;
}

/* preço com mais presença */

.novo-cardapio .pizza-desc-body .preco {
    color: #bb1720 !important;

    font-size: 20px !important;
    font-weight: 800 !important;
}

/* ==========================================
   BARRA DE CATEGORIAS
   ========================================== */

.cardapio-categorias a {
    transition:
        background-color .22s ease,
        color .22s ease,
        transform .22s ease !important;
}

.cardapio-categorias a.categoria-ativa {
    position: relative;

    background: #b51d23 !important;
    color: #fff !important;
}

.cardapio-categorias a.categoria-ativa::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 5px;

    width: 28px;
    height: 2px;

    transform: translateX(-50%);

    border-radius: 2px;

    background: rgba(255,255,255,.75);
}

/* ==========================================
   BEBIDAS
   ========================================== */

.bebida-card {
    display: flex;
    flex-direction: column;

    min-height: 290px;

    border-radius: 13px !important;

    background: #fffdf9 !important;

    box-shadow:
        0 4px 10px rgba(45,26,17,.05),
        0 10px 25px rgba(45,26,17,.05) !important;
}

.bebida-card div {
    flex: 1;
}

.bebida-card h3 {
    color: #281915 !important;

    font-family: Georgia, serif !important;
    font-size: 16px !important;
}

.bebida-card p {
    color: #716158 !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
}

/* ==========================================
   CELULAR
   ========================================== */

@media (max-width: 700px) {

    .cardapio-categorias {
        width: 100% !important;
        max-width: none !important;

        padding: 7px 10px !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 7px;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        border-radius: 0 !important;

        scrollbar-width: none;
    }

    .cardapio-categorias::-webkit-scrollbar {
        display: none;
    }

    .cardapio-categorias a {
        flex: 0 0 auto !important;

        min-width: 105px;

        padding: 11px 15px !important;
    }

    .cardapio-secao {
        padding: 22px 14px 42px !important;
    }

    .secao-titulo h2 {
        font-size: 32px !important;
    }

    .novo-cardapio .pizza-menu {
        min-height: 0 !important;
    }
}


/* REMOVE OS SUBTITULOS ENTRE O MENU E AS CATEGORIAS */
.secao-titulo span {
    display: none !important;
}

/* aproxima novamente o titulo da categoria */
.secao-titulo {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}

.cardapio-secao {
    padding-top: 18px !important;
}


/* SOBE O TITULO DA CATEGORIA */
.cardapio-secao {
    padding-top: 8px !important;
}

.secao-titulo {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.secao-titulo h2 {
    margin-top: 0 !important;
}


/* AJUSTE FINO DA DISTANCIA ENTRE MENU E TITULO */
.cardapio-secao {
    padding-top: 20px !important;
}

.secao-titulo {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}


/* SOBE O TITULO DA CATEGORIA */
.cardapio-secao {
    padding-top: 8px !important;
}

.secao-titulo {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.secao-titulo h2 {
    margin-top: 0 !important;
}


/* APROXIMA TODAS AS CATEGORIAS DO MENU */
.cardapio-secao {
    padding-top: 2px !important;
}

.secao-titulo {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.secao-titulo h2 {
    margin-top: 0 !important;
}


/* ======================================================
   CABECALHO PREMIUM 2026
   ====================================================== */

/* imagem principal do topo */
.khalid-site-header {
    min-height: 310px !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* barra principal de navegacao */
.navigation-top {
    background: #68191c !important;
    border: 0 !important;
    box-shadow: 0 4px 14px rgba(40,15,12,.14);
}

/* menu principal */
.navigation-top .wrap {
    max-width: 1180px !important;
    margin: 0 auto !important;
}

.navigation-top .main-navigation a,
.navigation-top #top-menu > li > a {
    color: #f6e8c9 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .8px;
    text-transform: uppercase;

    transition:
        color .2s ease,
        opacity .2s ease !important;
}

.navigation-top .main-navigation a:hover,
.navigation-top #top-menu > li > a:hover {
    color: #fff !important;
    font-size: 14px !important;
}

/* ======================================================
   CABECALHO COMPACTO DURANTE A ROLAGEM
   ====================================================== */

.navigation-top-fixed {
    height: 82px !important;
    min-height: 82px !important;

    background: rgba(104,25,28,.98) !important;

    box-shadow:
        0 3px 8px rgba(30,10,8,.10),
        0 7px 22px rgba(30,10,8,.18) !important;

    backdrop-filter: blur(8px);
}

/* logo da barra fixa */
.navigation-top-fixed .khalid-logo {
    top: 11px !important;
}

.navigation-top-fixed .khalid-logo img {
    width: auto !important;
    height: 60px !important;
    max-height: 60px !important;
}

/* menu centralizado verticalmente */
.navigation-top-fixed .menu-menu-do-topo-container {
    top: 0 !important;
    height: 82px !important;
}

.navigation-top-fixed .menu-menu-do-topo-container ul {
    height: 82px !important;

    display: flex !important;
    align-items: center !important;

    gap: 26px;

    margin: 0 !important;
    padding: 0 !important;
}

/* links mais elegantes */
.navigation-top-fixed .menu-menu-do-topo-container a {
    color: #f3dfb8 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    letter-spacing: .7px;

    line-height: 1 !important;

    text-transform: uppercase;

    transition:
        color .2s ease,
        opacity .2s ease !important;
}

/* remove aquele aumento antigo no hover */
.navigation-top-fixed .menu-menu-do-topo-container a:hover {
    color: #fff !important;
    font-size: 14px !important;
}

/* item da pagina atual */
.navigation-top-fixed .current-menu-item > a {
    color: #fff !important;
}

/* redes */
.navigation-top-fixed .khalid-sociais img {
    max-height: 25px !important;
    width: auto !important;

    opacity: .9;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.navigation-top-fixed .khalid-sociais a:hover img {
    opacity: 1;
    transform: translateY(-1px);
}

/* telefone/delivery antigo da barra fixa */
.navigation-top-fixed .delivery-menu-fixo {
    max-height: 70px !important;
    width: auto !important;
}

/* linha superior antiga mais discreta */
.header-azul-line {
    height: 3px !important;
    background: #4d1013 !important;
}


/* CATEGORIAS ALINHADAS AO NOVO CABECALHO */

.cardapio-categorias.categorias-fixas {
    top: 82px !important;
}


/* ======================================================
   CORRECAO DO CABECALHO NORMAL
   ====================================================== */

/* no topo da página, mantém a imagem limpa */
.khalid-site-header > .navigation-top {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* evita aparência de bloco/faixa sobre a imagem */
.khalid-site-header > .navigation-top .wrap {
    background: transparent !important;
    box-shadow: none !important;
}

/* menu sobre a imagem */
.khalid-site-header > .navigation-top .main-navigation a,
.khalid-site-header > .navigation-top #top-menu > li > a {
    color: #f5dfad !important;
    text-shadow: 0 2px 5px rgba(0,0,0,.65);
}

/* página atual */
.khalid-site-header > .navigation-top .current-menu-item > a {
    color: #ef3d3d !important;
}

/* hover sem aumentar o tamanho */
.khalid-site-header > .navigation-top a:hover {
    color: #fff !important;
    font-size: 14px !important;
}

/* ======================================================
   MANTÉM VINHO SOMENTE NO HEADER DE ROLAGEM
   ====================================================== */

.navigation-top-fixed {
    background: #68191c !important;
    box-shadow: 0 6px 20px rgba(30,10,8,.20) !important;
}


/* ======================================================
   HEADER FIXO PREMIUM
   ====================================================== */

/* esconde a barra antiga normal para não duplicar */
.navigation-top {
    display: none !important;
}

/* header principal */
.navigation-top-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 76px !important;
    display: block !important;
    background: rgba(104, 25, 28, 0.96) !important;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 6px 18px rgba(0,0,0,.18) !important;
    z-index: 99999 !important;
}

/* evita que o conteúdo fique escondido atrás do header fixo */
body {
    padding-top: 76px !important;
}

/* mantém a imagem do topo mais limpa */
.khalid-site-header {
    min-height: 300px !important;
}

/* logo fixa */
.navigation-top-fixed .khalid-logo {
    display: block !important;
    position: absolute !important;
    top: 14px !important;
    left: 28px !important;
    z-index: 3 !important;
}

.navigation-top-fixed .khalid-logo img {
    max-height: 46px !important;
    width: auto !important;
}

/* menu principal centralizado */
.navigation-top-fixed .menu-menu-do-topo-container {
    position: absolute !important;
    top: 26px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
}

.navigation-top-fixed .menu-menu-do-topo-container ul {
    display: flex !important;
    align-items: center !important;
    gap: 34px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navigation-top-fixed .menu-menu-do-topo-container li {
    display: inline-block !important;
}

.navigation-top-fixed .menu-menu-do-topo-container a {
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    color: #f3dfb0 !important;
    text-transform: uppercase !important;
    transition: color .2s ease, transform .2s ease !important;
}

.navigation-top-fixed .menu-menu-do-topo-container a:hover {
    color: #ffffff !important;
    transform: translateY(-1px);
    font-size: 15px !important;
}

.navigation-top-fixed .menu-menu-do-topo-container .current-menu-item a {
    color: #ff4a4a !important;
}

/* redes sociais */
.navigation-top-fixed .khalid-sociais {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    position: absolute !important;
    top: 19px !important;
    right: 230px !important;
    z-index: 3 !important;
}

.navigation-top-fixed .khalid-sociais a img {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
}

/* delivery/telefone */
.navigation-top-fixed .delivery-menu-fixo {
    display: block !important;
    position: absolute !important;
    top: 8px !important;
    right: 24px !important;
    max-height: 58px !important;
    width: auto !important;
}

/* ======================================================
   MENU DE CATEGORIAS FIXO ABAIXO DO HEADER
   ====================================================== */

.cardapio-categorias {
    top: 86px !important;
    z-index: 9998 !important;
}

/* quando estiver fixo */
.cardapio-categorias.categorias-fixas {
    position: fixed !important;
    top: 86px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(100%, 980px) !important;
    margin: 0 !important;
}

/* espaço para o menu fixo não cobrir a seção */
.cardapio-secao {
    scroll-margin-top: 170px !important;
}

/* ======================================================
   AJUSTE RESPONSIVO
   ====================================================== */

@media (max-width: 1200px) {
    .navigation-top-fixed .menu-menu-do-topo-container ul {
        gap: 22px !important;
    }

    .navigation-top-fixed .khalid-sociais {
        right: 210px !important;
    }
}

@media (max-width: 1024px) {
    .navigation-top-fixed {
        height: 70px !important;
    }

    body {
        padding-top: 70px !important;
    }

    .navigation-top-fixed .khalid-logo img {
        max-height: 40px !important;
    }

    .navigation-top-fixed .menu-menu-do-topo-container {
        top: 25px !important;
    }

    .navigation-top-fixed .menu-menu-do-topo-container a {
        font-size: 13px !important;
    }

    .navigation-top-fixed .khalid-sociais {
        display: none !important;
    }

    .navigation-top-fixed .delivery-menu-fixo {
        max-height: 50px !important;
        top: 10px !important;
    }

    .cardapio-categorias,
    .cardapio-categorias.categorias-fixas {
        top: 78px !important;
    }

    .cardapio-secao {
        scroll-margin-top: 155px !important;
    }
}



/* ==========================================================
   ==========================================================
          PIZZARIA DO GAUCHO - FINAL PREMIUM 2026
   ==========================================================
   ========================================================== */


/* ==========================================================
   01. PALETA E ESTRUTURA GERAL
   ========================================================== */

:root {
    --gaucho-vinho: #68191c;
    --gaucho-vermelho: #b71922;
    --gaucho-creme: #faf7f1;
    --gaucho-bege: #efe4d1;
    --gaucho-card: #fffdf9;
    --gaucho-texto: #33231d;
    --gaucho-suave: #75645a;
    --gaucho-borda: #e2d5c5;
}

html {
    scroll-behavior: smooth;
}

body {
    padding-top: 76px !important;
    background: var(--gaucho-creme);
}

.novo-cardapio {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: var(--gaucho-creme) !important;
}


/* ==========================================================
   02. HEADER PREMIUM FIXO
   ========================================================== */

/* remove menu duplicado sobre o banner */
.khalid-site-header > .navigation-top {
    display: none !important;
}

/* barra fixa principal */
.navigation-top-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    background: rgba(93, 18, 21, .98) !important;

    border: 0 !important;

    box-shadow:
        0 2px 8px rgba(30,10,8,.10),
        0 7px 20px rgba(30,10,8,.16) !important;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);

    z-index: 100000 !important;
}

/* logo */
.navigation-top-fixed .khalid-logo {
    display: block !important;

    position: absolute !important;
    top: 50% !important;
    left: 4.5% !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;
}

.navigation-top-fixed .khalid-logo img {
    display: block !important;

    width: auto !important;
    height: 52px !important;
    max-height: 52px !important;
}

/* navegação central */
.navigation-top-fixed .menu-menu-do-topo-container {
    position: absolute !important;

    top: 0 !important;
    left: 50% !important;

    width: auto !important;
    height: 76px !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
}

.navigation-top-fixed .menu-menu-do-topo-container ul {
    height: 76px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 32px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.navigation-top-fixed .menu-menu-do-topo-container li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.navigation-top-fixed .menu-menu-do-topo-container a {
    display: block;

    padding: 29px 0 27px !important;

    color: #f3dfb6 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;

    letter-spacing: .55px;

    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        color .20s ease,
        opacity .20s ease !important;
}

/* sem aumento antigo de fonte */
.navigation-top-fixed .menu-menu-do-topo-container a:hover {
    color: #ffffff !important;
    font-size: 14px !important;
}

.navigation-top-fixed .menu-menu-do-topo-container .current-menu-item > a {
    color: #ff5b59 !important;
}

/* redes sociais */
.navigation-top-fixed .khalid-sociais {
    position: absolute !important;

    top: 50% !important;
    right: 218px !important;

    transform: translateY(-50%);

    display: flex !important;
    align-items: center;
    gap: 10px;
}

.navigation-top-fixed .khalid-sociais img {
    width: 25px !important;
    height: 25px !important;
    max-height: 25px !important;

    opacity: .94;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.navigation-top-fixed .khalid-sociais a:hover img {
    opacity: 1;
    transform: translateY(-2px);
}

/* telefone/delivery */
.navigation-top-fixed .delivery-menu-fixo {
    display: block !important;

    position: absolute !important;

    top: 50% !important;
    right: 28px !important;

    transform: translateY(-50%) !important;

    width: auto !important;
    max-height: 64px !important;
}

/* linha superior */
.header-azul-line {
    display: none !important;
}


/* ==========================================================
   03. BANNER PRINCIPAL
   ========================================================== */

.khalid-site-header {
    min-height: 285px !important;
    max-height: none !important;

    background-size: cover !important;
    background-position: center 55% !important;

    border: 0 !important;
}

/* segundo hero permanece removido */
.cardapio-hero {
    display: none !important;
}


/* ==========================================================
   04. MENU DE CATEGORIAS
   ========================================================== */

.cardapio-categorias {
    box-sizing: border-box;

    width: calc(100% - 40px) !important;
    max-width: 1080px !important;

    min-height: 58px;

    display: flex !important;
    align-items: center !important;

    gap: 8px !important;

    margin: 0 auto 4px !important;
    padding: 7px !important;

    background: rgba(255,253,248,.98) !important;

    border: 1px solid rgba(80,45,28,.06) !important;
    border-radius: 13px !important;

    box-shadow:
        0 5px 12px rgba(50,30,20,.07),
        0 10px 26px rgba(50,30,20,.08) !important;

    z-index: 9998 !important;
}

/* itens */
.cardapio-categorias a,
.cardapio-categorias a:first-child {
    position: relative;

    flex: 1 1 0 !important;

    min-height: 44px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 10px 14px !important;

    background: #f2ece4 !important;
    color: #39271f !important;

    border: 0 !important;
    border-radius: 8px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    transition:
        background-color .24s ease,
        color .24s ease,
        transform .24s ease !important;
}

/* selecionado */
.cardapio-categorias a.categoria-ativa,
.cardapio-categorias a.categoria-ativa:first-child {
    background: var(--gaucho-vermelho) !important;
    color: #fff !important;
}

.cardapio-categorias a.categoria-ativa::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: 5px;

    width: 28px;
    height: 2px;

    transform: translateX(-50%);

    border-radius: 2px;

    background: rgba(255,255,255,.80);
}

.cardapio-categorias a:hover {
    background: #a8161d !important;
    color: #fff !important;
}

/* versão fixa */
.cardapio-categorias.categorias-fixas {
    position: fixed !important;

    top: 76px !important;
    left: 50% !important;

    width: min(calc(100% - 40px), 1080px) !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;

    border-radius: 0 0 13px 13px !important;

    animation:
        categoriasFinalPremium .38s cubic-bezier(.22,.61,.36,1)
        both !important;
}

@keyframes categoriasFinalPremium {

    0% {
        transform: translate(-50%, -32px);
        opacity: 0;
    }

    60% {
        transform: translate(-50%, 2px);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, 0);
        opacity: 1;
    }
}


/* ==========================================================
   05. SEÇÕES
   ========================================================== */

.cardapio-conteudo {
    width: 100%;
}

.cardapio-secao {
    box-sizing: border-box;

    width: 100%;

    padding:
        2px
        max(4%, calc((100% - 1400px) / 2))
        55px !important;

    scroll-margin-top: 155px !important;
}

.cardapio-secao-alternada {
    background: var(--gaucho-bege) !important;
}

/* título */
.secao-titulo {
    max-width: 1400px !important;

    margin: 0 auto 8px !important;
}

.secao-titulo span {
    display: none !important;
}

.secao-titulo h2 {
    margin: 0 !important;

    color: #721316 !important;

    font-family: Georgia, serif !important;

    font-size: 38px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
}

/* subtítulos internos */
.novo-cardapio .cardapio-produtos > h1 {
    width: 100%;

    margin: 13px 0 18px !important;
    padding: 0 0 9px !important;

    color: #322019 !important;

    font-family: Georgia, serif !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    border-bottom: 1px solid #d8c7b3 !important;
}


/* ==========================================================
   06. GRADE
   ========================================================== */

.cardapio-produtos {
    width: 100%;
    max-width: 1400px !important;

    margin: 0 auto !important;

    display: flex !important;
    flex-wrap: wrap !important;

    gap: 20px !important;

    align-items: stretch !important;
}


/* ==========================================================
   07. CARDS
   ========================================================== */

.novo-cardapio .pizza-menu {
    box-sizing: border-box;

    width: calc(25% - 15px) !important;
    min-height: 345px !important;

    display: flex !important;
    flex-direction: column !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: var(--gaucho-card) !important;

    border: 1px solid var(--gaucho-borda) !important;
    border-radius: 13px !important;

    box-shadow:
        0 3px 7px rgba(45,26,17,.04),
        0 9px 22px rgba(45,26,17,.06) !important;

    transform: none;

    transition:
        box-shadow .25s ease !important;
}

.novo-cardapio .pizza-menu:hover {
    transform: none !important;

    box-shadow:
        0 5px 10px rgba(45,26,17,.06),
        0 13px 28px rgba(45,26,17,.09) !important;
}


/* ==========================================================
   08. FOTOS
   ========================================================== */

.novo-cardapio .pizza-menu .pizza-foto {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 16 / 9 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #ede5dc !important;

    border-radius: 13px 13px 0 0 !important;
}

.novo-cardapio .pizza-menu .pizza-foto img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: scale(1) !important;

    transition:
        transform .30s ease !important;
}

.novo-cardapio .pizza-menu:hover .pizza-foto img {
    transform: scale(1.02) !important;
}


/* ==========================================================
   09. INFORMAÇÕES DO PRODUTO
   ========================================================== */

.novo-cardapio .pizza-menu .pizza-desc {
    box-sizing: border-box;

    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;

    margin: 0 !important;
    padding: 15px 16px 17px !important;
}

.novo-cardapio .pizza-menu .pizza-desc-head h3 {
    margin: 0 0 7px !important;

    color: #271814 !important;

    font-family: Georgia, serif !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

.novo-cardapio .pizza-menu .pizza-desc-head div {
    min-height: 35px !important;

    margin-bottom: 10px !important;

    color: #706057 !important;

    font-size: 11px !important;
    line-height: 1.45 !important;
}


/* ==========================================================
   10. PREÇOS
   ========================================================== */

.novo-cardapio .pizza-desc-body {
    width: 100% !important;

    display: flex !important;
    align-items: flex-end !important;

    gap: 14px !important;

    margin-top: auto !important;
    padding-top: 11px !important;

    border-top: 1px solid #eee4da !important;
}

.novo-cardapio .pizza-desc-body .tamanho {
    margin-bottom: 3px;

    color: #8b776b !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: .4px;

    text-transform: uppercase;
}

.novo-cardapio .pizza-desc-body .preco {
    color: #bc1720 !important;

    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}


/* ==========================================================
   11. BEBIDAS
   ========================================================== */

.bebidas-grid {
    width: 100%;
    max-width: 1400px !important;

    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;

    gap: 20px !important;
}

.bebida-card {
    min-height: 300px;

    display: flex;
    flex-direction: column;

    overflow: hidden;

    background: var(--gaucho-card) !important;

    border: 1px solid var(--gaucho-borda) !important;
    border-radius: 13px !important;

    box-shadow:
        0 3px 7px rgba(45,26,17,.04),
        0 9px 22px rgba(45,26,17,.06) !important;
}

.bebida-card img {
    width: 100% !important;
    height: 180px !important;

    padding: 12px !important;

    object-fit: contain !important;

    background: #fffdf9 !important;
}

.bebida-card div {
    flex: 1;

    padding: 15px 16px 17px !important;
}

.bebida-card h3 {
    margin: 0 0 7px !important;

    color: #271814 !important;

    font-family: Georgia, serif !important;

    font-size: 16px !important;
}

.bebida-card p {
    margin: 0 !important;

    color: #706057 !important;

    font-size: 11px !important;
    line-height: 1.5 !important;
}


/* ==========================================================
   12. EFEITO DE ATENÇÃO
   ========================================================== */

/* página nunca pisca */
.cardapio-secao.categoria-destaque {
    animation: none !important;
    box-shadow: none !important;
}

/* preserva os fundos */
.cardapio-secao:not(.cardapio-secao-alternada).categoria-destaque {
    background: var(--gaucho-creme) !important;
}

.cardapio-secao.cardapio-secao-alternada.categoria-destaque {
    background: var(--gaucho-bege) !important;
}

/* só os produtos tremem */
.cardapio-secao.categoria-destaque .pizza-menu,
.cardapio-secao.categoria-destaque .bebida-card {
    animation: tremorProdutoFinal .62s ease-in-out 1 !important;
}

@keyframes tremorProdutoFinal {

    0%   { transform: translateX(0); }
    18%  { transform: translateX(-3px); }
    36%  { transform: translateX(3px); }
    54%  { transform: translateX(-2px); }
    72%  { transform: translateX(2px); }
    100% { transform: translateX(0); }
}


/* ==========================================================
   13. TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .navigation-top-fixed .menu-menu-do-topo-container ul {
        gap: 20px !important;
    }

    .navigation-top-fixed .khalid-sociais {
        display: none !important;
    }

    .navigation-top-fixed .delivery-menu-fixo {
        right: 16px !important;
    }

    .novo-cardapio .pizza-menu {
        width: calc(33.333% - 14px) !important;
    }

    .bebidas-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}


/* ==========================================================
   14. TABLET PEQUENO
   ========================================================== */

@media (max-width: 850px) {

    .navigation-top-fixed .khalid-logo {
        left: 18px !important;
    }

    .navigation-top-fixed .delivery-menu-fixo {
        display: none !important;
    }

    .novo-cardapio .pizza-menu {
        width: calc(50% - 10px) !important;
    }

    .bebidas-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}


/* ==========================================================
   15. CELULAR
   ========================================================== */

@media (max-width: 700px) {

    body {
        padding-top: 64px !important;
    }

    .navigation-top-fixed {
        height: 64px !important;
        min-height: 64px !important;
    }

    .navigation-top-fixed .khalid-logo {
        top: 50% !important;
        left: 12px !important;
    }

    .navigation-top-fixed .khalid-logo img {
        height: 40px !important;
        max-height: 40px !important;
    }

    .navigation-top-fixed .menu-menu-do-topo-container {
        display: none !important;
    }

    .khalid-site-header {
        min-height: 220px !important;
    }

    /* categorias horizontais */
    .cardapio-categorias,
    .cardapio-categorias.categorias-fixas {
        width: 100% !important;
        max-width: none !important;

        left: 0 !important;

        transform: none !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        gap: 6px !important;

        padding: 7px 10px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        border-radius: 0 !important;

        scrollbar-width: none;
    }

    .cardapio-categorias.categorias-fixas {
        top: 64px !important;
    }

    .cardapio-categorias::-webkit-scrollbar {
        display: none;
    }

    .cardapio-categorias a,
    .cardapio-categorias a:first-child {
        flex: 0 0 auto !important;

        min-width: 105px !important;
        min-height: 42px;

        padding: 9px 14px !important;
    }

    .cardapio-secao {
        padding:
            2px
            14px
            42px !important;

        scroll-margin-top: 125px !important;
    }

    .secao-titulo h2 {
        font-size: 31px !important;
    }

    .novo-cardapio .pizza-menu {
        width: 100% !important;
        min-height: 0 !important;
    }

    .novo-cardapio .pizza-menu .pizza-foto {
        aspect-ratio: 16 / 10 !important;
    }

    .bebidas-grid {
        grid-template-columns: 1fr !important;
    }
}


/* ==========================================================
   16. ACESSIBILIDADE
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }

    .cardapio-categorias.categorias-fixas,
    .cardapio-secao.categoria-destaque .pizza-menu,
    .cardapio-secao.categoria-destaque .bebida-card {
        animation: none !important;
    }

    .novo-cardapio .pizza-menu .pizza-foto img {
        transition: none !important;
    }
}


/* ======================================================
   HERO PREMIUM - SABOR GAUCHO
   ====================================================== */

.cardapio-hero {
    display: flex !important;
    align-items: center !important;

    position: relative;

    width: 100%;
    min-height: 410px;

    overflow: hidden;

    background:
        linear-gradient(
            90deg,
            rgba(45,20,12,.88) 0%,
            rgba(45,20,12,.72) 34%,
            rgba(45,20,12,.34) 58%,
            rgba(45,20,12,.10) 100%
        ),
        url('../images/header.jpg') center center / cover no-repeat !important;
}

.cardapio-hero-overlay {
    box-sizing: border-box;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 64px 7% 78px;

    text-align: left !important;
}

.cardapio-kicker {
    display: block !important;

    max-width: 540px;

    margin-bottom: 14px;

    color: #e5c17f !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: 2.3px !important;

    text-transform: uppercase;
}

.cardapio-hero h1 {
    max-width: 600px;

    margin: 0 !important;

    color: #fff !important;

    font-family: Georgia, serif !important;

    font-size: 60px !important;
    font-weight: 400 !important;
    line-height: .98 !important;

    text-shadow: 0 3px 14px rgba(0,0,0,.28);
}

.cardapio-hero h1 strong {
    display: block;

    color: #e5b861;

    font-weight: 700 !important;
}

.cardapio-hero p {
    max-width: 520px;

    margin: 20px 0 0 !important;

    color: rgba(255,255,255,.92) !important;

    font-size: 14px !important;
    line-height: 1.6 !important;
}

.cardapio-hero-botao {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 44px;

    margin-top: 24px;
    padding: 0 24px;

    background: #b71922;

    color: #fff !important;

    border-radius: 8px;

    box-shadow: 0 8px 22px rgba(75,10,15,.26);

    font-size: 12px !important;
    font-weight: 800 !important;

    letter-spacing: .7px;

    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color .22s ease,
        transform .22s ease,
        box-shadow .22s ease;
}

.cardapio-hero-botao:hover {
    background: #94151b;

    transform: translateY(-2px);

    box-shadow: 0 11px 26px rgba(75,10,15,.32);
}

/* barra de categorias encaixada sobre o hero */
.cardapio-categorias {
    margin-top: -29px !important;
}

/* celular */
@media (max-width: 700px) {

    .cardapio-hero {
        min-height: 365px;

        background-position: 62% center !important;
    }

    .cardapio-hero-overlay {
        padding: 50px 22px 72px;
    }

    .cardapio-hero h1 {
        max-width: 330px;

        font-size: 42px !important;
    }

    .cardapio-hero p {
        max-width: 320px;

        font-size: 13px !important;
    }

    .cardapio-hero-botao {
        min-height: 42px;

        padding: 0 20px;
    }
}


/* ======================================================
   REMOVE A IMAGEM ANTIGA DO HEADER
   MANTÉM APENAS O HERO PREMIUM
   ====================================================== */

.khalid-site-header {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    background: none !important;
}

/* garante que o hero comece logo abaixo do header fixo */
.cardapio-hero {
    margin-top: 0 !important;
}

/* ajusta a barra de categorias encaixada no hero */
.cardapio-categorias {
    margin-top: -29px !important;
}


/* ======================================================
   HOME PREMIUM 2026 - HERO
   ====================================================== */

.home-premium {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #faf7f1;
    color: #33231d;
}

.home-hero {
    position: relative;

    min-height: 520px;

    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(38,16,9,.90) 0%,
            rgba(38,16,9,.72) 38%,
            rgba(38,16,9,.24) 66%,
            rgba(38,16,9,.06) 100%
        ),
        url('../images/header.jpg') center 55% / cover no-repeat;

    overflow: hidden;
}

.home-hero-overlay {
    box-sizing: border-box;

    width: 100%;
    max-width: 1400px;

    margin: 0 auto;
    padding: 80px 7%;
}

.home-kicker {
    display: block;

    margin-bottom: 15px;

    color: #e4bf77;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: 2.3px;

    text-transform: uppercase;
}

.home-hero h1 {
    max-width: 620px;

    margin: 0;

    color: #fff;

    font-family: Georgia, serif;
    font-size: 66px;
    font-weight: 400;
    line-height: .96;

    text-shadow: 0 4px 16px rgba(0,0,0,.25);
}

.home-hero h1 strong {
    display: block;

    color: #e8bb61;

    font-weight: 700;
}

.home-hero p {
    max-width: 530px;

    margin: 24px 0 0;

    color: rgba(255,255,255,.92);

    font-size: 15px;
    line-height: 1.65;
}

.home-hero-acoes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;

    margin-top: 28px;
}

.home-btn {
    min-height: 46px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 25px;

    border-radius: 8px;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .6px;

    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        transform .22s ease,
        background-color .22s ease,
        box-shadow .22s ease;
}

.home-btn-primary {
    background: #b71922;
    color: #fff !important;

    box-shadow: 0 8px 22px rgba(82,8,14,.28);
}

.home-btn-primary:hover {
    background: #97141b;

    color: #fff !important;

    transform: translateY(-2px);
}

.home-btn-secondary {
    background: rgba(255,255,255,.10);

    color: #fff !important;

    border: 1px solid rgba(255,255,255,.55);

    backdrop-filter: blur(5px);
}

.home-btn-secondary:hover {
    background: #fff;
    color: #68191c !important;

    transform: translateY(-2px);
}


/* ======================================================
   HOME - REMOVE ELEMENTOS ANTIGOS DO HEADER
   ====================================================== */

/* remove elementos decorativos antigos somente na HOME */
body.home .PizzaGaucha-pizzaiolo,
body.home .PizzaGaucha-suco-laranja,
body.home .facebook-header-home,
body.home .instagram-header-home,
body.home .PizzaGaucha-delivery.home {
    display: none !important;
}

/* elimina a área antiga do banner da home */
body.home .khalid-site-header {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    overflow: visible !important;
}

/* hero ocupa sozinho a abertura visual */
body.home .home-hero {
    margin: 0 !important;
}

/* ======================================================
   HOME - QUEM SOMOS
   ====================================================== */

.home-section {
    padding: 76px 6%;
}

.home-section-inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.home-duas-colunas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.home-section-kicker {
    display: block;
    margin-bottom: 10px;
    color: #a06e45;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-texto h2,
.home-section-heading h2 {
    margin: 0 0 20px;
    color: #741518;
    font-family: Georgia, serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1.08;
}

.home-texto p {
    max-width: 580px;
    margin: 0 0 15px;
    color: #66564d;
    font-size: 15px;
    line-height: 1.7;
}

.home-link {
    display: inline-block;
    margin-top: 10px;
    color: #a9171e !important;
    font-weight: 700;
    text-decoration: none !important;
}

.home-imagem-destaque {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 16px 34px rgba(55,30,20,.14);
}

.home-imagem-destaque img {
    display: block;
    width: 100%;
    height: 390px;
    object-fit: cover;
}

/* celular */
@media (max-width: 700px) {

    .home-section {
        padding: 48px 18px;
    }

    .home-duas-colunas {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .home-texto h2,
    .home-section-heading h2 {
        font-size: 33px;
    }

    .home-imagem-destaque img {
        height: 260px;
    }
}


/* ======================================================
   HOME - LIMPEZA DEFINITIVA DO HEADER ANTIGO
   ====================================================== */

/* estes elementos só são inseridos pelo PHP na HOME */
.PizzaGaucha-pizzaiolo,
.PizzaGaucha-suco-laranja,
.facebook-header-home,
.instagram-header-home,
.PizzaGaucha-delivery.home {
    display: none !important;
}

/* remove completamente a área visual antiga da HOME */
.khalid-site-header.home {
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    overflow: visible !important;
}

/* o hero novo começa imediatamente após o header premium */
.home-premium {
    margin-top: 0 !important;
}

.home-hero {
    margin-top: 0 !important;
}

/* pequena correção de leitura no texto principal */
.home-hero-overlay {
    position: relative;
    z-index: 2;
}

.home-hero h1,
.home-hero p,
.home-kicker,
.home-hero-acoes {
    position: relative;
    z-index: 3;
}


/* ======================================================
   HOME - LIMPEZA FINAL DO TOPO ANTIGO
   ====================================================== */

/* remove branding antigo que ainda fica sobre o hero */
.khalid-site-header.home .site-branding.home,
.khalid-site-header.home .site-branding,
.khalid-site-header.home .custom-logo-link,
.khalid-site-header.home .custom-logo {
    display: none !important;
}

/* garante que nada do header antigo invada o hero */
.khalid-site-header.home {
    pointer-events: none !important;
}

.navigation-top-fixed {
    pointer-events: auto !important;
}

/* ======================================================
   HOME - ACABAMENTO HERO
   ====================================================== */

.home-hero-overlay {
    padding-top: 72px !important;
    padding-bottom: 78px !important;
}

.home-hero h1 {
    letter-spacing: -1px;
}

.home-hero p {
    margin-top: 20px !important;
}

/* transição mais elegante para a próxima seção */
.home-quem-somos {
    position: relative;
    background: #faf7f1;
    border-top: 1px solid rgba(90,55,35,.07);
}


/* ======================================================
   HOME - DESTAQUES DA CASA NO PADRAO DA REFERENCIA
   ====================================================== */

.home-destaques {
    padding: 34px 5% !important;
    background: #f7f0e5 !important;
    border-top: 1px solid #e4d5c3;
    border-bottom: 1px solid #e4d5c3;
}

.home-destaques .home-section-inner {
    max-width: 1440px !important;

    display: grid;
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 26px;

    align-items: stretch;
}

/* bloco de texto à esquerda */
.home-destaques .home-section-heading {
    margin: 0 !important;
    padding: 10px 4px 0 0;

    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.home-destaques .home-section-kicker {
    margin-bottom: 5px;

    color: #b11b22 !important;

    font-size: 10px !important;
    letter-spacing: 1.5px !important;
}

.home-destaques .home-section-heading h2 {
    margin: 0 0 12px !important;

    color: #68191c !important;

    font-family: Georgia, serif !important;
    font-size: 31px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
}

.home-destaques .home-section-heading p {
    max-width: 200px;

    margin: 0 !important;

    color: #78665c !important;

    font-size: 11px !important;
    line-height: 1.55 !important;

    text-transform: uppercase;
    letter-spacing: .4px;
}

/* grade dos quatro produtos */
.home-destaques-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

/* cards mais compactos como na referência */
.home-destaque-card {
    min-width: 0;

    overflow: hidden;

    background: #fffdf9 !important;

    border: 1px solid #ddcfbf !important;
    border-radius: 5px !important;

    box-shadow: 0 3px 9px rgba(50,30,20,.07) !important;
}

.home-destaque-card img {
    width: 100% !important;
    height: 115px !important;

    display: block;

    object-fit: cover !important;
    object-position: center !important;
}

.home-destaque-card > div {
    padding: 9px 10px 11px !important;
}

.home-destaque-card span {
    display: block;

    margin-bottom: 3px;

    color: #a66d43 !important;

    font-size: 8px !important;
    font-weight: 800 !important;

    letter-spacing: .8px !important;
    text-transform: uppercase;
}

.home-destaque-card h3 {
    margin: 0 0 4px !important;

    color: #2e1c16 !important;

    font-family: Georgia, serif !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
}

.home-destaque-card p {
    margin: 0 !important;

    color: #74635a !important;

    font-size: 9px !important;
    line-height: 1.35 !important;
}

/* botão abaixo dos destaques */
.home-destaques .home-center {
    grid-column: 2;
    margin-top: 14px !important;
    text-align: right !important;
}

.home-destaques .home-center .home-btn {
    min-height: 34px;
    padding: 0 17px;

    font-size: 9px !important;
    border-radius: 5px;
}

/* tablet */
@media (max-width: 1050px) {

    .home-destaques .home-section-inner {
        grid-template-columns: 1fr;
    }

    .home-destaques .home-section-heading p {
        max-width: 500px;
    }

    .home-destaques .home-center {
        grid-column: 1;
        text-align: center !important;
    }

    .home-destaques-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* celular */
@media (max-width: 600px) {

    .home-destaques {
        padding: 30px 16px !important;
    }

    .home-destaques-grid {
        grid-template-columns: 1fr !important;
    }

    .home-destaque-card img {
        height: 190px !important;
    }

    .home-destaques .home-section-heading h2 {
        font-size: 28px !important;
    }
}


/* PREÇOS DOS DESTAQUES DA HOME */

.home-destaque-preco {
    display: block;
    margin-top: 8px;

    color: #bd1720;
    font-size: 15px;
    font-weight: 800;
}

.home-destaque-precos {
    display: flex;
    gap: 18px;

    margin-top: 8px;
    padding-top: 8px;

    border-top: 1px solid #eee3d7;
}

.home-destaque-precos div {
    display: flex;
    flex-direction: column;
}

.home-destaque-precos small {
    margin-bottom: 2px;

    color: #8b7769;
    font-size: 8px;
    font-weight: 700;

    text-transform: uppercase;
}

.home-destaque-precos strong {
    color: #bd1720;

    font-size: 14px;
    font-weight: 800;
}


/* ======================================================
   DESTAQUES PREMIUM DA HOME
   ====================================================== */

.home-destaques-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.home-destaque-card-premium {
    position: relative !important;
    min-height: 300px !important;
    overflow: hidden !important;

    padding: 0 !important;

    border: 0 !important;
    border-radius: 16px !important;

    background: #1b0b07 !important;

    box-shadow:
        0 8px 20px rgba(50,25,15,.10),
        0 16px 34px rgba(50,25,15,.12) !important;
}

.home-destaque-card-premium img {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center !important;

    transition:
        transform .4s ease,
        filter .4s ease !important;
}

/* degradê para leitura do texto */
.home-destaque-card-premium::after {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    background: linear-gradient(
        180deg,
        rgba(20,8,5,.02) 20%,
        rgba(20,8,5,.10) 42%,
        rgba(20,8,5,.62) 72%,
        rgba(20,8,5,.94) 100%
    );
}

/* efeito suave */
.home-destaque-card-premium:hover img {
    transform: scale(1.045) !important;
    filter: saturate(1.08) contrast(1.02);
}

/* texto dentro da imagem */
.home-destaque-overlay-box {
    position: absolute !important;

    left: 0;
    right: 0;
    bottom: 0;

    z-index: 2;

    padding: 18px 18px 20px !important;
}

.home-destaque-overlay-box span {
    display: block;

    margin-bottom: 6px;

    color: #efc16e !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: 1.3px !important;

    text-transform: uppercase;
}

.home-destaque-overlay-box h3 {
    margin: 0 0 5px !important;

    color: #fff !important;

    font-family: Georgia, serif !important;

    font-size: 23px !important;
    font-weight: 700 !important;

    line-height: 1.08 !important;
}

.home-destaque-overlay-box p {
    margin: 0 !important;

    color: rgba(255,255,255,.90) !important;

    font-size: 11px !important;
    line-height: 1.45 !important;
}

/* garante ausência de preços nos destaques */
.home-destaque-preco,
.home-destaque-precos {
    display: none !important;
}


/* RESPONSIVO DOS DESTAQUES */

@media (max-width: 1050px) {

    .home-destaques-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 650px) {

    .home-destaques-grid {
        grid-template-columns: 1fr !important;
    }

    .home-destaque-card-premium {
        min-height: 270px !important;
    }

    .home-destaque-overlay-box h3 {
        font-size: 21px !important;
    }
}


/* AJUSTE FINO DAS FOTOS DOS DESTAQUES */

.home-destaque-card-premium img {
    filter: brightness(.82) contrast(.92) saturate(.90) !important;
    transform: scale(1.015) !important;
}

.home-destaque-card-premium:hover img {
    filter: brightness(.87) contrast(.94) saturate(.94) !important;
    transform: scale(1.035) !important;
}

.home-destaque-card-premium:nth-child(1) img {
    object-position: center center !important;
}

.home-destaque-card-premium:nth-child(2) img {
    object-position: center 35% !important;
}

.home-destaque-card-premium:nth-child(3) img {
    object-position: center center !important;
}

.home-destaque-card-premium:nth-child(4) img {
    object-position: center center !important;
}


/* DESTAQUES DA CASA - REFINAMENTO PREMIUM FINAL */

.home-destaques {
    padding: 44px 5% 38px !important;
    background: linear-gradient(90deg,#f5ecdf,#faf7f1) !important;
}

.home-destaques .home-section-inner {
    max-width: 1480px !important;
    grid-template-columns: 235px minmax(0,1fr) !important;
    gap: 26px !important;
}

.home-destaques .home-section-heading h2 {
    color: #68191c !important;
    font-family: Georgia,serif !important;
    font-size: 31px !important;
    line-height: 1.05 !important;
}

.home-destaques .home-section-heading p {
    max-width: 210px !important;
    color: #776157 !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
    text-transform: uppercase;
}

.home-destaques-grid {
    gap: 16px !important;
}

.home-destaque-card-premium {
    min-height: 325px !important;
    border-radius: 13px !important;
    box-shadow: 0 12px 30px rgba(50,28,18,.14) !important;
}

.home-destaque-card-premium img {
    filter: brightness(.80) contrast(.92) saturate(.88) !important;
    transform: scale(1.01) !important;
}

.home-destaque-card-premium:hover img {
    filter: brightness(.86) contrast(.94) saturate(.92) !important;
    transform: scale(1.04) !important;
}

.home-destaque-card-premium::after {
    background: linear-gradient(
        180deg,
        rgba(25,10,6,.02) 15%,
        rgba(25,10,6,.08) 40%,
        rgba(25,10,6,.44) 68%,
        rgba(25,10,6,.94) 100%
    ) !important;
}

.home-destaque-overlay-box {
    padding: 20px 18px 19px !important;
}

.home-destaque-overlay-box h3 {
    font-size: 23px !important;
}

.home-destaque-overlay-box p {
    font-size: 10px !important;
}

.home-destaques .home-center {
    grid-column: 2 !important;
    margin-top: 0 !important;
    text-align: right !important;
}

.home-destaques .home-center .home-btn {
    min-height: 38px !important;
    border-radius: 6px !important;
    padding: 0 19px !important;
    font-size: 9px !important;
}


/* ======================================================
   HOME - AJUSTE GLOBAL DE PROPORCAO E ESPACAMENTO
   ====================================================== */

/* HERO mais presente */
.home-hero {
    min-height: 470px !important;
}

.home-hero-overlay {
    max-width: 1500px !important;
    padding: 62px 6% 70px !important;
}

.home-hero h1 {
    font-size: 64px !important;
    max-width: 650px !important;
}

.home-hero p {
    max-width: 560px !important;
}

/* QUEM SOMOS mais equilibrado */
.home-section {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
}

.home-duas-colunas {
    grid-template-columns: 1.05fr .95fr !important;
    gap: 52px !important;
}

.home-texto h2 {
    font-size: 40px !important;
}

.home-imagem-destaque img {
    height: 340px !important;
}

/* DESTAQUES maior e mais importante */
.home-destaques {
    padding-top: 38px !important;
    padding-bottom: 32px !important;
}

.home-destaques .home-section-inner {
    max-width: 1540px !important;
    grid-template-columns: 220px minmax(0,1fr) !important;
    gap: 22px !important;
}

.home-destaques-grid {
    gap: 14px !important;
}

.home-destaque-card-premium {
    min-height: 340px !important;
}

.home-destaque-overlay-box h3 {
    font-size: 24px !important;
}

.home-destaques .home-center {
    margin-top: 10px !important;
}

.home-destaques .home-center .home-btn {
    min-height: 40px !important;
    padding: 0 22px !important;
    font-size: 10px !important;
}

/* deixa o botão mais integrado */
.home-destaques .home-center {
    text-align: left !important;
}

/* desktop grande */
@media (min-width: 1400px) {
    .home-destaque-card-premium {
        min-height: 350px !important;
    }
}


/* ======================================================
   HOME - QUEM SOMOS PREMIUM
   ====================================================== */

.home-quem-somos {
    padding: 58px 6% 54px !important;
    background: #faf7f1 !important;
}

.home-quem-somos .home-section-inner {
    max-width: 1420px !important;
}

.home-duas-colunas {
    display: grid !important;
    grid-template-columns: .95fr 1.05fr !important;
    gap: 54px !important;
    align-items: center !important;
}

.home-texto {
    max-width: 590px;
}

.home-texto .home-section-kicker {
    margin-bottom: 12px !important;
    color: #9f6b42 !important;
    font-size: 10px !important;
    letter-spacing: 1.8px !important;
}

.home-texto h2 {
    margin: 0 0 18px !important;
    color: #71171b !important;
    font-family: Georgia, serif !important;
    font-size: 38px !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
}

.home-texto p {
    max-width: 560px !important;
    margin: 0 0 12px !important;
    color: #67564d !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.home-link {
    position: relative;
    display: inline-block;
    margin-top: 8px !important;
    padding-bottom: 4px;
    color: #b01920 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

.home-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42%;
    height: 2px;
    background: #b01920;
    transition: width .25s ease;
}

.home-link:hover::after {
    width: 100%;
}

.home-imagem-destaque {
    position: relative;
    overflow: hidden;
    border-radius: 16px !important;
    box-shadow:
        0 8px 18px rgba(52,30,20,.08),
        0 18px 36px rgba(52,30,20,.12) !important;
}

.home-imagem-destaque::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 16px;
    pointer-events: none;
}

.home-imagem-destaque img {
    width: 100% !important;
    height: 360px !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: brightness(.93) contrast(.96) saturate(.94);
    transition: transform .45s ease;
}

.home-imagem-destaque:hover img {
    transform: scale(1.025);
}

@media (max-width: 800px) {
    .home-duas-colunas {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    .home-texto h2 {
        font-size: 31px !important;
    }

    .home-imagem-destaque img {
        height: 270px !important;
    }
}


/* ======================================================
   HOME MAIS COMPACTA
   ====================================================== */

/* HERO */
.home-hero {
    min-height: 390px !important;
}

.home-hero-overlay {
    padding: 48px 6% 54px !important;
}

.home-hero h1 {
    font-size: 54px !important;
}

.home-hero p {
    margin-top: 16px !important;
}

.home-hero-acoes {
    margin-top: 20px !important;
}

/* SEÇÕES GERAIS */
.home-section {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

/* QUEM SOMOS */
.home-quem-somos {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
}

.home-duas-colunas {
    gap: 38px !important;
}

.home-texto h2 {
    font-size: 34px !important;
    margin-bottom: 14px !important;
}

.home-texto p {
    margin-bottom: 9px !important;
}

.home-imagem-destaque img {
    height: 300px !important;
}

/* DESTAQUES */
.home-destaques {
    padding-top: 30px !important;
    padding-bottom: 28px !important;
}

.home-destaque-card-premium {
    min-height: 285px !important;
}

.home-destaques .home-center {
    margin-top: 6px !important;
}

/* EVENTOS */
.home-eventos {
    min-height: 310px !important;
}

.home-eventos-overlay {
    padding: 48px 24px !important;
}

.home-eventos h2 {
    font-size: 38px !important;
}

/* VISITE */
.home-visite {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

@media (max-width: 700px) {

    .home-hero {
        min-height: 340px !important;
    }

    .home-hero h1 {
        font-size: 42px !important;
    }

    .home-section {
        padding-top: 34px !important;
        padding-bottom: 34px !important;
    }

    .home-imagem-destaque img {
        height: 240px !important;
    }
}


/* ======================================================
   HOME - REFINAMENTO PREMIUM / PRIMEIRA DOBRA
   ====================================================== */

/* HERO mais compacto e elegante */
.home-hero {
    min-height: 360px !important;
}

.home-hero-overlay {
    max-width: 1460px !important;
    padding: 44px 6% 48px !important;
}

.home-kicker {
    margin-bottom: 10px !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
}

.home-hero h1 {
    max-width: 600px !important;
    font-size: 50px !important;
    line-height: .98 !important;
}

.home-hero p {
    max-width: 500px !important;
    margin-top: 14px !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.home-hero-acoes {
    margin-top: 18px !important;
    gap: 10px !important;
}

.home-hero .home-btn {
    min-height: 40px !important;
    padding: 0 20px !important;
    font-size: 10px !important;
}


/* ======================================================
   QUEM SOMOS - MAIS COMPACTO E EDITORIAL
   ====================================================== */

.home-quem-somos {
    padding: 38px 6% 40px !important;
}

.home-quem-somos .home-section-inner {
    max-width: 1380px !important;
}

.home-duas-colunas {
    grid-template-columns: 1.08fr .92fr !important;
    gap: 42px !important;
    align-items: center !important;
}

.home-texto {
    max-width: 610px !important;
}

.home-texto .home-section-kicker {
    margin-bottom: 8px !important;
    font-size: 9px !important;
}

.home-texto h2 {
    margin: 0 0 13px !important;
    font-size: 32px !important;
    line-height: 1.08 !important;
}

.home-texto p {
    margin-bottom: 8px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.home-link {
    margin-top: 5px !important;
    font-size: 12px !important;
}


/* imagem mais refinada e menos dominante */
.home-imagem-destaque {
    border-radius: 14px !important;
}

.home-imagem-destaque img {
    height: 275px !important;
    object-fit: cover !important;
    object-position: center 45% !important;
    filter: brightness(.91) contrast(.95) saturate(.92) !important;
}


/* linha editorial sutil entre texto e imagem */
.home-texto {
    position: relative;
    padding-left: 18px;
}

.home-texto::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 3px;
    height: 58px;
    border-radius: 3px;
    background: linear-gradient(#a5161d,#c99345);
}


/* ======================================================
   AJUSTE MOBILE
   ====================================================== */

@media (max-width: 800px) {

    .home-hero {
        min-height: 320px !important;
    }

    .home-hero-overlay {
        padding: 38px 20px 42px !important;
    }

    .home-hero h1 {
        font-size: 40px !important;
    }

    .home-duas-colunas {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .home-quem-somos {
        padding: 32px 18px !important;
    }

    .home-imagem-destaque img {
        height: 230px !important;
    }
}


/* ======================================================
   HOME - DESTAQUES MAIS COMPACTOS
   ====================================================== */

.home-destaques {
    padding: 28px 5% 26px !important;
}

.home-destaques .home-section-inner {
    max-width: 1440px !important;
    grid-template-columns: 210px minmax(0,1fr) !important;
    gap: 20px !important;
}

.home-destaques .home-section-heading h2 {
    font-size: 28px !important;
    margin-bottom: 9px !important;
}

.home-destaques .home-section-heading p {
    font-size: 9px !important;
    line-height: 1.5 !important;
}

.home-destaques-grid {
    gap: 12px !important;
}

.home-destaque-card-premium {
    min-height: 265px !important;
}

.home-destaque-overlay-box {
    padding: 15px 15px 16px !important;
}

.home-destaque-overlay-box h3 {
    font-size: 20px !important;
}

.home-destaque-overlay-box p {
    font-size: 9px !important;
}

.home-destaques .home-center {
    margin-top: 4px !important;
}


/* ======================================================
   FOOTER PREMIUM - HOME
   ====================================================== */

.footer-premium-home {
    margin: 0 !important;
    padding: 0 !important;

    background:
        linear-gradient(
            135deg,
            #521014 0%,
            #651619 55%,
            #451014 100%
        ) !important;

    color: #f3e7d6 !important;

    border: 0 !important;
}

.footer-premium-inner {
    box-sizing: border-box;

    width: 100%;
    max-width: 1440px;

    margin: 0 auto;
    padding: 44px 5% 38px;

    display: grid;
    grid-template-columns: 1.35fr .75fr 1.15fr 1fr 1fr;
    gap: 38px;
    align-items: start;
}


/* LOGO */

.footer-premium-brand > img {
    width: 145px;
    height: auto;

    display: block;

    margin-bottom: 14px;

    filter: drop-shadow(0 4px 8px rgba(0,0,0,.18));
}

.footer-premium-brand > p {
    max-width: 240px;

    margin: 0 0 15px;

    color: rgba(255,247,233,.72);

    font-size: 11px;
    line-height: 1.55;
}


/* TÍTULOS */

.footer-premium-titulo {
    display: block;

    margin-bottom: 13px;

    color: #eac377;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 1.6px;

    text-transform: uppercase;
}

.footer-premium-coluna strong {
    display: block;

    margin-bottom: 3px;

    color: #fff8ec;

    font-size: 12px;
    font-weight: 700;
}

.footer-premium-coluna p {
    margin: 0 0 9px;

    color: rgba(255,247,233,.70);

    font-size: 10px;
    line-height: 1.5;
}


/* MENU */

.footer-premium-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-premium-menu a,
.footer-premium-contato > a {
    color: rgba(255,247,233,.78) !important;

    font-size: 11px;
    font-weight: 600;

    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease;
}

.footer-premium-menu a:hover,
.footer-premium-contato > a:hover {
    color: #fff !important;
    transform: translateX(2px);
}


/* REDES */

.footer-premium-social {
    display: flex;
    gap: 9px;
}

.footer-premium-social a {
    width: 30px;
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255,255,255,.08);

    border: 1px solid rgba(255,255,255,.10);
    border-radius: 50%;

    transition:
        background .2s ease,
        transform .2s ease;
}

.footer-premium-social a:hover {
    background: rgba(255,255,255,.16);
    transform: translateY(-2px);
}

.footer-premium-social img {
    width: 17px !important;
    height: 17px !important;

    object-fit: contain;
}


/* LINKS */

.footer-premium-link {
    color: #efc36f !important;

    font-size: 10px;
    font-weight: 800;

    text-decoration: none !important;
}

.footer-premium-contato {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-premium-contato > a {
    margin-bottom: 8px;
}


/* WHATSAPP */

.footer-premium-whatsapp {
    margin-top: 5px !important;
    padding: 9px 13px !important;

    background: rgba(255,255,255,.09);

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 6px;

    color: #fff !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: .5px;

    text-transform: uppercase;
}

.footer-premium-whatsapp:hover {
    background: #fff !important;
    color: #68191c !important;
}


/* LINHA FINAL */

.footer-premium-bottom {
    width: calc(100% - 10%);
    max-width: 1296px;

    margin: 0 auto;

    padding: 16px 0 20px;

    display: flex;
    justify-content: space-between;
    gap: 20px;

    border-top: 1px solid rgba(255,255,255,.10);

    color: rgba(255,247,233,.48);

    font-size: 9px;
}


/* RESPONSIVO */

@media (max-width: 1100px) {

    .footer-premium-inner {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

@media (max-width: 700px) {

    .footer-premium-inner {
        grid-template-columns: 1fr 1fr;

        padding: 34px 22px 28px;

        gap: 26px 20px;
    }

    .footer-premium-brand {
        grid-column: 1 / -1;
    }

    .footer-premium-bottom {
        width: calc(100% - 44px);

        flex-direction: column;

        gap: 4px;

        padding: 14px 0 18px;
    }
}

@media (max-width: 480px) {

    .footer-premium-inner {
        grid-template-columns: 1fr;
    }
}


/* ======================================================
   DESTAQUES DA CASA - REFINO PREMIUM FINAL
   ====================================================== */

/* cards mais refinados */
.home-destaque-card-premium {
    border-radius: 14px !important;
    border: 1px solid rgba(92, 57, 37, .12) !important;
    box-shadow:
        0 6px 14px rgba(45, 20, 12, .08),
        0 16px 34px rgba(45, 20, 12, .10) !important;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;
}

.home-destaque-card-premium:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(181, 29, 35, .18) !important;
    box-shadow:
        0 10px 20px rgba(45, 20, 12, .10),
        0 22px 42px rgba(45, 20, 12, .14) !important;
}

/* imagem base mais elegante */
.home-destaque-card-premium img {
    filter:
        brightness(.84)
        contrast(.98)
        saturate(.94) !important;
    transform: scale(1.02) !important;
}

/* hover sutil */
.home-destaque-card-premium:hover img {
    filter:
        brightness(.90)
        contrast(1.02)
        saturate(.98) !important;
    transform: scale(1.045) !important;
}

/* overlay mais refinado */
.home-destaque-card-premium::after {
    background:
        linear-gradient(
            180deg,
            rgba(25,10,6,.01) 18%,
            rgba(25,10,6,.05) 40%,
            rgba(25,10,6,.34) 66%,
            rgba(25,10,6,.88) 100%
        ) !important;
}

/* pizza com mais contraste e aparência melhor */
.home-destaque-card-premium:nth-child(1) img {
    object-position: center 50% !important;
    filter:
        brightness(.93)
        contrast(1.08)
        saturate(1.03) !important;
}

/* fatia de picanha levemente mais equilibrada */
.home-destaque-card-premium:nth-child(2) img {
    object-position: center 38% !important;
    filter:
        brightness(.86)
        contrast(1.00)
        saturate(.95) !important;
}

/* bife ancho com definição */
.home-destaque-card-premium:nth-child(3) img {
    object-position: center 44% !important;
    filter:
        brightness(.88)
        contrast(1.02)
        saturate(.96) !important;
}

/* sobremesa com mais elegância */
.home-destaque-card-premium:nth-child(4) img {
    object-position: center 46% !important;
    filter:
        brightness(.87)
        contrast(1.01)
        saturate(.97) !important;
}

/* texto mais premium */
.home-destaque-overlay-box {
    padding: 18px 17px 17px !important;
}

.home-destaque-overlay-box span {
    margin-bottom: 8px !important;
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
    color: #f1c774 !important;
}

.home-destaque-overlay-box h3 {
    margin: 0 0 6px !important;
    font-size: 19px !important;
    line-height: 1.08 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.30);
}

.home-destaque-overlay-box p {
    font-size: 11px !important;
    line-height: 1.42 !important;
    color: rgba(255,255,255,.92) !important;
}

/* bloco editorial da esquerda mais refinado */
.home-destaques .home-section-heading h2 {
    font-size: 34px !important;
    line-height: .98 !important;
}

.home-destaques .home-section-heading p {
    font-size: 11px !important;
    line-height: 1.65 !important;
    color: #7a655b !important;
}

/* botão mais proporcional */
.home-destaques .home-center .home-btn {
    min-height: 40px !important;
    padding: 0 21px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    letter-spacing: .75px !important;
}


/* ======================================================
   HEADER PREMIUM CLARO
   ====================================================== */

.navigation-top-fixed {
    height: 70px !important;
    min-height: 70px !important;

    background: rgba(250,247,241,.98) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(112,67,43,.12) !important;

    box-shadow: 0 4px 18px rgba(45,25,15,.06) !important;

    backdrop-filter: blur(10px);

    display: flex !important;
    align-items: center !important;
}

/* largura interna */
.navigation-top-fixed .center {
    width: 100% !important;
    max-width: 1480px !important;

    margin: 0 auto !important;
    padding: 0 36px !important;

    display: flex !important;
    align-items: center !important;
}

/* logo */
.navigation-top-fixed .khalid-logo {
    margin-right: auto !important;
}

.navigation-top-fixed .khalid-logo img {
    width: auto !important;
    max-width: 205px !important;
    max-height: 48px !important;

    object-fit: contain !important;
}

/* remove elementos antigos do topo */
.navigation-top-fixed .khalid-sociais,
.navigation-top-fixed .delivery-menu-fixo {
    display: none !important;
}

/* menu */
.navigation-top-fixed nav {
    margin-left: auto !important;
}

.navigation-top-fixed ul {
    display: flex !important;
    align-items: center !important;

    gap: 34px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.navigation-top-fixed li {
    margin: 0 !important;
}

.navigation-top-fixed li a {
    position: relative;

    padding: 25px 0 22px !important;

    color: #4b3028 !important;

    background: transparent !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    letter-spacing: .45px !important;

    text-transform: uppercase;

    text-decoration: none !important;

    transition: color .2s ease !important;
}

.navigation-top-fixed li a:hover {
    color: #a81820 !important;
}

/* item ativo */
.navigation-top-fixed .current-menu-item > a,
.navigation-top-fixed .current_page_item > a {
    color: #a81820 !important;
}

.navigation-top-fixed .current-menu-item > a::after,
.navigation-top-fixed .current_page_item > a::after {
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: 15px;

    height: 2px;

    background: #a81820;

    border-radius: 4px;
}

/* compensa o header fixo */
body {
    padding-top: 70px !important;
}

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

    .navigation-top-fixed {
        height: 64px !important;
        min-height: 64px !important;
    }

    .navigation-top-fixed .center {
        padding: 0 18px !important;
    }

    .navigation-top-fixed .khalid-logo img {
        max-width: 160px !important;
        max-height: 42px !important;
    }

    body {
        padding-top: 64px !important;
    }
}


/* HEADER CLARO - AJUSTE FINO DE CONTRASTE */

.navigation-top-fixed {
    background: #fbf7f0 !important;
    border-bottom: 1px solid #eadfd2 !important;
    box-shadow: 0 3px 14px rgba(56,31,20,.055) !important;
}

.navigation-top-fixed li a {
    color: #56362e !important;
    opacity: 1 !important;
}

.navigation-top-fixed li a:hover {
    color: #a71920 !important;
}

.navigation-top-fixed .current-menu-item > a,
.navigation-top-fixed .current_page_item > a {
    color: #b41920 !important;
}


/* ======================================================
   HOME - HEADER TRANSPARENTE PREMIUM
   ====================================================== */

body.home {
    padding-top: 0 !important;
}

/* estado inicial */
body.home .navigation-top-fixed {
    height: 72px !important;
    min-height: 72px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transition:
        background .30s ease,
        box-shadow .30s ease,
        backdrop-filter .30s ease !important;

    z-index: 9999 !important;
}

body.home .navigation-top-fixed .center {
    max-width: 1480px !important;
    padding: 0 28px !important;
}

/* logo */
body.home .navigation-top-fixed .khalid-logo img {
    max-width: 215px !important;
    max-height: 50px !important;

    filter: drop-shadow(0 2px 5px rgba(0,0,0,.28));
}

/* menu sobre a fotografia */
body.home .navigation-top-fixed li a {
    color: #fff8ee !important;
    opacity: 1 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-shadow: 0 1px 5px rgba(0,0,0,.35);
}

body.home .navigation-top-fixed li a:hover {
    color: #f2c36c !important;
}

body.home .navigation-top-fixed .current-menu-item > a,
body.home .navigation-top-fixed .current_page_item > a {
    color: #f2c36c !important;
}

body.home .navigation-top-fixed .current-menu-item > a::after,
body.home .navigation-top-fixed .current_page_item > a::after {
    background: #f2c36c !important;
}


/* ======================================================
   HEADER DEPOIS DO SCROLL
   ====================================================== */

body.home .navigation-top-fixed.is-scrolled {
    background: rgba(91,16,21,.96) !important;

    border-bottom: 1px solid rgba(255,255,255,.08) !important;

    box-shadow:
        0 5px 22px rgba(31,9,8,.18) !important;

    backdrop-filter: blur(12px);
}

body.home .navigation-top-fixed.is-scrolled li a {
    color: rgba(255,248,238,.88) !important;
    text-shadow: none;
}

body.home .navigation-top-fixed.is-scrolled li a:hover,
body.home .navigation-top-fixed.is-scrolled .current-menu-item > a,
body.home .navigation-top-fixed.is-scrolled .current_page_item > a {
    color: #f2c36c !important;
}


/* ======================================================
   HERO COMEÇA ATRÁS DO HEADER
   ====================================================== */

body.home .home-hero {
    margin-top: 0 !important;
    min-height: 430px !important;
}

body.home .home-hero-overlay {
    padding-top: 118px !important;
    padding-bottom: 48px !important;
}


/* sombra suave no topo para leitura do menu */
body.home .home-hero::before {
    content: "";

    position: absolute;
    inset: 0 0 auto 0;

    height: 150px;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(20,7,4,.52) 0%,
            rgba(20,7,4,.18) 60%,
            transparent 100%
        );

    pointer-events: none;
}

body.home .home-hero-overlay {
    position: relative;
    z-index: 2;
}


@media (max-width: 850px) {

    body.home .navigation-top-fixed {
        height: 64px !important;
        min-height: 64px !important;
    }

    body.home .home-hero {
        min-height: 385px !important;
    }

    body.home .home-hero-overlay {
        padding-top: 100px !important;
    }
}


/* ======================================================
   HOME - HEADER SOBRE O HERO / CORRECAO DEFINITIVA
   ====================================================== */

/* elimina a faixa reservada pelo header antigo */
.khalid-site-header.home {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    z-index: 9999 !important;
}

/* barra fixa realmente transparente */
.khalid-site-header.home .navigation-top-fixed {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 72px !important;
    min-height: 72px !important;

    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    z-index: 9999 !important;
}

/* remove qualquer fundo do container intermediario */
.khalid-site-header.home .navigation-top,
.khalid-site-header.home .navigation-top-fixed .center {
    background: transparent !important;
}

/* menu sobre a imagem */
.khalid-site-header.home .navigation-top-fixed li a {
    color: #fff7ea !important;
    opacity: 1 !important;
    text-shadow: 0 2px 7px rgba(0,0,0,.45) !important;
}

.khalid-site-header.home .navigation-top-fixed li a:hover,
.khalid-site-header.home .navigation-top-fixed .current-menu-item > a,
.khalid-site-header.home .navigation-top-fixed .current_page_item > a {
    color: #f2c36c !important;
}

/* estado após rolar */
.khalid-site-header.home .navigation-top-fixed.is-scrolled {
    background: rgba(91,16,21,.96) !important;
    box-shadow: 0 5px 22px rgba(30,8,7,.20) !important;
    backdrop-filter: blur(10px);
}

/* hero vai até o topo */
.home-premium {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.home-premium .home-hero {
    margin-top: 0 !important;
}

/* espaço interno para o conteúdo não bater no menu */
.home-premium .home-hero-overlay {
    padding-top: 118px !important;
}


/* ======================================================
   HOME - HERO POR TRAS DO HEADER
   ====================================================== */

/* remove o espaço reservado no topo */
body.home,
body.page-template-front-page {
    padding-top: 0 !important;
}

/* header da HOME sem fundo */
.khalid-site-header.home,
.khalid-site-header.home .navigation-top,
.khalid-site-header.home .navigation-top-fixed {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* barra sobre a fotografia */
.khalid-site-header.home .navigation-top-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 70px !important;
    min-height: 70px !important;

    z-index: 9999 !important;
}

/* hero começa literalmente no topo */
.home-premium,
.home-premium .home-hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* conteúdo do hero desce para não bater no menu */
.home-premium .home-hero-overlay {
    padding-top: 105px !important;
}

/* menu branco sobre imagem escura */
.khalid-site-header.home .navigation-top-fixed li a {
    color: #fff8ef !important;
    opacity: 1 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.45) !important;
}

.khalid-site-header.home .navigation-top-fixed li a:hover,
.khalid-site-header.home .navigation-top-fixed .current-menu-item > a,
.khalid-site-header.home .navigation-top-fixed .current_page_item > a {
    color: #f0bf63 !important;
}

/* sombra suave só atrás do menu */
.home-premium .home-hero::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    height: 115px;

    background: linear-gradient(
        180deg,
        rgba(15,5,3,.52) 0%,
        rgba(15,5,3,.16) 68%,
        transparent 100%
    );

    pointer-events: none;
}

.home-premium .home-hero-overlay {
    position: relative;
    z-index: 2;
}


/* ==========================================================
   HOME PREMIUM - ACABAMENTO VISUAL FINAL
   ========================================================== */

/* ---------- HERO ---------- */

.home-premium .home-hero {
    min-height: 460px !important;
    background-position: center center !important;
}

.home-premium .home-hero-overlay {
    max-width: 1480px !important;
    margin: 0 auto !important;

    padding:
        112px 7%
        54px !important;
}

.home-premium .home-hero .home-kicker {
    margin-bottom: 18px !important;

    color: #efc568 !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: 2.4px !important;

    text-transform: uppercase;
}

/* título mais editorial */
.home-premium .home-hero h1 {
    max-width: 620px !important;

    margin: 0 !important;

    color: #fff !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 58px !important;
    font-weight: 400 !important;

    line-height: .95 !important;

    letter-spacing: -.9px !important;
}

.home-premium .home-hero h1 strong {
    display: block;

    color: #efc568 !important;

    font-family: inherit !important;

    font-weight: 700 !important;
}

.home-premium .home-hero p {
    max-width: 590px !important;

    margin: 22px 0 0 !important;

    color: rgba(255,255,255,.94) !important;

    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* botões do hero */
.home-premium .home-hero-acoes {
    margin-top: 23px !important;

    display: flex !important;
    gap: 12px !important;
}

.home-premium .home-hero .home-btn {
    min-height: 48px !important;

    padding: 0 24px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 9px !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: .65px !important;

    box-shadow:
        0 8px 20px rgba(30,8,5,.17) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        border-color .22s ease !important;
}

.home-premium .home-hero .home-btn:hover {
    transform: translateY(-2px) !important;
}

.home-premium .home-hero .home-btn-outline {
    background: rgba(58,29,19,.30) !important;

    border: 1px solid rgba(255,255,255,.75) !important;

    color: #fff !important;

    backdrop-filter: blur(4px);
}

.home-premium .home-hero .home-btn-outline:hover {
    background: rgba(255,255,255,.12) !important;
}


/* ==========================================================
   DESTAQUES DA CASA
   ========================================================== */

.home-premium .home-destaques {
    padding: 38px 5% 40px !important;

    background:
        radial-gradient(
            circle at 25% 20%,
            rgba(210,177,128,.10),
            transparent 35%
        ),
        #fbf7ef !important;

    border-top: 1px solid #eadcca !important;
    border-bottom: 1px solid #eadcca !important;
}

.home-premium .home-destaques .home-section-inner {
    width: 100% !important;
    max-width: 1480px !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        230px minmax(0,1fr) !important;

    grid-template-rows:
        auto auto !important;

    column-gap: 28px !important;
    row-gap: 18px !important;

    align-items: start !important;
}


/* bloco editorial esquerdo */
.home-premium .home-destaques .home-section-heading {
    grid-column: 1 !important;
    grid-row: 1 !important;

    padding-top: 6px !important;
}

.home-premium .home-destaques .home-section-kicker {
    display: flex !important;
    align-items: center !important;

    gap: 10px !important;

    margin: 0 0 17px !important;

    color: #956c59 !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: 1.8px !important;

    text-transform: uppercase;
}

.home-premium .home-destaques .home-section-kicker::after {
    content: "";

    width: 36px;
    height: 1px;

    display: block;

    background: #d7a64a;
}

.home-premium .home-destaques .home-section-heading h2 {
    margin: 0 0 15px !important;

    color: #70191d !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 39px !important;
    font-weight: 700 !important;

    line-height: .96 !important;

    letter-spacing: -.5px !important;
}

.home-premium .home-destaques .home-section-heading p {
    max-width: 205px !important;

    margin: 0 !important;

    color: #78655b !important;

    font-size: 11px !important;
    line-height: 1.6 !important;

    letter-spacing: .15px !important;

    text-transform: none !important;
}


/* grade dos pratos */
.home-premium .home-destaques-grid {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;

    display: grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap: 15px !important;
}


/* cards */
.home-premium .home-destaque-card-premium {
    position: relative !important;

    min-height: 310px !important;

    overflow: hidden !important;

    border:
        1px solid rgba(67,34,23,.16) !important;

    border-radius: 13px !important;

    background: #25100b !important;

    box-shadow:
        0 7px 16px rgba(51,27,17,.08),
        0 18px 35px rgba(51,27,17,.10) !important;

    transition:
        transform .30s ease,
        box-shadow .30s ease !important;
}

.home-premium .home-destaque-card-premium:hover {
    transform: translateY(-5px) !important;

    box-shadow:
        0 12px 22px rgba(51,27,17,.10),
        0 24px 44px rgba(51,27,17,.14) !important;
}


/* imagem */
.home-premium .home-destaque-card-premium img {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transform: scale(1.015) !important;

    filter:
        brightness(.90)
        contrast(1.01)
        saturate(.96) !important;

    transition:
        transform .45s ease,
        filter .45s ease !important;
}

.home-premium .home-destaque-card-premium:hover img {
    transform: scale(1.045) !important;

    filter:
        brightness(.94)
        contrast(1.03)
        saturate(.99) !important;
}


/* overlay */
.home-premium .home-destaque-card-premium::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(24,8,4,.00) 25%,
            rgba(24,8,4,.07) 45%,
            rgba(24,8,4,.48) 70%,
            rgba(24,8,4,.93) 100%
        ) !important;
}


/* ==========================================================
   CONTEÚDO DOS CARDS
   ========================================================== */

.home-premium .home-destaque-overlay-box {
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    z-index: 2 !important;

    padding: 17px 17px 17px !important;
}


/* categoria em cápsula dourada */
.home-premium .home-destaque-overlay-box span {
    width: fit-content !important;

    min-height: 22px !important;

    margin: 0 0 8px !important;
    padding: 3px 10px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #efc568 !important;

    border:
        1px solid rgba(255,255,255,.18) !important;

    border-radius: 999px !important;

    color: #4b260d !important;

    font-size: 8px !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: .55px !important;

    text-transform: uppercase !important;

    box-shadow:
        0 3px 8px rgba(0,0,0,.12) !important;
}


/* ==========================================================
   NOME DOS PRATOS COM CONTORNO PREMIUM
   ========================================================== */

.home-premium .home-destaque-overlay-box h3 {
    margin: 0 0 5px !important;

    color: #fffaf3 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 22px !important;
    font-weight: 700 !important;

    line-height: 1.06 !important;

    letter-spacing: -.15px !important;

    /* contorno real */
    -webkit-text-stroke:
        .35px rgba(48,19,12,.80);

    /* acabamento para navegadores e mais profundidade */
    text-shadow:
        -1px -1px 0 rgba(40,15,9,.45),
         1px -1px 0 rgba(40,15,9,.45),
        -1px  1px 0 rgba(40,15,9,.45),
         1px  1px 0 rgba(40,15,9,.45),
         0 3px 8px rgba(0,0,0,.38) !important;
}


/* descrição */
.home-premium .home-destaque-overlay-box p {
    margin: 0 !important;

    color: rgba(255,255,255,.93) !important;

    font-size: 10px !important;
    line-height: 1.42 !important;

    text-shadow:
        0 1px 4px rgba(0,0,0,.55) !important;
}


/* ==========================================================
   BOTÃO CARDÁPIO NA COLUNA ESQUERDA
   ========================================================== */

.home-premium .home-destaques .home-center {
    grid-column: 1 !important;
    grid-row: 2 !important;

    margin: 0 !important;

    text-align: left !important;
}

.home-premium .home-destaques .home-center .home-btn {
    min-height: 44px !important;

    padding: 0 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 8px !important;

    background: #b51c24 !important;

    color: #fff !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: .55px !important;

    box-shadow:
        0 8px 18px rgba(135,24,29,.18) !important;

    transition:
        transform .20s ease,
        background .20s ease !important;
}

.home-premium .home-destaques .home-center .home-btn:hover {
    background: #94171d !important;
    transform: translateY(-2px) !important;
}


/* enquadramento individual */
.home-premium .home-destaque-card-premium:nth-child(1) img {
    object-position: center 48% !important;

    filter:
        brightness(.92)
        contrast(1.06)
        saturate(1.01) !important;
}

.home-premium .home-destaque-card-premium:nth-child(2) img {
    object-position: center 38% !important;
}

.home-premium .home-destaque-card-premium:nth-child(3) img {
    object-position: center 44% !important;
}

.home-premium .home-destaque-card-premium:nth-child(4) img {
    object-position: center 46% !important;
}


/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media (max-width: 1100px) {

    .home-premium .home-destaques .home-section-inner {
        grid-template-columns: 1fr !important;
    }

    .home-premium .home-destaques .home-section-heading,
    .home-premium .home-destaques-grid,
    .home-premium .home-destaques .home-center {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .home-premium .home-destaques-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .home-premium .home-destaques .home-section-heading p {
        max-width: 520px !important;
    }
}


@media (max-width: 650px) {

    .home-premium .home-hero h1 {
        font-size: 42px !important;
    }

    .home-premium .home-hero p {
        font-size: 13px !important;
    }

    .home-premium .home-hero-acoes {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .home-premium .home-destaques {
        padding: 32px 18px !important;
    }

    .home-premium .home-destaques-grid {
        grid-template-columns: 1fr !important;
    }

    .home-premium .home-destaque-card-premium {
        min-height: 300px !important;
    }

    .home-premium .home-destaques .home-section-heading h2 {
        font-size: 34px !important;
    }
}


/* ==========================================================
   AJUSTE FINO - KICKER DESTAQUES DA CASA
   ========================================================== */

.home-premium .home-destaques .home-section-kicker {
    display: inline-block !important;

    margin: 0 0 10px !important;

    color: #956c59 !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    letter-spacing: 2px !important;

    text-transform: uppercase !important;

    position: relative !important;
}

.home-premium .home-destaques .home-section-kicker::after {
    content: "" !important;

    display: block !important;

    width: 52px !important;
    height: 2px !important;

    margin-top: 10px !important;

    background: linear-gradient(
        90deg,
        #d7a64a 0%,
        #efc568 100%
    ) !important;

    border-radius: 999px !important;
}

/* aproxima mais o título do kicker */
.home-premium .home-destaques .home-section-heading h2 {
    margin: 0 0 12px !important;
}

/* reduz o respiro geral do bloco esquerdo */
.home-premium .home-destaques .home-section-heading {
    padding-top: 0 !important;
}

/* opcional: deixa a coluna esquerda um pouco mais firme visualmente */
.home-premium .home-destaques .home-section-heading p {
    margin-top: 0 !important;
}


/* ==========================================================
   DESTAQUES DA CASA - CARDS CLICAVEIS
   ========================================================== */

.home-destaque-link {
    display: block !important;

    color: inherit !important;
    text-decoration: none !important;

    cursor: pointer !important;

    outline: none;
}

.home-destaque-link:visited {
    color: inherit !important;
}

.home-destaque-link:focus-visible {
    outline: 2px solid #d7a64a !important;
    outline-offset: 4px !important;
}

/* indica interação sem poluir o card */
.home-destaque-link::before {
    content: "VER NO CARDÁPIO →";

    position: absolute;

    top: 14px;
    right: 14px;

    z-index: 3;

    padding: 5px 8px;

    background: rgba(35,13,8,.68);

    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;

    color: #fff7e9;

    font-size: 7px;
    font-weight: 800;

    letter-spacing: .7px;

    opacity: 0;

    transform: translateY(-4px);

    transition:
        opacity .25s ease,
        transform .25s ease;

    backdrop-filter: blur(5px);
}

.home-destaque-link:hover::before {
    opacity: 1;
    transform: translateY(0);
}


/* ==========================================================
   VALE A PENA VIR ATÉ AQUI
   ========================================================== */

.home-vale-pena {
    padding: 46px 5%;
    background: #fffaf3;
    border-bottom: 1px solid #eadcca;
}

.home-vale-inner {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 320px minmax(0,1fr);
    gap: 42px;

    align-items: center;
}

.home-vale-texto .home-section-kicker {
    display: inline-block;

    margin-bottom: 18px;

    color: #956c59;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.home-vale-texto .home-section-kicker::after {
    content: "";

    display: block;

    width: 52px;
    height: 2px;

    margin-top: 10px;

    border-radius: 20px;

    background: #d7a64a;
}

.home-vale-texto h2 {
    margin: 0 0 14px;

    color: #70191d;

    font-family: Georgia, serif;

    font-size: 37px;
    line-height: 1.02;
}

.home-vale-texto p {
    margin: 0 0 20px;

    color: #715e55;

    font-size: 13px;
    line-height: 1.65;
}

.home-vale-texto .home-btn {
    min-height: 42px;

    padding: 0 19px;

    display: inline-flex;
    align-items: center;

    border-radius: 8px;

    background: #b51c24;

    color: #fff !important;

    font-size: 9px;
    font-weight: 800;

    text-decoration: none !important;

    box-shadow: 0 8px 18px rgba(135,24,29,.16);
}


/* três diferenciais */

.home-vale-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
}

.home-vale-item {
    overflow: hidden;

    background: #fff;

    border: 1px solid #e7dbcd;
    border-radius: 14px;

    box-shadow:
        0 7px 16px rgba(55,31,20,.06),
        0 16px 30px rgba(55,31,20,.07);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.home-vale-item:hover {
    transform: translateY(-4px);

    box-shadow:
        0 11px 22px rgba(55,31,20,.08),
        0 22px 38px rgba(55,31,20,.10);
}

.home-vale-item img {
    width: 100%;
    height: 165px;

    display: block;

    object-fit: cover;

    filter:
        brightness(.94)
        contrast(.98)
        saturate(.93);
}

.home-vale-item div {
    padding: 15px 16px 17px;
}

.home-vale-item strong {
    display: block;

    margin-bottom: 5px;

    color: #68191c;

    font-family: Georgia, serif;

    font-size: 18px;
}

.home-vale-item span {
    display: block;

    color: #77645b;

    font-size: 10px;
    line-height: 1.5;
}


@media (max-width: 900px) {

    .home-vale-inner {
        grid-template-columns: 1fr;
    }

    .home-vale-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {

    .home-vale-pena {
        padding: 34px 18px;
    }

    .home-vale-grid {
        grid-template-columns: 1fr;
    }
}


/* ==========================================================
   VENHA NOS VISITAR - PREMIUM
   ========================================================== */

.home-visite-premium {
    padding: 44px 5%;
    background: #f7efe3;
    border-top: 1px solid #e6d6c3;
    border-bottom: 1px solid #e2cfba;
}

.home-visite-premium-inner {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: .82fr 1.18fr;

    overflow: hidden;

    background: #fffaf3;

    border: 1px solid #ddc9b2;
    border-radius: 18px;

    box-shadow:
        0 10px 25px rgba(60,32,19,.07),
        0 24px 50px rgba(60,32,19,.08);
}


/* FOTO */

.home-visite-foto {
    position: relative;
    min-height: 330px;
    overflow: hidden;
}

.home-visite-foto::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(35,13,8,.06),
            rgba(35,13,8,.00)
        );
}

.home-visite-foto img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center;

    filter:
        brightness(.91)
        contrast(.98)
        saturate(.92);

    transition: transform .5s ease;
}

.home-visite-premium-inner:hover .home-visite-foto img {
    transform: scale(1.025);
}


/* CONTEÚDO */

.home-visite-conteudo {
    padding: 34px 38px 30px;
}

.home-visite-cabecalho .home-section-kicker {
    display: inline-block;

    margin: 0 0 10px;

    color: #956c59;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: 2px;

    text-transform: uppercase;
}

.home-visite-cabecalho .home-section-kicker::after {
    content: "";

    display: block;

    width: 48px;
    height: 2px;

    margin-top: 9px;

    background: #d7a64a;
    border-radius: 20px;
}

.home-visite-cabecalho h2 {
    margin: 0 0 8px;

    color: #70191d;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 38px;
    line-height: 1;

    font-weight: 700;
}

.home-visite-cabecalho > p {
    max-width: 610px;

    margin: 0;

    color: #735e53;

    font-size: 12px;
    line-height: 1.6;
}


/* INFORMAÇÕES */

.home-visite-infos {
    margin-top: 25px;
    padding: 20px 0;

    display: grid;
    grid-template-columns: 1.05fr 1.1fr .9fr;
    gap: 0;

    border-top: 1px solid #e7d9c9;
    border-bottom: 1px solid #e7d9c9;
}

.home-visite-info {
    padding: 0 22px;

    border-right: 1px solid #eadfd2;
}

.home-visite-info:first-child {
    padding-left: 0;
}

.home-visite-info:last-child {
    padding-right: 0;
    border-right: 0;
}

.home-visite-info > span {
    display: block;

    margin-bottom: 8px;

    color: #ae1b22;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 1.25px;

    text-transform: uppercase;
}

.home-visite-info strong {
    display: block;

    margin-bottom: 2px;

    color: #42271f;

    font-size: 11px;
    font-weight: 800;
}

.home-visite-info p {
    margin: 0 0 5px;

    color: #756158;

    font-size: 10px;
    line-height: 1.45;
}

.home-visite-info a {
    display: block;

    margin-bottom: 6px;

    color: #4f332a !important;

    font-size: 12px;
    font-weight: 700;

    text-decoration: none !important;
}

.home-visite-info a:hover {
    color: #ac1920 !important;
}


/* BOTÕES */

.home-visite-acoes {
    margin-top: 20px;

    display: flex;
    align-items: center;
    gap: 10px;
}

.home-visite-acoes .home-btn {
    min-height: 42px;

    padding: 0 19px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 8px;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .65px;

    text-decoration: none !important;

    transition:
        transform .2s ease,
        background .2s ease;
}

.home-visite-rota {
    background: #b51c24 !important;
    color: #fff !important;

    box-shadow:
        0 8px 18px rgba(135,24,29,.16);
}

.home-visite-reserva {
    background: transparent !important;

    border: 1px solid #8c6d5d !important;

    color: #6a4537 !important;
}

.home-visite-acoes .home-btn:hover {
    transform: translateY(-2px);
}


/* MOBILE */

@media (max-width: 900px) {

    .home-visite-premium-inner {
        grid-template-columns: 1fr;
    }

    .home-visite-foto {
        min-height: 260px;
    }
}

@media (max-width: 650px) {

    .home-visite-premium {
        padding: 30px 16px;
    }

    .home-visite-conteudo {
        padding: 26px 20px;
    }

    .home-visite-cabecalho h2 {
        font-size: 31px;
    }

    .home-visite-infos {
        grid-template-columns: 1fr;
        padding: 8px 0;
    }

    .home-visite-info,
    .home-visite-info:first-child,
    .home-visite-info:last-child {
        padding: 14px 0;

        border-right: 0;
        border-bottom: 1px solid #eadfd2;
    }

    .home-visite-info:last-child {
        border-bottom: 0;
    }

    .home-visite-acoes {
        flex-direction: column;
        align-items: stretch;
    }
}


/* ==========================================================
   VENHA NOS VISITAR - MAPA PREMIUM
   ========================================================== */

.home-visite-mapa {
    position: relative;
    min-height: 330px;

    overflow: hidden;

    background: #eee5d8;
}

.home-visite-mapa iframe {
    position: absolute;

    inset: 0;

    width: 100% !important;
    height: 100% !important;

    display: block;

    border: 0 !important;

    filter:
        saturate(.82)
        contrast(.96)
        sepia(.06);

    transition:
        filter .3s ease;
}

.home-visite-premium-inner:hover .home-visite-mapa iframe {
    filter:
        saturate(.95)
        contrast(.98);
}

/* acabamento entre mapa e conteúdo */
.home-visite-conteudo {
    position: relative;
    z-index: 2;
}

@media (max-width: 900px) {

    .home-visite-mapa {
        min-height: 270px;
    }
}

@media (max-width: 650px) {

    .home-visite-mapa {
        min-height: 230px;
    }
}


/* ==========================================================
   VENHA NOS VISITAR - AJUSTE DE PROPORCAO
   ========================================================== */

.home-visite-premium {
    padding: 32px 5% !important;
}

.home-visite-premium-inner {
    grid-template-columns: .82fr 1.18fr !important;
    border-radius: 16px !important;
}

.home-visite-mapa {
    min-height: 295px !important;
}

.home-visite-conteudo {
    padding: 26px 32px 24px !important;
}

.home-visite-cabecalho .home-section-kicker {
    margin-bottom: 8px !important;
}

.home-visite-cabecalho h2 {
    font-size: 34px !important;
    margin-bottom: 6px !important;
}

.home-visite-cabecalho > p {
    font-size: 11px !important;
    line-height: 1.5 !important;
}

.home-visite-infos {
    margin-top: 18px !important;
    padding: 16px 0 !important;
}

.home-visite-info {
    padding: 0 18px !important;
}

.home-visite-info:first-child {
    padding-left: 0 !important;
}

.home-visite-info:last-child {
    padding-right: 0 !important;
}

.home-visite-acoes {
    margin-top: 16px !important;
}

.home-visite-acoes .home-btn {
    min-height: 40px !important;
    padding: 0 18px !important;
}


/* ==========================================================
   VENHA NOS VISITAR - REFINO PREMIUM FINAL
   ========================================================== */

.home-visite-premium {
    padding: 30px 5% !important;
}

.home-visite-premium-inner {
    grid-template-columns: .72fr 1.28fr !important;
    border-radius: 16px !important;

    box-shadow:
        0 8px 20px rgba(60,32,19,.055),
        0 20px 42px rgba(60,32,19,.07) !important;
}


/* MAPA ESTATICO */

.home-visite-mapa-link {
    position: relative;

    min-height: 285px !important;

    display: block;

    overflow: hidden;

    background: #eadfce;

    text-decoration: none !important;
}

.home-visite-mapa-link img {
    width: 100% !important;
    height: 100% !important;

    position: absolute;
    inset: 0;

    object-fit: cover !important;
    object-position: center !important;

    filter:
        brightness(.96)
        contrast(.98)
        saturate(.84);

    transition:
        transform .4s ease,
        filter .4s ease;
}

.home-visite-mapa-link:hover img {
    transform: scale(1.025);

    filter:
        brightness(.98)
        contrast(1)
        saturate(.94);
}

.home-mapa-cta {
    position: absolute;

    left: 18px;
    bottom: 18px;

    z-index: 2;

    padding: 8px 12px;

    background: rgba(103,24,28,.93);

    border-radius: 7px;

    color: #fff !important;

    font-size: 9px;
    font-weight: 800;

    letter-spacing: .7px;

    box-shadow: 0 6px 15px rgba(55,20,16,.16);
}


/* CONTEUDO MAIS PRESENTE */

.home-visite-conteudo {
    padding: 25px 32px 23px !important;
}

.home-visite-cabecalho .home-section-kicker {
    font-size: 10px !important;
    letter-spacing: 2.1px !important;
}

.home-visite-cabecalho h2 {
    margin: 0 0 8px !important;

    font-size: 38px !important;
    line-height: 1 !important;

    letter-spacing: -.35px !important;
}

.home-visite-cabecalho > p {
    max-width: 650px !important;

    color: #67534a !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
}


/* INFORMACOES */

.home-visite-infos {
    margin-top: 17px !important;
    padding: 16px 0 !important;
}

.home-visite-info > span {
    margin-bottom: 9px !important;

    font-size: 9px !important;
    letter-spacing: 1.35px !important;
}

.home-visite-info strong {
    font-size: 12px !important;
    line-height: 1.35 !important;

    color: #351d17 !important;
}

.home-visite-info p {
    font-size: 10.5px !important;
    line-height: 1.5 !important;
}

.home-visite-info a {
    font-size: 13px !important;
    font-weight: 800 !important;

    color: #351d17 !important;
}


/* BOTOES */

.home-visite-acoes {
    margin-top: 15px !important;
}

.home-visite-acoes .home-btn {
    min-height: 41px !important;

    padding: 0 19px !important;

    font-size: 9.5px !important;

    border-radius: 7px !important;
}


/* MOBILE */

@media (max-width: 900px) {

    .home-visite-premium-inner {
        grid-template-columns: 1fr !important;
    }

    .home-visite-mapa-link {
        min-height: 245px !important;
    }
}


/* ==========================================================
   MAPA REAL - VERSAO PREMIUM
   ========================================================== */

.home-visite-premium-inner {
    grid-template-columns: .78fr 1.22fr !important;
}

.home-visite-mapa {
    position: relative !important;
    min-height: 300px !important;
    overflow: hidden !important;
    background: #eadfce !important;
}

.home-visite-mapa iframe {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    border: 0 !important;

    filter:
        saturate(.78)
        contrast(.96)
        brightness(.98) !important;

    transition: filter .3s ease !important;
}

.home-visite-mapa:hover iframe {
    filter:
        saturate(.95)
        contrast(.99)
        brightness(1) !important;
}


/* MAIS PRESENCA NA TIPOGRAFIA */

.home-visite-cabecalho h2 {
    font-size: 40px !important;
    font-weight: 700 !important;
    letter-spacing: -.45px !important;
}

.home-visite-cabecalho > p {
    font-size: 12.5px !important;
    color: #5f4a41 !important;
}

.home-visite-info > span {
    font-size: 9px !important;
    font-weight: 900 !important;
    color: #a71920 !important;
}

.home-visite-info strong {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #301812 !important;
}

.home-visite-info p {
    font-size: 11px !important;
    color: #665249 !important;
}

.home-visite-info a {
    font-size: 13px !important;
    font-weight: 800 !important;
}


/* ==========================================================
   HOME - PADRAO EDITORIAL DOS TITULOS
   ========================================================== */

/* pequenos títulos das seções */
.home-destaques .home-section-kicker,
.home-vale-texto .home-section-kicker,
.home-texto .home-section-kicker,
.home-visite-cabecalho .home-section-kicker {
    display: inline-block !important;

    margin: 0 0 7px !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: 1.9px !important;
    line-height: 1.2 !important;

    text-transform: uppercase !important;
}

/* tracinho dourado logo abaixo */
.home-destaques .home-section-kicker::after,
.home-vale-texto .home-section-kicker::after,
.home-texto .home-section-kicker::after,
.home-visite-cabecalho .home-section-kicker::after {
    content: "" !important;

    display: block !important;

    width: 48px !important;
    height: 2px !important;

    margin-top: 6px !important;
    margin-bottom: 0 !important;

    background: #d7a64a !important;

    border-radius: 20px !important;
}

/* aproxima o título principal */
.home-destaques .home-section-heading h2,
.home-vale-texto h2,
.home-texto h2,
.home-visite-cabecalho h2 {
    margin-top: 4px !important;
}

/* destaque específico do Venha nos visitar */
.home-visite-cabecalho .home-section-kicker {
    margin-bottom: 5px !important;
}

.home-visite-cabecalho h2 {
    margin-top: 2px !important;
}



/* ==========================================================
   NOSSA HISTORIA - PREMIUM
   ========================================================== */

.home-historia-premium {
    padding: 38px 5% !important;

    background:
        linear-gradient(
            135deg,
            #fbf7ef 0%,
            #f7eee2 100%
        ) !important;

    border-bottom: 1px solid #e5d6c4;
}

.home-historia-inner {
    max-width: 1360px !important;

    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.08fr .92fr !important;

    gap: 52px !important;

    align-items: center !important;
}


/* TEXTO */

.home-historia-texto {
    max-width: 650px;
}

.home-historia-texto .home-section-kicker {
    display: inline-block !important;

    margin: 0 0 5px !important;

    color: #956c59 !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: 2px !important;

    text-transform: uppercase;
}

.home-historia-texto .home-section-kicker::after {
    content: "";

    display: block;

    width: 48px;
    height: 2px;

    margin-top: 5px;

    background: #d7a64a;

    border-radius: 20px;
}

.home-historia-texto h2 {
    max-width: 590px;

    margin: 7px 0 14px !important;

    color: #70191d !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 35px !important;
    font-weight: 700 !important;

    line-height: 1.05 !important;

    letter-spacing: -.35px;
}

.home-historia-texto p {
    max-width: 600px;

    margin: 0 0 10px !important;

    color: #69564d !important;

    font-size: 12px !important;
    line-height: 1.65 !important;
}

.home-historia-intro {
    color: #4e382f !important;

    font-size: 13px !important;
}


/* 3 PONTOS DA HISTORIA */

.home-historia-destaques {
    margin-top: 20px;

    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    border-top: 1px solid #dfcebb;

    padding-top: 17px;
}

.home-historia-destaques > div {
    padding: 0 16px;

    border-right: 1px solid #e1d2c2;
}

.home-historia-destaques > div:first-child {
    padding-left: 0;
}

.home-historia-destaques > div:last-child {
    border-right: 0;
}

.home-historia-destaques strong {
    display: block;

    margin-bottom: 4px;

    color: #791a1f;

    font-family: Georgia, serif;

    font-size: 15px;
}

.home-historia-destaques span {
    display: block;

    color: #806b61;

    font-size: 9px;
    line-height: 1.45;
}


/* IMAGEM */

.home-historia-imagem {
    position: relative;

    height: 285px;

    overflow: hidden;

    border-radius: 15px;

    box-shadow:
        0 8px 18px rgba(51,28,18,.07),
        0 18px 36px rgba(51,28,18,.09);
}

.home-historia-imagem img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    filter:
        brightness(.91)
        contrast(.97)
        saturate(.90);

    transition:
        transform .45s ease;
}

.home-historia-imagem:hover img {
    transform: scale(1.025);
}

.home-historia-imagem::after {
    content: "";

    position: absolute;
    inset: 0;

    border: 1px solid rgba(255,255,255,.30);
    border-radius: 15px;

    pointer-events: none;
}


/* MOBILE */

@media (max-width: 850px) {

    .home-historia-inner {
        grid-template-columns: 1fr !important;

        gap: 26px !important;
    }

    .home-historia-imagem {
        height: 250px;
    }
}

@media (max-width: 600px) {

    .home-historia-premium {
        padding: 32px 18px !important;
    }

    .home-historia-texto h2 {
        font-size: 30px !important;
    }

    .home-historia-destaques {
        grid-template-columns: 1fr;

        gap: 12px;
    }

    .home-historia-destaques > div {
        padding: 0 0 12px;

        border-right: 0;

        border-bottom: 1px solid #e1d2c2;
    }
}


/* ==========================================================
   NOSSA HISTORIA - ACABAMENTO FINAL
   ========================================================== */

.home-historia-premium {
    padding: 34px 5% !important;
    background: #fbf7ef !important;
    border-top: 1px solid #eadcca;
    border-bottom: 1px solid #eadcca;
}

.home-historia-inner {
    max-width: 1360px !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: 1.08fr .92fr !important;
    gap: 42px !important;

    align-items: center !important;
}

.home-historia-texto .home-section-kicker {
    display: inline-block !important;
    margin: 0 !important;

    color: #956c59 !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    letter-spacing: 1.9px !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
}

.home-historia-texto .home-section-kicker::after {
    content: "";

    display: block;

    width: 46px;
    height: 2px;

    margin: 5px 0 6px;

    background: #d7a64a;

    border-radius: 20px;
}

.home-historia-texto h2 {
    max-width: 600px;

    margin: 0 0 13px !important;

    color: #70191d !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 34px !important;
    font-weight: 700 !important;

    line-height: 1.04 !important;
}

.home-historia-texto p {
    max-width: 610px;

    margin: 0 0 9px !important;

    color: #68554c !important;

    font-size: 12px !important;
    line-height: 1.6 !important;
}

.home-historia-intro {
    color: #463129 !important;
    font-size: 13px !important;
}


/* diferenciais */

.home-historia-destaques {
    margin-top: 17px;
    padding-top: 15px;

    display: grid;
    grid-template-columns: repeat(3,1fr);

    border-top: 1px solid #dfcfbd;
}

.home-historia-destaques > div {
    padding: 0 15px;

    border-right: 1px solid #e3d6c7;
}

.home-historia-destaques > div:first-child {
    padding-left: 0;
}

.home-historia-destaques > div:last-child {
    padding-right: 0;
    border-right: 0;
}

.home-historia-destaques strong {
    display: block;

    margin-bottom: 3px;

    color: #74191e;

    font-family: Georgia, serif;

    font-size: 15px;
}

.home-historia-destaques span {
    color: #77635a;

    font-size: 9px;
    line-height: 1.4;
}


/* imagem */

.home-historia-imagem {
    position: relative;

    height: 260px;

    overflow: hidden;

    border-radius: 14px;

    box-shadow:
        0 8px 18px rgba(52,28,18,.07),
        0 18px 32px rgba(52,28,18,.08);
}

.home-historia-imagem img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    filter:
        brightness(.92)
        contrast(.97)
        saturate(.90);

    transition: transform .4s ease;
}

.home-historia-imagem:hover img {
    transform: scale(1.025);
}


@media (max-width: 850px) {

    .home-historia-inner {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .home-historia-imagem {
        height: 240px;
    }
}

@media (max-width: 600px) {

    .home-historia-destaques {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .home-historia-destaques > div {
        padding: 0 0 10px;
        border-right: 0;
        border-bottom: 1px solid #e3d6c7;
    }
}


/* ==========================================================
   HOME - REMOVE RODAPE LEGADO
   ========================================================== */

/* banners amarelos, pizzas mais pedidas e delivery antigo */
body.home .site-footer .footer-content {
    display: none !important;
}

/* rodapé antigo de madeira */
body.home .site-footer > .footer {
    display: none !important;
}

/* mapa antigo gigante do footer */
body.home + .mapa,
body.home .mapa {
    display: none !important;
}


/* ==========================================================
   HOME - FOOTER PREMIUM FINAL
   ========================================================== */

.home-footer-premium {
    margin: 0;
    padding: 0;

    background:
        linear-gradient(
            135deg,
            #551116 0%,
            #67171b 55%,
            #451014 100%
        );

    color: #f8eee1;
}

.home-footer-inner {
    width: 100%;
    max-width: 1480px;

    margin: 0 auto;
    padding: 30px 5% 25px;

    display: grid;
    grid-template-columns: 1.35fr 1.1fr .9fr .7fr;
    gap: 42px;

    align-items: center;
}


/* MARCA */

.home-footer-brand img {
    display: block;

    width: auto;
    max-width: 190px;
    max-height: 48px;

    margin-bottom: 7px;

    object-fit: contain;
}

.home-footer-brand p {
    margin: 0;

    color: rgba(255,246,233,.68);

    font-size: 10px;
    line-height: 1.4;
}


/* NAVEGAÇÃO */

.home-footer-nav {
    display: flex;
    flex-wrap: wrap;

    gap: 8px 20px;
}

.home-footer-nav a {
    color: rgba(255,248,238,.85) !important;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: .35px;

    text-decoration: none !important;

    transition: color .2s ease;
}

.home-footer-nav a:hover {
    color: #efc568 !important;
}


/* CONTATO + REDES */

.home-footer-contato,
.home-footer-redes {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
}

.home-footer-contato > span,
.home-footer-redes > span {
    margin-bottom: 7px;

    color: #efc568;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}

.home-footer-contato a {
    margin-bottom: 3px;

    color: #fff8ee !important;

    font-size: 11px;
    font-weight: 700;

    text-decoration: none !important;
}


/* REDES */

.home-footer-redes > div {
    display: flex;
    gap: 8px;
}

.home-footer-redes a {
    width: 29px;
    height: 29px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.14);
    border-radius: 50%;

    background: rgba(255,255,255,.07);

    transition:
        transform .2s ease,
        background .2s ease;
}

.home-footer-redes a:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.14);
}

.home-footer-redes img {
    width: 16px !important;
    height: 16px !important;

    object-fit: contain;
}


/* LINHA FINAL */

.home-footer-bottom {
    width: 90%;
    max-width: 1330px;

    margin: 0 auto;

    padding: 12px 0 15px;

    display: flex;
    justify-content: space-between;
    gap: 20px;

    border-top: 1px solid rgba(255,255,255,.10);

    color: rgba(255,247,235,.46);

    font-size: 8px;
}


/* RESPONSIVO */

@media (max-width: 900px) {

    .home-footer-inner {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}

@media (max-width: 600px) {

    .home-footer-inner {
        grid-template-columns: 1fr;

        padding: 26px 22px 22px;
    }

    .home-footer-bottom {
        width: calc(100% - 44px);

        flex-direction: column;

        gap: 3px;
    }
}


/* ==========================================================
   HOME - REFINO FINAL DESKTOP
   ========================================================== */

/* Venha nos visitar mais compacto */
.home-visite-conteudo {
    padding-top: 21px !important;
    padding-bottom: 20px !important;
}

.home-visite-cabecalho .home-section-kicker {
    margin: 0 !important;
}

.home-visite-cabecalho .home-section-kicker::after {
    margin: 4px 0 5px !important;
}

.home-visite-cabecalho h2 {
    margin: 0 0 6px !important;
}

/* reduz um pouco o espaço antes das informações */
.home-visite-infos {
    margin-top: 14px !important;
}

/* footer ligeiramente mais compacto */
.home-footer-inner {
    padding-top: 24px !important;
    padding-bottom: 20px !important;
}

.home-footer-bottom {
    padding-top: 10px !important;
    padding-bottom: 11px !important;
}

/* logo com um pouco mais de presença */
.home-footer-brand img {
    max-width: 205px !important;
}

/* WhatsApp sem encostar no rodapé */
#whatsapp-fixo {
    bottom: 18px !important;
}

/* ==========================================================
   HOME - ESPACAMENTO FINAL KICKER + TITULO
   Apenas distancia. Nao altera tamanho das letras.
   ========================================================== */

.home-destaques .home-section-kicker,
.home-vale-texto .home-section-kicker,
.home-historia-texto .home-section-kicker {
    margin: 0 !important;
    padding: 0 !important;
}

/* tracinho próximo ao kicker */
.home-destaques .home-section-kicker::after,
.home-vale-texto .home-section-kicker::after,
.home-historia-texto .home-section-kicker::after {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
}

/* aproxima somente o título */
.home-destaques .home-section-heading h2,
.home-vale-texto h2,
.home-historia-texto h2 {
    margin-top: -11px !important;
}

/* ==========================================================
   DESTAQUES - ESPACAMENTO IGUAL AS DEMAIS SECOES
   ========================================================== */

body.home .home-premium .home-destaques .home-section-heading {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 0 !important;
}

body.home .home-premium .home-destaques .home-section-kicker {
    margin: 0 !important;
    padding: 0 !important;
}

body.home .home-premium .home-destaques .home-section-kicker::after {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
}

body.home .home-premium .home-destaques .home-section-heading h2 {
    margin-top: -11px !important;
}


/* ==========================================================
   HOME - PADRAO FINAL DOS KICKERS
   Mesmo tamanho, peso e cor
   ========================================================== */

body.home .home-destaques .home-section-kicker,
body.home .home-vale-texto .home-section-kicker,
body.home .home-historia-texto .home-section-kicker {
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 1.9px !important;
    text-transform: uppercase !important;

    color: #A61F26 !important;
}

/* mantém também os três traços iguais */
body.home .home-destaques .home-section-kicker::after,
body.home .home-vale-texto .home-section-kicker::after,
body.home .home-historia-texto .home-section-kicker::after {
    width: 46px !important;
    height: 2px !important;
    background: #D7A64A !important;
}


/* ==========================================================
   HEADER - TIPOGRAFIA FINAL DO MENU
   ========================================================== */

body.home .navigation-top-fixed .menu > li > a {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: .35px !important;
    text-transform: uppercase !important;

    color: #fff5eb !important;
}

/* ativo mantém MESMO tamanho e peso */
body.home .navigation-top-fixed .menu > li.current-menu-item > a,
body.home .navigation-top-fixed .menu > li.current_page_item > a {
    font-size: 12px !important;
    font-weight: 700 !important;

    color: #edc65e !important;
}

/* distância uniforme entre os itens */
body.home .navigation-top-fixed .menu {
    display: flex !important;
    align-items: center !important;
    gap: 31px !important;
}


/* ==========================================================
   HEADER - MENU FINAL
   Mesmo tamanho e mesma grossura em todos os itens
   ========================================================== */

body.home .khalid-site-header.home
.navigation-top-fixed #top-menu > li > a {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .45px !important;
    text-transform: uppercase !important;

    color: #fff8ef !important;
}

/* HOME ativo: muda SOMENTE cor */
body.home .khalid-site-header.home
.navigation-top-fixed #top-menu > li.current-menu-item > a,
body.home .khalid-site-header.home
.navigation-top-fixed #top-menu > li.current_page_item > a {
    font-size: 12px !important;
    font-weight: 700 !important;

    color: #f0bf63 !important;
}

/* hover: também não muda tamanho nem peso */
body.home .khalid-site-header.home
.navigation-top-fixed #top-menu > li > a:hover {
    font-size: 12px !important;
    font-weight: 700 !important;

    color: #f0bf63 !important;
}


/* ==========================================================
   HEADER - CORRECAO DE POSICIONAMENTO DO MENU
   ========================================================== */

body.home .khalid-site-header.home .navigation-top-fixed {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* logo continua à esquerda */
body.home .khalid-site-header.home .navigation-top-fixed .khalid-logo {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* menu centralizado na largura da tela */
body.home .khalid-site-header.home .navigation-top-fixed #top-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 34px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* remove margens antigas dos itens */
body.home .khalid-site-header.home .navigation-top-fixed #top-menu > li {
    margin: 0 !important;
    padding: 0 !important;
}