/* home.css — secoes da home, carregado so em is_front_page().
   Extraido de overrides.css (Fase 2). */


        /* Hero — Order Now (cor CTA via token + gradiente mono sutil, Brief §5.4) */
        .kametas-hero__acoes .button:not(.alt) {
            background-color: var(--cor-cta) !important;
            background-image: var(--grad-cta) !important;
            color: #fff !important;
            border: 1px solid var(--cor-cta) !important;
            padding: 13px 32px !important;
            font-weight: 500 !important;
        }

        .kametas-hero__acoes .button:not(.alt):hover {
            background-color: var(--cor-cta-hover) !important;
            background-image: none !important;
            border-color: var(--cor-cta-hover) !important;
            color: #fff !important;
            box-shadow: var(--sombra-cta) !important;
            transform: translateY(-2px) !important;
        }

        /* Header que se dissolve no hero (só home, só desktop).
           Uma única camada QUENTE = o MESMO círculo radial do hero
           (.kametas-hero em style.css), continuado para cima. O hero
           ancora o centro em `75% calc(100% - 285px)` (285px acima da
           SUA base); como a base do header = topo do hero, o mesmo centro
           fica ABAIXO da base do header à distância (altura_hero - 285).
           No desktop a altura do hero ≈ 565px, então ~280px: ancoramos em
           `75% calc(100% + 280px)` com raio 400px e as mesmas paradas de
           cor — o halo sobe pelo mesmo eixo (75% x), sem emenda.
           HISTÓRICO (2026-07-07): existia uma 2ª camada, um véu BRANCO em
           diagonal atrás da logo. Ela criava uma emenda visível na base do
           header (branco em cima × creme do hero embaixo, na metade
           esquerda). Removida a pedido do usuário — junto, o logo ganhou
           fundo transparente de verdade (o webp antigo tinha caixa branca
           #FCFCFC chapada; ver memória do projeto), então não precisa mais
           de véu branco para "esconder" a caixa. No mobile o header fica
           branco sólido (regra dentro do @media), conforme pedido. */
        @media (min-width: 769px) {
            body.home .kametas-header {
                background-color: transparent !important;
                background-image:
                    radial-gradient(circle 400px at 75% calc(100% + 280px),
                        var(--halo-forte) 0%,
                        var(--halo-medio) 42%,
                        var(--halo-suave) 70%,
                        var(--cor-fundo) 100%) !important;
                background-repeat: no-repeat !important;
            }

            /* Ao rolar, o header vira barra sticky flutuando sobre o conteúdo
               (já não está sobre o hero): volta a ser branco sólido para
               manter o contraste. Vem depois → vence por ordem de cascata. */
            body.home .kametas-header--scrolled {
                background-color: #fff !important;
                background-image: none !important;
            }
        }

        /* Serviços — fundo branco, estética japonesa */
        .kametas-servicos {
            background-color: #fff !important;
            padding: 80px 0;
            color: #1C1C1C !important;
            border-top: 0.5px solid rgba(0,0,0,0.08);
            border-bottom: 0.5px solid rgba(0,0,0,0.08);
        }

        .kametas-servicos__header {
            text-align: center;
            margin-bottom: 0;
            padding-bottom: 32px;
            /* Linha de brasa: sublinhado do header em degradê fogo que nasce
               e morre transparente (assinatura das transições da home). */
            border-bottom: 1px solid transparent;
            border-image: var(--linha-brasa);
        }

        .kametas-servicos__titulo {
            font-family: "Noto Serif JP", serif;
            font-size: clamp(1.6rem, 3vw, 2.2rem);
            font-weight: 700;
            color: #1C1C1C !important;
            margin: 0 0 16px;
        }

        .kametas-servicos__descricao {
            font-size: 1rem;
            color: #6B6B6B !important;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.7;
        }

        .kametas-servicos__grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            margin-top: 48px;
        }

        .kametas-servicos__item {
            background-color: transparent !important;
            border: none !important;
            border-left: 1.5px solid rgba(0,0,0,0.1) !important;
            border-radius: 0 !important;
            padding: 0 32px !important;
            transition: border-left-color 0.2s ease;
        }

        .kametas-servicos__item:first-child {
            border-left: none !important;
            padding-left: 0 !important;
        }

        .kametas-servicos__item:hover {
            background-color: transparent !important;
            border-left-color: var(--cor-cta) !important;
        }

        .kametas-servicos__item-titulo {
            font-family: "Noto Serif JP", serif;
            font-size: 1.05rem;
            font-weight: 700;
            color: #1C1C1C !important;
            margin: 0 0 12px;
        }

        .kametas-servicos__item-texto {
            font-size: 0.9rem;
            color: #6B6B6B !important;
            line-height: 1.75;
            margin: 0;
            font-weight: 300;
        }

        .kametas-servicos__item-texto strong {
            color: var(--cor-cta);
            font-weight: 500;
        }

        /* Eyebrow label (What We Offer / Our Story) — mesmo padrão das seções
           superiores (Our Menu / Recommendations): label FOGO (--cor-realce,
           AA em todos os fundos claros) + divisor. */
        .kametas-servicos .kametas-label,
        .kametas-sobre .kametas-label {
            display: block;
            color: var(--cor-realce) !important;
            margin-bottom: 10px;
        }

        /* Divisor de talheres sob o título — padronizado em TODAS as seções
           (Our Menu, Recommendations, Serviços, Sobre, Featured, Depoimentos,
           Galeria, Get in touch). Centralizado por herança do __header; no
           Get in touch (intro alinhado à esquerda) nasce à esquerda. */
        .kametas-servicos__header .kametas-divisor,
        .kametas-sobre__header .kametas-divisor,
        .kametas-produtos__header .kametas-divisor,
        .kametas-depoimentos__header .kametas-divisor,
        .kametas-galeria__header .kametas-divisor,
        .kametas-mensagem__intro .kametas-divisor {
            margin: 2px 0 18px;
        }

        @media (max-width: 768px) {

            .kametas-servicos__grid {
                grid-template-columns: 1fr;
                gap: 0;
            }
            .kametas-servicos__item {
                border-left: none !important;
                border-top: 1.5px solid rgba(0,0,0,0.08) !important;
                padding: 24px 0 !important;
            }
            .kametas-servicos__item:first-child {
                border-top: none !important;
                padding-top: 0 !important;
            }
}


        /* Divisores finos dos headers de seção = linha de brasa (degradê fogo
           com pontas transparentes, token --linha-brasa em style.css). */
        .kametas-sobre__header,
        .kametas-produtos__header,
        .kametas-depoimentos__header,
        .kametas-galeria__header {
            border-bottom: 1px solid transparent;
            border-image: var(--linha-brasa);
            padding-bottom: 32px;
            margin-bottom: 48px;
        }


        /* Galeria — sem radius */
        .kametas-galeria__item {
            border-radius: 0 !important;
        }

        /* Hero — imagem sem radius excessivo */
        .kametas-hero__imagem {
            border-radius: 2px !important;
        }

        /* Produtos — cards e botões */
        .kametas-produtos__grid {
            display: block !important;
        }

        body .kametas-produtos .woocommerce ul.products {
            display: flex !important;
            flex-wrap: wrap !important;
            gap: 5px !important;
            padding: 0 !important;
            margin: 0 !important;
            list-style: none !important;
        }

        body .kametas-produtos .woocommerce ul.products li.product {
            flex: 0 0 32.5% !important;
            max-width: 32.5% !important;
            float: none !important;
            margin: 0 !important;
            box-sizing: border-box !important;
            border-radius: var(--raio-card) !important;
            box-shadow: var(--sombra-md) !important;
            border: 0.5px solid rgba(0,0,0,0.06) !important;
            overflow: hidden !important;
            background: #fff !important;
            padding-bottom: 20px !important;
            transition: box-shadow var(--transicao), transform var(--transicao) !important;
        }

        .kametas-produtos .woocommerce ul.products li.product:hover {
            border-color: var(--cor-cta) !important;
            box-shadow: 0 0 0 2px var(--cor-cta-anel), var(--sombra-md) !important;
        }

        .kametas-produtos .woocommerce ul.products li.product a.woocommerce-loop-product__link {
            display: block !important;
            overflow: hidden !important;
        }

        .kametas-produtos .woocommerce ul.products li.product img {
            width: 100% !important;
            height: 240px !important;
            object-fit: cover !important;
            border-radius: 0 !important;
            margin-bottom: 0 !important;
            display: block !important;
            transition: transform 0.4s ease !important;
        }

        .kametas-produtos .woocommerce ul.products li.product:hover img {
            transform: none !important;
        }

        .kametas-produtos .woocommerce ul.products li.product .woocommerce-loop-product__title {
            font-family: "Noto Serif JP", serif !important;
            font-size: 0.95rem !important;
            font-weight: 700 !important;
            color: #1C1C1C !important;
            padding: 16px 16px 4px !important;
            margin: 0 !important;
        }

        .kametas-produtos .woocommerce ul.products li.product .price {
            padding: 0 16px 14px !important;
            color: var(--cor-cta) !important;
            font-weight: 600 !important;
            font-size: 1rem !important;
            display: block !important;
        }@media (max-width: 768px) {


            body .kametas-produtos .woocommerce ul.products li.product {
                flex: 0 0 49% !important;
                max-width: 49% !important;
            }
}
@media (max-width: 480px) {

            body .kametas-produtos .woocommerce ul.products li.product {
                flex: 0 0 100% !important;
                max-width: 100% !important;
            }
}


        /* =====================================================
           Categorias (abaixo do hero) — círculos estilo ref3.
           Imagens vêm do WooCommerce (Produtos > Categorias).
           ===================================================== */
        .kametas-categorias {
            /* Continuação do halo/sombra do hero: o MESMO círculo radial, com o
               centro ancorado 285px ACIMA do topo desta seção (-285px) — que é
               exatamente a borda hero/categorias menos 285px. Assim a metade de
               baixo do círculo do hero reaparece aqui, sem emenda. */
            background: radial-gradient(circle 400px at 75% -285px,
                var(--halo-forte) 0%,
                var(--halo-medio) 42%,
                var(--halo-suave) 70%,
                var(--cor-fundo) 100%);
            padding: 64px 0 36px;
        }

        /* Seção de recomendações (título + chips + grade).
           Transição de seção RADIAL (pedido 2026-07-07): a linear pura criava
           uma "frente" reta na largura toda — lia como corte. Receita usada
           em todas as transições da home:
             camada 1 (radial c/ alpha) — entorta a frente em curva: o creme
               desce mais fundo no eixo do halo (75% x, o mesmo do
               hero/categorias) e menos nas laterais;
             camada 2 (linear) — garante a COR EXATA na emenda com a seção
               de cima em toda a largura (radial sozinho descasaria nos cantos). */
        .kametas-menu-filtro {
            background:
                radial-gradient(ellipse 75% 460px at 75% 0%,
                    var(--cor-fundo) 0%, rgba(250,247,241,0) 100%),
                linear-gradient(180deg, var(--cor-fundo), #fff 320px);
            padding: 24px 0 56px;
        }
        .kametas-menu-filtro__header {
            text-align: center;
            margin-bottom: 32px;
        }
        .kametas-menu-filtro__titulo {
            font-family: "Noto Serif JP", serif;
            font-size: clamp(1.6rem, 3vw, 2.2rem);
            font-weight: 700;
            color: #1C1C1C;
            margin: 0 0 14px;
        }
        .kametas-menu-filtro .kametas-shop-abas {
            margin-bottom: 0;
        }

        /* Grade filtrável — FIEL ao /shop: 3 colunas espaçadas, card branco
           arredondado, sombra, hover lift, imagem 220px cover. NÃO usa
           .kametas-produtos (que traz o layout apertado da seção Featured). */
        .kametas-menu-produtos {
            background: transparent;
            padding: 0;
            margin-top: 36px;
        }
        .kametas-menu-produtos .woocommerce {
            margin: 0;
        }
        .kametas-menu-produtos ul.products {
            display: grid !important;
            grid-template-columns: repeat(3, 1fr) !important;
            gap: 24px !important;
            margin: 0 !important;
            padding: 0 !important;
            list-style: none !important;
        }
        /* Storefront usa ul.products::before/::after (clearfix). Num grid,
           pseudo-elementos viram itens e bagunçam o auto-placement (2+3). */
        .kametas-menu-produtos ul.products::before,
        .kametas-menu-produtos ul.products::after {
            display: none !important;
            content: none !important;
        }
        .kametas-menu-produtos ul.products li.product {
            position: relative !important;
            width: auto !important;
            max-width: none !important;
            float: none !important;
            margin: 0 !important;
            box-sizing: border-box !important;
            background: #fff !important;
            border: 0.5px solid rgba(0,0,0,0.06) !important;
            border-radius: var(--raio-card) !important;
            box-shadow: var(--sombra-md) !important;
            overflow: hidden !important;
            padding: 0 0 16px !important;
            transition: transform var(--transicao), box-shadow var(--transicao) !important;
        }
        .kametas-menu-produtos ul.products li.product:hover {
            border-color: var(--cor-cta) !important;
            box-shadow: 0 0 0 2px var(--cor-cta-anel), var(--sombra-md) !important;
        }
        .kametas-menu-produtos ul.products li.product a.woocommerce-loop-product__link {
            display: block !important;
            overflow: hidden !important;
        }
        .kametas-menu-produtos ul.products li.product img {
            width: 100% !important;
            height: 220px !important;
            object-fit: cover !important;
            border-radius: 0 !important;
            margin: 0 0 12px !important;
            display: block !important;
            transition: transform .45s ease !important;
        }
        .kametas-menu-produtos ul.products li.product:hover img {
            transform: none !important;
        }
        .kametas-menu-produtos ul.products li.product .woocommerce-loop-product__title {
            font-family: "Noto Serif JP", serif !important;
            font-size: 1rem !important;
            font-weight: 700 !important;
            color: #1C1C1C !important;
            padding: 0 16px !important;
            margin: 0 0 6px !important;
        }
        .kametas-menu-produtos ul.products li.product .price {
            padding: 0 16px !important;
            color: var(--cor-principal) !important;
            font-weight: 700 !important;
            font-size: 1rem !important;
            display: block !important;
        }
        .kametas-menu-produtos ul.products li.product a.button {
            margin: 12px 16px 0 !important;
            width: calc(100% - 32px) !important;
            display: block !important;
            text-align: center !important;
            line-height: 1 !important;
            background-color: var(--cor-cta) !important;
            color: #fff !important;
            border: 1px solid var(--cor-cta) !important;
            border-radius: var(--raio-botao) !important;
            text-transform: uppercase !important;
            letter-spacing: 0.08em !important;
            font-size: 12px !important;
            padding: 12px 0 !important;
            font-weight: 600 !important;
            transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease !important;
        }
        .kametas-menu-produtos ul.products li.product a.button:hover {
            background-color: var(--cor-cta-hover) !important;
            border-color: var(--cor-cta-hover) !important;
            color: #fff !important;
            transform: translateY(-1px) !important;
            box-shadow: 0 6px 16px rgba(192,57,43,0.30) !important;
        }
        .kametas-menu-produtos ul.products li.product a.added_to_cart {
            display: block !important;
            text-align: center !important;
            margin: 10px 16px 0 !important;
            font-family: "Inter", sans-serif !important;
            font-size: 12px !important;
            letter-spacing: 0.04em !important;
            color: var(--cor-principal) !important;
            text-decoration: underline !important;
        }
        /* Badge de promoção — igual ao /shop (terracota, plano) */
        .kametas-menu-produtos ul.products li.product .onsale {
            position: absolute !important;
            top: 12px !important;
            left: 12px !important;
            right: auto !important;
            margin: 0 !important;
            min-width: 0 !important;
            min-height: 0 !important;
            padding: 5px 10px !important;
            line-height: 1.4 !important;
            background: var(--cor-secundaria) !important;
            color: #fff !important;
            border: none !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            font-family: "Inter", sans-serif !important;
            font-size: 10px !important;
            font-weight: 500 !important;
            letter-spacing: 0.08em !important;
            text-transform: uppercase !important;
            z-index: 2 !important;
        }

        @media (max-width: 768px) {
            .kametas-menu-produtos ul.products {
                grid-template-columns: repeat(2, 1fr) !important;
            }
        }
        @media (max-width: 480px) {
            .kametas-menu-produtos ul.products {
                grid-template-columns: 1fr !important;
            }
        }

        .kametas-categorias__header {
            text-align: center;
            margin-bottom: 44px;
        }

        .kametas-categorias .kametas-label {
            display: block;
            color: var(--cor-realce);
            margin-bottom: 10px;
        }

        .kametas-categorias__titulo {
            font-family: "Noto Serif JP", serif;
            font-size: clamp(1.6rem, 3vw, 2.2rem);
            font-weight: 700;
            color: #1C1C1C;
            margin: 0 0 14px;
        }

        /* Divisor decorativo padrão (linha — garfo+faca — linha) — FOGO,
           mesmo acento dos labels (decorativo, aria-hidden). */
        .kametas-divisor {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            color: var(--cor-realce);
        }
        .kametas-divisor__linha {
            display: block;
            width: 48px;
            height: 1px;
            background: currentColor;
            opacity: 0.35;
        }
        .kametas-divisor__icone {
            width: 26px;
            height: 26px;
            flex-shrink: 0;
        }

        .kametas-categorias__grid {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 44px;
        }

        .kametas-categoria {
            margin: 0;
        }

        .kametas-categoria__link {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
            text-decoration: none;
        }

        .kametas-categoria__foto {
            display: block;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            overflow: hidden;
            background: var(--cor-fundo);
            box-shadow: var(--sombra-md);
            transition: box-shadow var(--transicao), transform var(--transicao);
        }

        .kametas-categoria__foto img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .45s ease;
        }

        .kametas-categoria__link:hover .kametas-categoria__foto {
            box-shadow: var(--sombra-lg);
            transform: translateY(-5px);
        }

        .kametas-categoria__link:hover .kametas-categoria__foto img {
            transform: scale(1.07);
        }

        .kametas-categoria__nome {
            font-family: "Inter", sans-serif;
            font-size: 0.98rem;
            font-weight: 500;
            letter-spacing: 0.02em;
            color: #1C1C1C;
            transition: color 0.2s ease;
        }

        .kametas-categoria__link:hover .kametas-categoria__nome {
            color: var(--cor-principal);
        }

        @media (max-width: 768px) {
            .kametas-categorias { padding: 48px 0 24px; }
            .kametas-menu-filtro { padding: 0 0 40px; }
            /* mobile: TODAS as categorias numa única linha, círculos pequenos.
               (espelhado em overrides.css p/ o /shop e archives de categoria) */
            .kametas-categorias__grid {
                flex-wrap: nowrap;
                justify-content: center;
                gap: 10px;
            }
            .kametas-categoria { flex: 1 1 0; min-width: 0; }
            .kametas-categoria__link { gap: 8px; }
            .kametas-categoria__foto { width: 70px; height: 70px; }
            .kametas-categoria__nome { font-size: 0.72rem; text-align: center; line-height: 1.25; }
        }

        @media (max-width: 400px) {
            .kametas-categorias__grid { gap: 8px; }
            .kametas-categoria__foto { width: 62px; height: 62px; }
            .kametas-categoria__nome { font-size: 0.66rem; }
        }


        /* =====================================================
           TRANSIÇÕES ENTRE SEÇÕES — "o calor sobe" (pedido do
           cliente 2026-07-06). Em vez de cortes secos branco/creme,
           cada seção FUNDE na próxima com um degradê vertical na
           família creme→pergaminho (análogas; tons de pele evitados,
           Brief §5.1). O fogo continua sendo só ACENTO — o pico é o
           painel de brasa em Catering & Events, logo abaixo.
           Cadeia: hero/categorias (halos, creme) → recommendations
           (creme→branco, regra na própria seção acima) → serviços/
           sobre (branco) → featured (branco→creme) → depoimentos
           (creme→pergaminho, esquentando) → galeria (pergaminho→
           creme) → eventos/mensagem (halos radiais, bordas creme).
           Sobrescreve os fundos lisos de style.css (mesma
           especificidade; home.css carrega depois). ============ */
        /* Transições RADIAIS (pedido 2026-07-07): mesma receita do
           .kametas-menu-filtro — radial c/ alpha entorta a frente da
           transição em curva; a linear por baixo trava a cor exata nas
           emendas com as seções vizinhas (radial sozinho descasa nos
           cantos). O branco desce em "pool" do sobre p/ dentro do
           featured, em vez de uma faixa reta. */
        .kametas-produtos {
            background:
                radial-gradient(ellipse 75% 420px at 50% 0%,
                    #fff 0%, rgba(255,255,255,0) 100%),
                linear-gradient(180deg, #fff, var(--cor-fundo) 300px);
        }
        /* Depoimentos↔Galeria: um ORBE quente compartilhado, ancorado NA
           divisa (mesma técnica do círculo hero↔header): cada seção pinta
           a sua metade do mesmo elipse (halo-medio→alpha, 55% x 320px) —
           embaixo aqui, em cima na galeria. A base linear das duas chega
           à divisa em --halo-suave, então a emenda casa em toda a largura
           e o orbe curva o "calor" no centro, sem frente reta. */
        .kametas-depoimentos {
            background:
                radial-gradient(ellipse 55% 320px at 50% 100%,
                    var(--halo-medio) 0%, rgba(245,236,221,0) 100%),
                linear-gradient(180deg, var(--cor-fundo), var(--halo-suave) 100%);
        }
        /* Galeria: metade de cima do orbe + assenta em --cor-fundo.
           NÃO terminar em #fff: a próxima seção (Catering & Events) tem
           background-color #fff mas o halo radial dela deixa o TOPO
           ~--cor-fundo (o círculo de 520px alcança a borda superior) —
           creme→creme aqui já é contínuo; um stop branco criaria emenda. */
        .kametas-galeria {
            background:
                radial-gradient(ellipse 55% 320px at 50% 0%,
                    var(--halo-medio) 0%, rgba(245,236,221,0) 100%),
                linear-gradient(180deg, var(--halo-suave), var(--cor-fundo) 420px);
        }

        /* =====================================================
           EVENTOS / CATERING CTA — painel de BRASA (o único bloco
           grande de fogo da página, Brief §5.3/5.4) com bandeiras
           Brasil + Japão, título, divisor e botão para a categoria
           Frozen Kits.
           ===================================================== */
        .kametas-eventos {
            /* Mesma base de "Get in Touch" (.kametas-contato): branco + halo
               radial do hero por trás do painel marrom. */
            background-color: #fff;
            background-image: radial-gradient(circle 520px at 50% 50%,
                var(--halo-forte) 0%,
                var(--halo-medio) 42%,
                var(--halo-suave) 70%,
                var(--cor-fundo) 100%);
            padding: 80px 0;
        }

        .kametas-eventos__inner {
            /* Painel de BRASA contido, flutuando sobre o halo — gradiente
               brasa profunda (--grad-brasa, oklch). Branco AA em todos os
               stops (pior caso #FFF/#D64000 = 4.57:1). background-color =
               fallback p/ navegador sem "in oklch". */
            background-color: #A5281B;
            background-image: var(--grad-brasa);
            padding: 56px 48px;
            border-radius: calc(var(--raio-card) * 2);
            box-shadow: var(--sombra-lg);
            text-align: center;
            color: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        /* Par de bandeiras (Brasil + Japão) levemente inclinadas, como pins */
        .kametas-eventos__bandeiras {
            display: inline-flex;
            align-items: center;
            margin-bottom: 22px;
        }

        .kametas-bandeira {
            display: block;
            width: 60px;
            line-height: 0;
            border-radius: 6px;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.55);
            box-shadow: 0 8px 18px rgba(0,0,0,0.28);
        }

        .kametas-bandeira__svg {
            display: block;
            width: 100%;
            height: auto;
        }

        .kametas-bandeira--br { transform: rotate(-7deg); }
        .kametas-bandeira--jp { transform: rotate(7deg); margin-left: -8px; }

        .kametas-eventos .kametas-label {
            display: block;
            color: var(--halo-forte) !important;   /* pergaminho sobre o marrom */
            margin-bottom: 10px;
        }

        .kametas-eventos__titulo {
            font-family: "Noto Serif JP", serif;
            font-size: clamp(1.8rem, 3.4vw, 2.6rem);
            font-weight: 700;
            color: #fff;
            line-height: 1.2;
            margin: 0 0 2px;
        }

        .kametas-eventos .kametas-divisor {
            color: rgba(255,255,255,0.6);
            margin: 8px 0 18px;
        }

        .kametas-eventos__texto {
            font-size: 1.02rem;
            line-height: 1.75;
            color: rgba(255,255,255,0.86);
            max-width: 580px;
            margin: 0 0 30px;
        }

        /* CTA sobre painel escuro = outline branco que preenche no hover
           (mesmo padrão do "Shop Now" do About). Botão na cor do CTA some
           contra o painel marrom — não usar cor sólida da marca aqui.
           !important + especificidade para vencer o .kametas-btn base
           marrom do overrides.css. */
        .kametas-eventos .kametas-eventos__btn {
            box-shadow: var(--sombra-md);
            background-color: transparent !important;
            color: #fff !important;
            border: 2px solid #fff !important;
            padding: 11px 30px !important; /* -2px compensa a borda */
        }
        .kametas-eventos .kametas-btn.kametas-eventos__btn:hover,
        .kametas-eventos .kametas-btn.kametas-eventos__btn:focus {
            background-color: #fff !important;
            color: var(--cor-cta-hover) !important;  /* vermelho sobre branco = 7.19:1 */
            border-color: #fff !important;
            box-shadow: var(--sombra-md) !important;
            transform: translateY(-2px) !important;
        }

        /* =====================================================
           MENSAGEM / CTA de contato rápido — card branco sobre
           halo quente, formulário (nome, telefone, mensagem) que
           envia via AJAX -> wp_mail (functions.php #15).
           ===================================================== */
        .kametas-mensagem {
            /* Mesmo halo radial de Catering & Events / Get in Touch
               (gradiente padronizado entre as três seções). */
            background-color: #fff;
            background-image: radial-gradient(circle 520px at 50% 50%,
                var(--halo-forte) 0%,
                var(--halo-medio) 42%,
                var(--halo-suave) 70%,
                var(--cor-fundo) 100%);
            padding: 80px 0;
        }

        .kametas-mensagem__card {
            display: grid;
            grid-template-columns: 1fr 1.1fr;
            gap: 48px;
            align-items: start;
            background: #fff;
            border: 0.5px solid rgba(0,0,0,0.06);
            border-radius: calc(var(--raio-card) * 1.6);
            box-shadow: var(--sombra-lg);
            padding: 48px;
        }

        .kametas-mensagem .kametas-label {
            display: block;
            color: var(--cor-realce) !important;
            margin-bottom: 10px;
        }

        .kametas-mensagem__titulo {
            font-family: "Noto Serif JP", serif;
            font-size: clamp(1.5rem, 2.6vw, 2rem);
            font-weight: 700;
            color: var(--cor-texto);
            line-height: 1.25;
            margin: 0 0 14px;
        }

        .kametas-mensagem__texto {
            font-size: 1rem;
            line-height: 1.7;
            color: var(--cor-texto-claro);
            margin: 0;
        }

        /* Dados de contato (telefone, e-mail, endereço) movidos para o intro */
        .kametas-mensagem__info {
            list-style: none;
            margin: 26px 0 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .kametas-mensagem__info li {
            display: flex;
            align-items: center;
            gap: 12px;
            font-family: "Inter", sans-serif;
            font-size: 0.95rem;
            color: var(--cor-texto);
        }

        .kametas-mensagem__info svg {
            flex-shrink: 0;
            width: 18px;
            height: 18px;
            color: var(--cor-principal);
        }

        .kametas-mensagem__info a {
            color: var(--cor-texto);
            text-decoration: none;
            transition: color var(--transicao);
        }

        .kametas-mensagem__info a:hover {
            color: var(--cor-principal);
        }

        /* Redes (Facebook / Instagram) como pílulas */
        .kametas-mensagem__redes {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 22px;
        }

        .kametas-mensagem__redes a {
            font-family: "Inter", sans-serif;
            font-size: 0.85rem;
            font-weight: 500;
            letter-spacing: 0.02em;
            color: var(--cor-principal);
            text-decoration: none;
            padding: 8px 18px;
            border: 1px solid rgba(192,57,43,0.3);
            border-radius: var(--raio-chip);
            transition: background-color var(--transicao),
                        border-color var(--transicao),
                        color var(--transicao);
        }

        .kametas-mensagem__redes a:hover {
            background-color: var(--cor-principal);
            border-color: var(--cor-principal);
            color: #fff;
        }

        .kametas-mensagem__form {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .kametas-mensagem__form label {
            display: block;
            font-family: "Inter", sans-serif;
            font-size: 0.85rem;
            font-weight: 500;
            color: var(--cor-texto);
            margin-bottom: 6px;
        }

        .kametas-mensagem__field { margin: 0; }

        .kametas-mensagem__form input,
        .kametas-mensagem__form textarea {
            width: 100%;
            padding: 13px 15px;
            border: 1px solid rgba(0,0,0,0.18);
            border-radius: var(--raio-input);
            background: #fff;
            color: var(--cor-texto);
            font-size: 0.98rem;
            font-family: "Inter", sans-serif;
            box-sizing: border-box;
            transition: border-color var(--transicao), box-shadow var(--transicao);
        }

        .kametas-mensagem__form input::placeholder,
        .kametas-mensagem__form textarea::placeholder {
            color: #9a9a9a;
        }

        /* Foco dos inputs = anel fogo fino (borda + halo sutil). Distinto do
           erro do form, que é crimson escuro --cor-erro + ícone + caixa
           (Brief §4 / WCAG 1.4.1) — nunca se confundem. */
        .kametas-mensagem__form input:focus,
        .kametas-mensagem__form textarea:focus {
            outline: none;
            border-color: var(--cor-principal);
            box-shadow: 0 0 0 3px rgba(192,57,43,0.12);
        }

        .kametas-mensagem__form textarea {
            min-height: 130px;
            resize: vertical;
        }

        .kametas-mensagem__form .kametas-btn {
            align-self: flex-start;
            margin-top: 4px;
            /* Ação primária da seção = vermelho CTA (!important para vencer
               o .kametas-btn base marrom do overrides.css). */
            background-color: var(--cor-cta) !important;
            background-image: var(--grad-cta) !important;
            border: 1px solid var(--cor-cta) !important;
        }
        .kametas-mensagem__form .kametas-btn:hover,
        .kametas-mensagem__form .kametas-btn:focus {
            background-color: var(--cor-cta-hover) !important;
            background-image: none !important;
            border-color: var(--cor-cta-hover) !important;
            box-shadow: var(--sombra-cta) !important;
        }

        /* honeypot anti-spam — fora da tela, sem foco/leitura */
        .kametas-hp {
            position: absolute !important;
            left: -9999px !important;
            width: 1px !important;
            height: 1px !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }

        .kametas-mensagem__status {
            font-size: 0.92rem;
            line-height: 1.5;
            margin: 2px 0 0;
            min-height: 1.2em;
        }
        /* Feedback do envio (Brief §4 / WCAG 1.4.1): nunca só cor — caixa
           clara + ícone + texto. Erro usa --cor-erro (crimson escuro),
           DISTINTO do vermelho do CTA. A caixa só aparece com o estado. */
        .kametas-mensagem__status.is-success,
        .kametas-mensagem__status.is-error {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            padding: 10px 14px;
            border-radius: var(--raio-input);
        }
        .kametas-mensagem__status.is-success::before,
        .kametas-mensagem__status.is-error::before {
            content: "";
            flex-shrink: 0;
            width: 17px;
            height: 17px;
            margin-top: 1px;
            background-repeat: no-repeat;
            background-size: 17px 17px;
        }
        .kametas-mensagem__status.is-success {
            color: var(--cor-sucesso);
            background-color: var(--cor-sucesso-fundo);
            border-left: 3px solid var(--cor-sucesso);
        }
        .kametas-mensagem__status.is-success::before {
            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%231F7A4D%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%2F%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.27%22%2F%3E%3C%2Fsvg%3E");
        }
        .kametas-mensagem__status.is-error {
            color: var(--cor-erro);
            background-color: var(--cor-erro-fundo);
            border-left: 3px solid var(--cor-erro);
        }
        .kametas-mensagem__status.is-error::before {
            background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238A1622%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.29%203.86%201.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%229%22%20x2%3D%2212%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2217%22%20x2%3D%2212.01%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E");
        }

        /* Mapa embutido no card, em largura cheia. Moldura de "vidro marrom":
           marrom translúcido + blur + brilho superior, com padding entre o
           mapa e a borda do frame (efeito de vidro mantendo a cor da marca). */
        /* Mapa embutido no card, em largura cheia. Moldura de "vidro marrom":
           marrom translúcido + blur + brilho superior, com padding entre o
           mapa e a borda do frame. */
        .kametas-mensagem__mapa {
            grid-column: 1 / -1;
            padding: 10px;
            border-radius: calc(var(--raio-card) + 6px);
            /* Moldura fogo SÓLIDA (sem transparência): gradiente opaco
               vermelho→vermelho escuro. Sem alpha, o backdrop-filter não
               tem o que borrar, então foi removido. */
            background: linear-gradient(160deg,
                var(--cor-cta),
                var(--cor-cta-hover));
            border: 1px solid rgba(255,255,255,0.22);
            box-shadow: 0 10px 28px rgba(192,57,43,0.20),
                        inset 0 1px 0 rgba(255,255,255,0.25);
        }

        .kametas-mensagem__mapa iframe {
            display: block;
            width: 100%;
            height: 300px;
            border: 1px solid var(--cor-principal);
            border-radius: var(--raio-card);
        }

        /* Desktop: divisor sutil entre o intro (contato) e o formulário */
        @media (min-width: 769px) {
            .kametas-mensagem__card { gap: 0; }
            .kametas-mensagem__intro { padding-right: 48px; }
            .kametas-mensagem__form {
                padding-left: 48px;
                border-left: 1px solid rgba(0,0,0,0.08);
            }
            .kametas-mensagem__mapa { margin-top: 36px; }
        }

        @media (max-width: 768px) {
            .kametas-eventos { padding: 56px 0; }
            .kametas-eventos__inner { padding: 36px 24px; }
            .kametas-mensagem { padding: 56px 0; }
            .kametas-mensagem__card {
                grid-template-columns: 1fr;
                gap: 26px;
                padding: 30px 22px;
            }
            .kametas-bandeira { width: 52px; }
        }