/*
 * Gianthi 1.0.0 — estilos versionados extraídos do custom_css do Elementor.
 * Mantém o visual aprovado sem depender de CSS embutido no JSON.
 */

/* Elementor source: ca6bc18 */
/* =====================================================
   BACKGROUND COMPLETO — ELEMENTOR
   ===================================================== */

#fundo-gianthi {
    /*
     * Permite posicionar a circunferência
     * dentro do container.
     */
    position: relative !important;

    /*
     * Impede que os elementos decorativos
     * interfiram em outras seções.
     */
    isolation: isolate;

    /*
     * Esconde a parte da circunferência
     * que ultrapassa o container.
     */
    overflow: hidden !important;

    /*
     * Cor principal do background.
     */
    background-color: #F6F5F2 !important;

    /*
     * Duas linhas sobrepostas:
     * a primeira cria as linhas horizontais;
     * a segunda cria as linhas verticais.
     */
    background-image:

        /* Linhas horizontais */
        linear-gradient(
            to bottom,
            #f2f0ed 0,
            #ffffff 1px,
            transparent 1px,
            transparent 72px
        ),

        /* Linhas verticais */
        linear-gradient(
            to right,
            #f2f0ed 0,
            #ffffff 1px,
            transparent 1px,
            transparent 72px
        ) !important;

    /*
     * Define quadrados de 72 × 72 pixels.
     */
    background-size:
        72px 72px,
        72px 72px !important;

    background-position:
        top left,
        top left !important;

    background-repeat:
        repeat,
        repeat !important;
}


/* =====================================================
   REMOVE A SOBREPOSIÇÃO NATIVA DO ELEMENTOR
   ===================================================== */

#fundo-gianthi > .elementor-background-overlay {
    display: none !important;
}


/* =====================================================
   CIRCUNFERÊNCIA COM SOBREPOSIÇÃO BRANCA
   ===================================================== */

#fundo-gianthi::after {
    content: "";

    position: absolute;

    /*
     * Posicionamento semelhante à referência.
     */
    top: -368px;
    right: -288px;

    /*
     * Tamanho da circunferência.
     */
    width: 770px;
    height: 770px;

    /*
     * Linha externa da circunferência.
     */
    border: 1px solid #e6d7bb;
    border-radius: 50%;

    /*
     * Sobreposição branca interna.
     *
     * 0.28 equivale a 28% de opacidade.
     * O contorno continua com a cor original.
     */
    background-color: rgba(255, 255, 255, 0.28);

    /*
     * Coloca a circunferência entre o background
     * e o conteúdo da seção.
     */
    z-index: 1;

    /*
     * Evita que a circunferência bloqueie
     * cliques em botões e links.
     */
    pointer-events: none;
}


/* =====================================================
   CONTEÚDO ACIMA DA CIRCUNFERÊNCIA
   ===================================================== */

#fundo-gianthi > *:not(.elementor-background-overlay) {
    position: relative;
    z-index: 2;
}


/* =====================================================
   CONTAINERS INTERNOS TRANSPARENTES
   ===================================================== */

/*
 * Impede que containers internos com fundo branco
 * escondam o background quadriculado.
 */
#fundo-gianthi > .e-con-inner,
#fundo-gianthi > .elementor-container,
#fundo-gianthi > .elementor-widget-wrap {
    background-color: transparent !important;
    background-image: none !important;
}


/* =====================================================
   RESPONSIVIDADE PARA TABLETS
   ===================================================== */

@media (max-width: 1024px) {

    #fundo-gianthi::after {
        top: -310px;
        right: -300px;

        width: 650px;
        height: 650px;
    }
}


/* =====================================================
   RESPONSIVIDADE PARA CELULARES
   ===================================================== */

@media (max-width: 767px) {

    #fundo-gianthi {
        /*
         * Quadrados menores no celular.
         */
        background-size:
            48px 48px,
            48px 48px !important;
    }

    #fundo-gianthi::after {
        top: -230px;
        right: -250px;

        width: 500px;
        height: 500px;

        /*
         * Sobreposição um pouco mais suave
         * em telas menores.
         */
        background-color: rgba(255, 255, 255, 0.22);
    }
}

/* Elementor source: 1b6c94c */
/* ==================================================
   CARD PRINCIPAL
================================================== */

.card-segmento {
    position: relative !important;
    isolation: isolate !important;

    width: 100% !important;
    max-width: 580px !important;

    height: 588px !important;
    min-height: 588px !important;
    max-height: 588px !important;

    margin: 0 auto !important;
    padding: 66px 60px !important;

    box-sizing: border-box !important;

    background-color: #ffffff !important;

    border: 1px solid #e4d3bc !important;
    border-radius: 28px !important;

    overflow: hidden !important;
}


/* ==================================================
   CÍRCULO SUPERIOR DIREITO
================================================== */

.card-segmento::before {
    content: "" !important;

    position: absolute !important;

    top: -185px !important;
    right: -135px !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 0 !important;

    width: 410px !important;
    height: 410px !important;

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

    display: block !important;

    background: transparent !important;

    border: 1px solid rgba(181, 120, 47, 0.28) !important;
    border-radius: 50% !important;

    transform: none !important;

    pointer-events: none !important;
}


/* ==================================================
   CONTAINER DO CONTEÚDO
================================================== */

.card-segmento .card-segmento-conteudo {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 335px !important;

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

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}


/* ==================================================
   ETIQUETA
================================================== */

.card-segmento .card-segmento-etiqueta {
    width: 100% !important;

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

.card-segmento
.card-segmento-etiqueta
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.card-segmento
.card-segmento-etiqueta
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #79531D !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}


/* ==================================================
   TÍTULO
================================================== */

.card-segmento .card-segmento-titulo {
    width: 100% !important;
    max-width: 335px !important;

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

.card-segmento
.card-segmento-titulo
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.card-segmento
.card-segmento-titulo
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #11100E !important;

    font-family: "Manrope", "Inter", Arial, sans-serif !important;
    font-size: 29px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;

    letter-spacing: -0.04em !important;
}


/* ==================================================
   DESCRIÇÃO COM LARGURA REDUZIDA
================================================== */

.card-segmento .card-segmento-descricao {
    width: 100% !important;
    max-width: 315px !important;

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

.card-segmento
.card-segmento-descricao
.elementor-widget-container {
    width: 100% !important;
    max-width: 315px !important;

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

.card-segmento
.card-segmento-descricao p {
    width: 100% !important;
    max-width: 315px !important;

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

    color: #65615B !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* ==================================================
   CONTAINER DAS TAGS
================================================== */

.card-segmento .card-segmento-tags {
    position: relative !important;
    z-index: 4 !important;

    width: 100% !important;
    max-width: 335px !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

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

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

    gap: 8px !important;
}


/* ==================================================
   TAGS
================================================== */

.card-segmento .tag-segmento {
    width: auto !important;
    max-width: max-content !important;

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

    flex: 0 0 auto !important;
}

.card-segmento
.tag-segmento
.elementor-button {
    min-height: 34px !important;

    padding: 8px 14px !important;

    background-color: rgba(255, 255, 255, 0.88) !important;

    border: 1px solid #dfc7aa !important;
    border-radius: 999px !important;

    color: #11100E !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;

    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease !important;
}

.card-segmento
.tag-segmento
.elementor-button:hover {
    color: #ffffff !important;

    background-color: #79531D !important;
    border-color: #79531D !important;
}


/* ==================================================
   LINK INFERIOR
================================================== */

.card-segmento .card-segmento-link {
    position: relative !important;
    z-index: 4 !important;

    width: auto !important;
    max-width: max-content !important;

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

.card-segmento
.card-segmento-link
.elementor-button {
    padding: 0 !important;

    background-color: transparent !important;

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

    color: #79531D !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    box-shadow: none !important;
}

.card-segmento
.card-segmento-link
.elementor-button-icon {
    transition: transform 0.3s ease !important;
}

.card-segmento
.card-segmento-link
.elementor-button:hover {
    color: #7c3805 !important;
    background-color: transparent !important;
}

.card-segmento
.card-segmento-link
.elementor-button:hover
.elementor-button-icon {
    transform: translate(3px, -3px);
}


/* ==================================================
   IMAGEM DOS PRODUTOS
   MENOR E NO CANTO INFERIOR DIREITO
================================================== */

.card-segmento .card-segmento-imagem {
    position: absolute !important;

    top: auto !important;
    right: -8px !important;
    bottom: -4px !important;
    left: auto !important;

    z-index: 1 !important;

    width: 58% !important;
    max-width: 340px !important;

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

    transform: none !important;

    pointer-events: none !important;
}

.card-segmento
.card-segmento-imagem
.elementor-widget-container {
    width: 100% !important;
    height: auto !important;

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

.card-segmento
.card-segmento-imagem img {
    display: block !important;

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

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

    object-fit: contain !important;
    object-position: right bottom !important;

    transform: none;
    transform-origin: right bottom;

    filter:
        drop-shadow(0 14px 20px rgba(70, 44, 20, 0.07));

    transition: transform 0.5s ease !important;
}


/* Movimento suave no hover */
.card-segmento:hover
.card-segmento-imagem img {
    transform: translateY(-4px);
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px) {
    .card-segmento {
        height: 570px !important;
        min-height: 570px !important;
        max-height: 570px !important;

        padding: 55px 45px !important;
    }

    .card-segmento::before {
        top: -170px !important;
        right: -145px !important;
        bottom: auto !important;
        left: auto !important;

        width: 380px !important;
        height: 380px !important;
    }

    .card-segmento .card-segmento-imagem {
        top: auto !important;
        right: -10px !important;
        bottom: -4px !important;
        left: auto !important;

        width: 59% !important;
        max-width: 330px !important;
    }
}


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

@media (max-width: 767px) {
    .card-segmento {
        width: 100% !important;
        max-width: 100% !important;

        height: 630px !important;
        min-height: 630px !important;
        max-height: 630px !important;

        padding: 42px 28px !important;

        border-radius: 22px !important;
    }

    .card-segmento::before {
        top: -145px !important;
        right: -155px !important;
        bottom: auto !important;
        left: auto !important;

        width: 340px !important;
        height: 340px !important;
    }

    .card-segmento .card-segmento-conteudo {
        width: 100% !important;
        max-width: 100% !important;
    }

    .card-segmento .card-segmento-titulo {
        max-width: 310px !important;
    }

    .card-segmento
    .card-segmento-titulo
    .elementor-heading-title {
        font-size: 27px !important;
    }

    .card-segmento .card-segmento-descricao,
    .card-segmento
    .card-segmento-descricao
    .elementor-widget-container,
    .card-segmento
    .card-segmento-descricao p {
        max-width: 295px !important;
    }

    .card-segmento
    .card-segmento-descricao p {
        font-size: 15px !important;
    }

    .card-segmento .card-segmento-tags {
        max-width: 310px !important;
        margin-bottom: 25px !important;
    }

    .card-segmento .card-segmento-imagem {
        top: auto !important;
        right: -10px !important;
        bottom: -4px !important;
        left: auto !important;

        width: 72% !important;
        max-width: 320px !important;
    }
}


/* ==================================================
   CELULARES PEQUENOS
================================================== */

@media (max-width: 420px) {
    .card-segmento {
        height: 610px !important;
        min-height: 610px !important;
        max-height: 610px !important;

        padding: 36px 22px !important;
    }

    .card-segmento
    .card-segmento-titulo
    .elementor-heading-title {
        font-size: 25px !important;
    }

    .card-segmento .card-segmento-tags {
        gap: 6px !important;
    }

    .card-segmento
    .tag-segmento
    .elementor-button {
        padding: 7px 11px !important;
        font-size: 11px !important;
    }

    .card-segmento .card-segmento-imagem {
        right: -8px !important;
        bottom: -3px !important;

        width: 76% !important;
        max-width: 300px !important;
    }
}

/* ==========================================================
   GIANTHI 1.0 — AJUSTE FINAL MOBILE
   Imagem passa a participar do fluxo para nunca disputar
   espaço com tags e CTA em telas estreitas.
========================================================== */
@media (max-width: 767px) {
    .card-segmento {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 34px 26px 0 !important;
    }

    .card-segmento .card-segmento-conteudo,
    .card-segmento .card-segmento-titulo,
    .card-segmento .card-segmento-descricao,
    .card-segmento .card-segmento-descricao .elementor-widget-container,
    .card-segmento .card-segmento-descricao p,
    .card-segmento .card-segmento-tags {
        width: 100% !important;
        max-width: none !important;
    }

    .card-segmento .card-segmento-tags {
        margin-bottom: 18px !important;
    }

    .card-segmento .card-segmento-link {
        margin-bottom: 0 !important;
    }

    .card-segmento .card-segmento-imagem {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        order: 99 !important;
        align-self: flex-end !important;
        width: min(88%, 320px) !important;
        max-width: 320px !important;
        margin: 24px -12px -4px auto !important;
    }
}

@media (max-width: 420px) {
    .card-segmento {
        padding: 30px 22px 0 !important;
    }

    .card-segmento .card-segmento-imagem {
        width: min(92%, 290px) !important;
        margin-top: 20px !important;
        margin-right: -10px !important;
    }
}

/* Elementor source: bf8ea13 */
/* ==================================================
   CARD PRINCIPAL
================================================== */

.card-segmento {
    position: relative !important;
    isolation: isolate !important;

    width: 100% !important;
    max-width: 580px !important;

    height: 588px !important;
    min-height: 588px !important;
    max-height: 588px !important;

    margin: 0 auto !important;
    padding: 66px 60px !important;

    box-sizing: border-box !important;

    background-color: #ffffff !important;

    border: 1px solid #e4d3bc !important;
    border-radius: 28px !important;

    overflow: hidden !important;
}


/* ==================================================
   CÍRCULO SUPERIOR DIREITO
================================================== */

.card-segmento::before {
    content: "" !important;

    position: absolute !important;

    top: -185px !important;
    right: -135px !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 0 !important;

    width: 410px !important;
    height: 410px !important;

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

    display: block !important;

    background: transparent !important;

    border: 1px solid rgba(181, 120, 47, 0.28) !important;
    border-radius: 50% !important;

    transform: none !important;

    pointer-events: none !important;
}


/* ==================================================
   CONTAINER DO CONTEÚDO
================================================== */

.card-segmento .card-segmento-conteudo {
    position: relative !important;
    z-index: 3 !important;

    width: 100% !important;
    max-width: 335px !important;

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

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}


/* ==================================================
   ETIQUETA
================================================== */

.card-segmento .card-segmento-etiqueta {
    width: 100% !important;

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

.card-segmento
.card-segmento-etiqueta
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.card-segmento
.card-segmento-etiqueta
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #79531D !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
}


/* ==================================================
   TÍTULO
================================================== */

.card-segmento .card-segmento-titulo {
    width: 100% !important;
    max-width: 335px !important;

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

.card-segmento
.card-segmento-titulo
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}

.card-segmento
.card-segmento-titulo
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #11100E !important;

    font-family: "Manrope", "Inter", Arial, sans-serif !important;
    font-size: 29px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;

    letter-spacing: -0.04em !important;
}


/* ==================================================
   DESCRIÇÃO COM LARGURA REDUZIDA
================================================== */

.card-segmento .card-segmento-descricao {
    width: 100% !important;
    max-width: 315px !important;

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

.card-segmento
.card-segmento-descricao
.elementor-widget-container {
    width: 100% !important;
    max-width: 315px !important;

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

.card-segmento
.card-segmento-descricao p {
    width: 100% !important;
    max-width: 315px !important;

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

    color: #65615B !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* ==================================================
   CONTAINER DAS TAGS
================================================== */

.card-segmento .card-segmento-tags {
    position: relative !important;
    z-index: 4 !important;

    width: 100% !important;
    max-width: 335px !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

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

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

    gap: 8px !important;
}


/* ==================================================
   TAGS
================================================== */

.card-segmento .tag-segmento {
    width: auto !important;
    max-width: max-content !important;

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

    flex: 0 0 auto !important;
}

.card-segmento
.tag-segmento
.elementor-button {
    min-height: 34px !important;

    padding: 8px 14px !important;

    background-color: rgba(255, 255, 255, 0.88) !important;

    border: 1px solid #dfc7aa !important;
    border-radius: 999px !important;

    color: #11100E !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    box-shadow: none !important;

    transition:
        color 0.3s ease,
        background-color 0.3s ease,
        border-color 0.3s ease !important;
}

.card-segmento
.tag-segmento
.elementor-button:hover {
    color: #ffffff !important;

    background-color: #79531D !important;
    border-color: #79531D !important;
}


/* ==================================================
   LINK INFERIOR
================================================== */

.card-segmento .card-segmento-link {
    position: relative !important;
    z-index: 4 !important;

    width: auto !important;
    max-width: max-content !important;

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

.card-segmento
.card-segmento-link
.elementor-button {
    padding: 0 !important;

    background-color: transparent !important;

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

    color: #79531D !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    box-shadow: none !important;
}

.card-segmento
.card-segmento-link
.elementor-button-icon {
    transition: transform 0.3s ease !important;
}

.card-segmento
.card-segmento-link
.elementor-button:hover {
    color: #7c3805 !important;
    background-color: transparent !important;
}

.card-segmento
.card-segmento-link
.elementor-button:hover
.elementor-button-icon {
    transform: translate(3px, -3px);
}


/* ==================================================
   IMAGEM DOS PRODUTOS
   MENOR E NO CANTO INFERIOR DIREITO
================================================== */

.card-segmento .card-segmento-imagem {
    position: absolute !important;

    top: auto !important;
    right: -8px !important;
    bottom: -4px !important;
    left: auto !important;

    z-index: 1 !important;

    width: 58% !important;
    max-width: 340px !important;

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

    transform: none !important;

    pointer-events: none !important;
}

.card-segmento
.card-segmento-imagem
.elementor-widget-container {
    width: 100% !important;
    height: auto !important;

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

.card-segmento
.card-segmento-imagem img {
    display: block !important;

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

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

    object-fit: contain !important;
    object-position: right bottom !important;

    transform: none;
    transform-origin: right bottom;

    filter:
        drop-shadow(0 14px 20px rgba(70, 44, 20, 0.07));

    transition: transform 0.5s ease !important;
}


/* Movimento suave no hover */
.card-segmento:hover
.card-segmento-imagem img {
    transform: translateY(-4px);
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1024px) {
    .card-segmento {
        height: 570px !important;
        min-height: 570px !important;
        max-height: 570px !important;

        padding: 55px 45px !important;
    }

    .card-segmento::before {
        top: -170px !important;
        right: -145px !important;
        bottom: auto !important;
        left: auto !important;

        width: 380px !important;
        height: 380px !important;
    }

    .card-segmento .card-segmento-imagem {
        top: auto !important;
        right: -10px !important;
        bottom: -4px !important;
        left: auto !important;

        width: 59% !important;
        max-width: 330px !important;
    }
}


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

@media (max-width: 767px) {
    .card-segmento {
        width: 100% !important;
        max-width: 100% !important;

        height: 630px !important;
        min-height: 630px !important;
        max-height: 630px !important;

        padding: 42px 28px !important;

        border-radius: 22px !important;
    }

    .card-segmento::before {
        top: -145px !important;
        right: -155px !important;
        bottom: auto !important;
        left: auto !important;

        width: 340px !important;
        height: 340px !important;
    }

    .card-segmento .card-segmento-conteudo {
        width: 100% !important;
        max-width: 100% !important;
    }

    .card-segmento .card-segmento-titulo {
        max-width: 310px !important;
    }

    .card-segmento
    .card-segmento-titulo
    .elementor-heading-title {
        font-size: 27px !important;
    }

    .card-segmento .card-segmento-descricao,
    .card-segmento
    .card-segmento-descricao
    .elementor-widget-container,
    .card-segmento
    .card-segmento-descricao p {
        max-width: 295px !important;
    }

    .card-segmento
    .card-segmento-descricao p {
        font-size: 15px !important;
    }

    .card-segmento .card-segmento-tags {
        max-width: 310px !important;
        margin-bottom: 25px !important;
    }

    .card-segmento .card-segmento-imagem {
        top: auto !important;
        right: -10px !important;
        bottom: -4px !important;
        left: auto !important;

        width: 72% !important;
        max-width: 320px !important;
    }
}


/* ==================================================
   CELULARES PEQUENOS
================================================== */

@media (max-width: 420px) {
    .card-segmento {
        height: 610px !important;
        min-height: 610px !important;
        max-height: 610px !important;

        padding: 36px 22px !important;
    }

    .card-segmento
    .card-segmento-titulo
    .elementor-heading-title {
        font-size: 25px !important;
    }

    .card-segmento .card-segmento-tags {
        gap: 6px !important;
    }

    .card-segmento
    .tag-segmento
    .elementor-button {
        padding: 7px 11px !important;
        font-size: 11px !important;
    }

    .card-segmento .card-segmento-imagem {
        right: -8px !important;
        bottom: -3px !important;

        width: 76% !important;
        max-width: 300px !important;
    }
}

/* ==================================================
   CONTAINER DOS DOIS CARDS
================================================== */

.grade-segmentos {
    width: 100% !important;
    max-width: 1184px !important;

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

    display: grid !important;
    grid-template-columns:
        repeat(2, minmax(0, 580px)) !important;

    align-items: stretch !important;
    justify-content: center !important;

    column-gap: 24px !important;
    row-gap: 24px !important;
}


/* Remove posicionamentos anteriores dos cards */
.grade-segmentos > .card-segmento {
    width: 100% !important;
    max-width: 580px !important;

    margin: 0 !important;

    grid-column: auto !important;
    grid-row: auto !important;
}


/* ==================================================
   CARD PET
================================================== */

.card-segmento.card-segmento-pet {
    background-color: #e7eee7 !important;

    /* Círculos suaves adicionais */
    background-image:
        radial-gradient(
            circle 310px at 97% 1%,
            transparent 0,
            transparent 215px,
            rgba(76, 105, 83, 0.045) 216px,
            rgba(76, 105, 83, 0.045) 260px,
            transparent 261px
        ),
        radial-gradient(
            circle 390px at 97% 1%,
            transparent 0,
            transparent 285px,
            rgba(76, 105, 83, 0.028) 286px,
            rgba(76, 105, 83, 0.028) 340px,
            transparent 341px
        ) !important;

    background-repeat: no-repeat !important;

    border-color: #bdcabd !important;
}


/* ==================================================
   CÍRCULO DO CARD PET
================================================== */

.card-segmento.card-segmento-pet::before {
    top: -175px !important;
    right: -135px !important;
    bottom: auto !important;
    left: auto !important;

    width: 410px !important;
    height: 410px !important;

    border-color: rgba(84, 111, 90, 0.22) !important;
}


/* ==================================================
   CONTEÚDO DO CARD PET
================================================== */

.card-segmento-pet .card-segmento-conteudo {
    width: 100% !important;
    max-width: 290px !important;
}


/* ==================================================
   TÍTULO DO CARD PET
================================================== */

.card-segmento-pet .card-segmento-titulo {
    width: 100% !important;
    max-width: 290px !important;
}

.card-segmento-pet
.card-segmento-titulo
.elementor-heading-title {
    max-width: 290px !important;
}


/* ==================================================
   DESCRIÇÃO DO CARD PET
================================================== */

.card-segmento-pet .card-segmento-descricao,
.card-segmento-pet
.card-segmento-descricao
.elementor-widget-container,
.card-segmento-pet
.card-segmento-descricao p {
    width: 100% !important;
    max-width: 265px !important;
}


/* ==================================================
   TAGS DO CARD PET
================================================== */

.card-segmento-pet .card-segmento-tags {
    width: 100% !important;
    max-width: 260px !important;

    column-gap: 8px !important;
    row-gap: 8px !important;
}


/* Tags com fundo adaptado ao card verde */
.card-segmento-pet
.tag-segmento
.elementor-button {
    background-color: rgba(255, 255, 255, 0.72) !important;
}


/* ==================================================
   IMAGEM DOS PRODUTOS PET
================================================== */

.card-segmento-pet .card-segmento-imagem-pet {
    position: absolute !important;

    top: auto !important;
    right: -5px !important;
    bottom: 6px !important;
    left: auto !important;

    z-index: 1 !important;

    width: 52% !important;
    max-width: 305px !important;

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

    transform: none !important;

    pointer-events: none !important;
}

.card-segmento-pet
.card-segmento-imagem-pet
.elementor-widget-container {
    width: 100% !important;

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

.card-segmento-pet
.card-segmento-imagem-pet img {
    display: block !important;

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

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

    object-fit: contain !important;
    object-position: right bottom !important;

    transform: none;

    filter:
        drop-shadow(0 15px 20px rgba(42, 65, 48, 0.10));

    transition: transform 0.5s ease !important;
}

.card-segmento-pet:hover
.card-segmento-imagem-pet img {
    transform: translateY(-4px);
}


/* ==================================================
   TABLET — UM CARD ABAIXO DO OUTRO
================================================== */

@media (max-width: 1100px) {
    .grade-segmentos {
        grid-template-columns:
            minmax(0, 580px) !important;

        justify-content: center !important;

        row-gap: 24px !important;
    }
}


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

@media (max-width: 767px) {
    .grade-segmentos {
        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;
    }

    .grade-segmentos > .card-segmento {
        width: 100% !important;
        max-width: 100% !important;
    }

    .card-segmento-pet .card-segmento-conteudo {
        max-width: 100% !important;
    }

    .card-segmento-pet .card-segmento-titulo {
        max-width: 290px !important;
    }

    .card-segmento-pet .card-segmento-descricao,
    .card-segmento-pet
    .card-segmento-descricao
    .elementor-widget-container,
    .card-segmento-pet
    .card-segmento-descricao p {
        max-width: 270px !important;
    }

    .card-segmento-pet .card-segmento-imagem-pet {
        top: auto !important;
        right: -5px !important;
        bottom: 5px !important;
        left: auto !important;

        width: 65% !important;
        max-width: 300px !important;
    }
}


/* ==================================================
   CELULARES PEQUENOS
================================================== */

@media (max-width: 420px) {
    .card-segmento-pet .card-segmento-imagem-pet {
        right: -8px !important;
        bottom: 4px !important;

        width: 68% !important;
        max-width: 285px !important;
    }
}

/* Elementor source: 28ff48c */
/* ==================================================
   CONTAINER PRINCIPAL DA SANFONA
================================================== */

.faq-personalizada .elementor-accordion,
.faq-personalizada .e-n-accordion {
    width: 100% !important;

    background-color: #ffffff !important;

    border: 1px solid #DEDAD2 !important;
    border-radius: 18px !important;

    overflow: hidden !important;
}


/* ==================================================
   ITENS
================================================== */

.faq-personalizada .elementor-accordion-item,
.faq-personalizada .e-n-accordion-item {
    margin: 0 !important;

    background-color: #ffffff !important;

    border: none !important;
    border-bottom: 1px solid #DEDAD2 !important;
    border-radius: 0 !important;

    transition: background-color 0.3s ease !important;
}

/* Remove a linha do último item */
.faq-personalizada .elementor-accordion-item:last-child,
.faq-personalizada .e-n-accordion-item:last-child {
    border-bottom: none !important;
}


/* ==================================================
   ÁREA DA PERGUNTA
================================================== */

.faq-personalizada .elementor-tab-title,
.faq-personalizada .e-n-accordion-item-title {
    position: relative !important;

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

    margin: 0 !important;
    padding: 26px 58px 26px 24px !important;

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

    background-color: transparent !important;

    border: none !important;

    color: #11100E !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    cursor: pointer !important;

    transition:
        color 0.3s ease,
        background-color 0.3s ease !important;
}


/* ==================================================
   REMOVE OS ÍCONES ORIGINAIS
================================================== */

.faq-personalizada .elementor-accordion-icon,
.faq-personalizada .e-n-accordion-item-title-icon {
    display: none !important;
}


/* ==================================================
   ÍCONE DE MAIS
================================================== */

.faq-personalizada .elementor-tab-title::after,
.faq-personalizada .e-n-accordion-item-title::after {
    content: "+";

    position: absolute;
    top: 50%;
    right: 24px;

    color: #79531D;

    font-family: Arial, sans-serif;
    font-size: 23px;
    font-weight: 400;
    line-height: 1;

    transform: translateY(-50%) rotate(0deg);

    transition:
        transform 0.3s ease,
        color 0.3s ease;
}


/* ==================================================
   ÍCONE QUANDO ABERTO
================================================== */

.faq-personalizada
.elementor-tab-title.elementor-active::after {
    transform: translateY(-50%) rotate(45deg);
}

.faq-personalizada
.e-n-accordion-item[open]
> .e-n-accordion-item-title::after {
    transform: translateY(-50%) rotate(45deg);
}


/* ==================================================
   RESPOSTA
================================================== */

.faq-personalizada .elementor-tab-content {
    margin: 0 !important;
    padding: 0 58px 26px 24px !important;

    background-color: #ffffff !important;

    border: none !important;

    color: #65615B !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/* Conteúdo da sanfona aninhada */
.faq-personalizada
.e-n-accordion-item
> .elementor-element {
    margin: 0 !important;
    padding: 0 58px 26px 24px !important;

    background-color: #ffffff !important;
}

.faq-personalizada .elementor-tab-content p,
.faq-personalizada
.e-n-accordion-item
> .elementor-element p {
    margin: 0 !important;

    color: #65615B !important;

    font-family: "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}


/* ==================================================
   ITEM ABERTO
================================================== */

.faq-personalizada
.elementor-tab-title.elementor-active,
.faq-personalizada
.e-n-accordion-item[open]
> .e-n-accordion-item-title {
    min-height: auto !important;
    padding-bottom: 18px !important;

    background-color: #ffffff !important;
}


/* ==================================================
   HOVER
================================================== */

.faq-personalizada
.elementor-tab-title:not(.elementor-active):hover,
.faq-personalizada
.e-n-accordion-item:not([open])
> .e-n-accordion-item-title:hover {
    background-color: #FFFFFF !important;
    color: #79531D !important;
}

.faq-personalizada
.elementor-tab-title:hover::after,
.faq-personalizada
.e-n-accordion-item-title:hover::after {
    color: #743606;
}


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

@media (max-width: 767px) {
    .faq-personalizada .elementor-accordion,
    .faq-personalizada .e-n-accordion {
        border-radius: 15px !important;
    }

    .faq-personalizada .elementor-tab-title,
    .faq-personalizada .e-n-accordion-item-title {
        min-height: 74px !important;

        padding:
            22px
            50px
            22px
            19px !important;

        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .faq-personalizada .elementor-tab-title::after,
    .faq-personalizada .e-n-accordion-item-title::after {
        right: 19px;
        font-size: 21px;
    }

    .faq-personalizada .elementor-tab-content,
    .faq-personalizada
    .e-n-accordion-item
    > .elementor-element {
        padding:
            0
            50px
            23px
            19px !important;
    }

    .faq-personalizada .elementor-tab-content,
    .faq-personalizada .elementor-tab-content p,
    .faq-personalizada
    .e-n-accordion-item
    > .elementor-element p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
}

/* ==================================================
   REMOVE O SALTO AO ABRIR E FECHAR
================================================== */

.faq-personalizada .elementor-tab-title,
.faq-personalizada .elementor-tab-title.elementor-active,
.faq-personalizada .e-n-accordion-item-title,
.faq-personalizada
.e-n-accordion-item[open]
> .e-n-accordion-item-title {
    min-height: 84px !important;

    padding:
        26px
        58px
        26px
        24px !important;

    box-sizing: border-box !important;

    transform: none !important;
}

/* Mantém os widgets internos estáveis */
.faq-personalizada
.elementor-tab-title
.elementor-accordion-title,
.faq-personalizada
.e-n-accordion-item-title-header {
    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}

/* Impede deslocamento do conteúdo da resposta */
.faq-personalizada .elementor-tab-content,
.faq-personalizada
.e-n-accordion-item
> .elementor-element {
    margin-top: 0 !important;
    transform: none !important;
}


/* ==================================================
   CORREÇÃO NO CELULAR
================================================== */

@media (max-width: 767px) {
    .faq-personalizada .elementor-tab-title,
    .faq-personalizada .elementor-tab-title.elementor-active,
    .faq-personalizada .e-n-accordion-item-title,
    .faq-personalizada
    .e-n-accordion-item[open]
    > .e-n-accordion-item-title {
        min-height: 74px !important;

        padding:
            22px
            50px
            22px
            19px !important;
    }
}


/* Tags visuais não interativas: preserva aparência sem usar <a>/<button> sem ação. */
.elementor .tag-segmento .gianthi-chip,
.elementor .hlx-produto-tag .gianthi-chip {
    display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:0;
    padding:9px 12px; border:1px solid #dfd1c3; border-radius:999px;
    font-family:Inter,Arial,sans-serif; font-size:11px; font-weight:500; line-height:1;
    color:var(--gianthi-chip-color,#111); background:var(--gianthi-chip-bg,transparent);
    box-shadow:none; cursor:default; white-space:nowrap;
}
.elementor .hlx-produto-verde .hlx-produto-tag .gianthi-chip { background:rgba(249,247,239,.82); border-color:rgba(255,255,255,.18); }
@media(max-width:767px){.elementor .hlx-produto-tag .gianthi-chip{padding:8px 10px;font-size:10px}}