.elementor-1487 .elementor-element.elementor-element-0dc23d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1487 .elementor-element.elementor-element-0dc23d5:not(.elementor-motion-effects-element-type-background), .elementor-1487 .elementor-element.elementor-element-0dc23d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-1487 .elementor-element.elementor-element-28b4a6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1487 .elementor-element.elementor-element-1dcabee{--display:flex;}.elementor-1487 .elementor-element.elementor-element-d3bf108{--display:flex;}.elementor-1487 .elementor-element.elementor-element-8be5679{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:3px 3px 3px 3px;--n-tabs-title-padding-top:0px;--n-tabs-title-padding-right:5px;--n-tabs-title-padding-bottom:6px;--n-tabs-title-padding-left:5px;--n-tabs-title-color:#FFFFFF;}.elementor-1487 .elementor-element.elementor-element-8be5679 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#00000000;}.elementor-1487 .elementor-element.elementor-element-8be5679.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-1487 .elementor-element.elementor-element-8be5679.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1487 .elementor-element.elementor-element-8be5679.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFD800;}.elementor-1487 .elementor-element.elementor-element-0c12c7a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1487 .elementor-element.elementor-element-48ed606 > .elementor-widget-container{margin:0px 0px 0px 18px;}.elementor-1487 .elementor-element.elementor-element-48ed606 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:32px;font-weight:700;color:#000000;}.elementor-1487 .elementor-element.elementor-element-2e03a91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1487 .elementor-element.elementor-element-ee4e09e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1487 .elementor-element.elementor-element-ff65993 > .elementor-widget-container{margin:-1px 0px -42px 0px;padding:0px 0px 0px 0px;}.elementor-1487 .elementor-element.elementor-element-accdc8b > .elementor-widget-container{margin:-58px 0px -42px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1487 .elementor-element.elementor-element-28b4a6e{--width:50%;}.elementor-1487 .elementor-element.elementor-element-0c12c7a{--width:50%;}.elementor-1487 .elementor-element.elementor-element-ee4e09e{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-4cd1d07 *//* ==========================================
   LAYOUT DA PÁGINA DO PRODUTO (SINGLE POST)
============================================= */

/* 1. Fundo Geral da Seção */
.elementor-location-single .elementor-element-0dc23d5 {
    background-color: #222222 !important; 
    padding: 60px 20px !important;
}

/* 2. Imagem e Texto Lado a Lado (Flexbox) */
.e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    gap: 50px !important;
    align-items: center !important; 
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

/* 3. Definindo 50% de largura para cada lado */
.elementor-element-28b4a6e, /* Coluna da Imagem */
.elementor-element-0c12c7a  /* Coluna do Texto */ {
    width: 50% !important;
    flex-shrink: 0 !important;
}

/* ==========================================
   COLUNA ESQUERDA: CARROSSEL E GALERIA
============================================= */
.dfc-carousel-wrapper {
    width: 100%;
    border-radius: 24px !important; 
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3); 
    background-color: #1a1a1a;
}

/* Esconde todas as fotos por padrão (Evita fotos duplicadas/empilhadas) */
.dfc-carousel-slide {
    display: none !important;
    width: 100%;
}

/* Mostra apenas a foto ativa com transição suave */
.dfc-carousel-slide.active {
    display: block !important;
    animation: fadeInSlide 0.4s ease-in-out;
}

@keyframes fadeInSlide {
    from { opacity: 0; }
    to { opacity: 1; }
}

.dfc-carousel-slide img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3; 
    object-fit: cover !important;
    display: block;
    border-radius: 24px !important;
}

/* ==========================================
   COLUNA DIREITA: TEXTOS
============================================= */

/* Título Principal (Amarelo) */
.elementor-element-0c12c7a h1.elementor-heading-title {
    color: #f5b700 !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
    line-height: 1.1 !important;
}

/* Descrição (Cinza Claro) */
.elementor-widget-theme-post-content p {
    color: #e0e0e0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

/* Tatuagem customizada (Adicionar classe no widget de texto: dfc-tatuagem-single) */
.dfc-tatuagem-single {
    color: #cccccc !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
    display: block;
}

/* ==========================================
   CARRINHO E BOTÃO DE COMPRAR WOOCOMMERCE
============================================= */

/* Remove o fundo branco da caixa do WooCommerce e alinha os itens */
form.cart {
    background-color: transparent !important;
    padding: 0 !important;
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
}

/* Estiliza o campo de quantidade (Número) com tema Dark */
form.cart .quantity input.qty {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 1px solid #3d3d3d !important;
    border-radius: 8px !important;
    padding: 10px !important;
    height: 50px !important;
    width: 70px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Esconde setinhas padrão do input numérico em alguns navegadores */
form.cart .quantity input.qty::-webkit-outer-spin-button,
form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Transforma o Botão Verde Padrão em um Botão Pílula Amarelo Rocca */
form.cart button.single_add_to_cart_button {
    background-color: #f5b700 !important;
    color: #1a1a1a !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    padding: 0 35px !important;
    height: 50px !important;
    border-radius: 40px !important; /* Formato Pílula */
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Efeito ao passar o mouse no botão de comprar */
form.cart button.single_add_to_cart_button:hover {
    background-color: #d49e00 !important;
    transform: translateY(-3px) !important;
    color: #000000 !important;
}

/* ==========================================
   RESPONSIVIDADE (CELULARES)
============================================= */
@media (max-width: 768px) {
    .e-con-inner {
        flex-direction: column !important; /* Empilha foto em cima, texto embaixo */
        gap: 30px !important;
    }
    
    .elementor-element-28b4a6e, 
    .elementor-element-0c12c7a {
        width: 100% !important; /* Ocupa 100% da tela */
    }
    
    .elementor-element-0c12c7a h1.elementor-heading-title {
        font-size: 32px !important;
    }
}/* End custom CSS */


/* Start custom CSS for shortcode, class: .elementor-element-ab4ee89 */.elementor-1487 .elementor-element.elementor-element-ab4ee89{
    color: #fff;
}/* End custom CSS */


/* Start custom CSS for shortcode, class: .elementor-element-4cd1d07 *//* ==========================================
   LAYOUT DA PÁGINA DO PRODUTO (SINGLE POST)
============================================= */

/* 1. Fundo Geral da Seção */
.elementor-location-single .elementor-element-0dc23d5 {
    background-color: #222222 !important; 
    padding: 60px 20px !important;
}

/* 2. Imagem e Texto Lado a Lado (Flexbox) */
.e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    gap: 50px !important;
    align-items: center !important; 
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

/* 3. Definindo 50% de largura para cada lado */
.elementor-element-28b4a6e, /* Coluna da Imagem */
.elementor-element-0c12c7a  /* Coluna do Texto */ {
    width: 50% !important;
    flex-shrink: 0 !important;
}

/* ==========================================
   COLUNA ESQUERDA: CARROSSEL E GALERIA
============================================= */
.dfc-carousel-wrapper {
    width: 100%;
    border-radius: 24px !important; 
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3); 
    background-color: #1a1a1a;
}

/* Esconde todas as fotos por padrão (Evita fotos duplicadas/empilhadas) */
.dfc-carousel-slide {
    display: none !important;
    width: 100%;
}

/* Mostra apenas a foto ativa com transição suave */
.dfc-carousel-slide.active {
    display: block !important;
    animation: fadeInSlide 0.4s ease-in-out;
}

@keyframes fadeInSlide {
    from { opacity: 0; }
    to { opacity: 1; }
}

.dfc-carousel-slide img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3; 
    object-fit: cover !important;
    display: block;
    border-radius: 24px !important;
}

/* ==========================================
   COLUNA DIREITA: TEXTOS
============================================= */

/* Título Principal (Amarelo) */
.elementor-element-0c12c7a h1.elementor-heading-title {
    color: #f5b700 !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
    line-height: 1.1 !important;
}

/* Descrição (Cinza Claro) */
.elementor-widget-theme-post-content p {
    color: #e0e0e0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

/* Tatuagem customizada (Adicionar classe no widget de texto: dfc-tatuagem-single) */
.dfc-tatuagem-single {
    color: #cccccc !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
    display: block;
}

/* ==========================================
   CARRINHO E BOTÃO DE COMPRAR WOOCOMMERCE
============================================= */

/* Remove o fundo branco da caixa do WooCommerce e alinha os itens */
form.cart {
    background-color: transparent !important;
    padding: 0 !important;
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
}

/* Estiliza o campo de quantidade (Número) com tema Dark */
form.cart .quantity input.qty {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 1px solid #3d3d3d !important;
    border-radius: 8px !important;
    padding: 10px !important;
    height: 50px !important;
    width: 70px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Esconde setinhas padrão do input numérico em alguns navegadores */
form.cart .quantity input.qty::-webkit-outer-spin-button,
form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Transforma o Botão Verde Padrão em um Botão Pílula Amarelo Rocca */
form.cart button.single_add_to_cart_button {
    background-color: #f5b700 !important;
    color: #1a1a1a !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    padding: 0 35px !important;
    height: 50px !important;
    border-radius: 40px !important; /* Formato Pílula */
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Efeito ao passar o mouse no botão de comprar */
form.cart button.single_add_to_cart_button:hover {
    background-color: #d49e00 !important;
    transform: translateY(-3px) !important;
    color: #000000 !important;
}

/* ==========================================
   RESPONSIVIDADE (CELULARES)
============================================= */
@media (max-width: 768px) {
    .e-con-inner {
        flex-direction: column !important; /* Empilha foto em cima, texto embaixo */
        gap: 30px !important;
    }
    
    .elementor-element-28b4a6e, 
    .elementor-element-0c12c7a {
        width: 100% !important; /* Ocupa 100% da tela */
    }
    
    .elementor-element-0c12c7a h1.elementor-heading-title {
        font-size: 32px !important;
    }
}/* End custom CSS */


/* Start custom CSS for shortcode, class: .elementor-element-ab4ee89 */.elementor-1487 .elementor-element.elementor-element-ab4ee89{
    color: #fff;
}/* End custom CSS */


/* Start custom CSS for shortcode, class: .elementor-element-4cd1d07 *//* ==========================================
   LAYOUT DA PÁGINA DO PRODUTO (SINGLE POST)
============================================= */

/* 1. Fundo Geral da Seção */
.elementor-location-single .elementor-element-0dc23d5 {
    background-color: #222222 !important; 
    padding: 60px 20px !important;
}

/* 2. Imagem e Texto Lado a Lado (Flexbox) */
.e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    gap: 50px !important;
    align-items: center !important; 
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
}

/* 3. Definindo 50% de largura para cada lado */
.elementor-element-28b4a6e, /* Coluna da Imagem */
.elementor-element-0c12c7a  /* Coluna do Texto */ {
    width: 50% !important;
    flex-shrink: 0 !important;
}

/* ==========================================
   COLUNA ESQUERDA: CARROSSEL E GALERIA
============================================= */
.dfc-carousel-wrapper {
    width: 100%;
    border-radius: 24px !important; 
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3); 
    background-color: #1a1a1a;
}

/* Esconde todas as fotos por padrão (Evita fotos duplicadas/empilhadas) */
.dfc-carousel-slide {
    display: none !important;
    width: 100%;
}

/* Mostra apenas a foto ativa com transição suave */
.dfc-carousel-slide.active {
    display: block !important;
    animation: fadeInSlide 0.4s ease-in-out;
}

@keyframes fadeInSlide {
    from { opacity: 0; }
    to { opacity: 1; }
}

.dfc-carousel-slide img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3; 
    object-fit: cover !important;
    display: block;
    border-radius: 24px !important;
}

/* ==========================================
   COLUNA DIREITA: TEXTOS
============================================= */

/* Título Principal (Amarelo) */
.elementor-element-0c12c7a h1.elementor-heading-title {
    color: #f5b700 !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
    line-height: 1.1 !important;
}

/* Descrição (Cinza Claro) */
.elementor-widget-theme-post-content p {
    color: #e0e0e0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    margin-bottom: 30px !important;
}

/* Tatuagem customizada (Adicionar classe no widget de texto: dfc-tatuagem-single) */
.dfc-tatuagem-single {
    color: #cccccc !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin-bottom: 25px !important;
    display: block;
}

/* ==========================================
   CARRINHO E BOTÃO DE COMPRAR WOOCOMMERCE
============================================= */

/* Remove o fundo branco da caixa do WooCommerce e alinha os itens */
form.cart {
    background-color: transparent !important;
    padding: 0 !important;
    display: flex !important;
    gap: 15px !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
}

/* Estiliza o campo de quantidade (Número) com tema Dark */
form.cart .quantity input.qty {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 1px solid #3d3d3d !important;
    border-radius: 8px !important;
    padding: 10px !important;
    height: 50px !important;
    width: 70px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

/* Esconde setinhas padrão do input numérico em alguns navegadores */
form.cart .quantity input.qty::-webkit-outer-spin-button,
form.cart .quantity input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Transforma o Botão Verde Padrão em um Botão Pílula Amarelo Rocca */
form.cart button.single_add_to_cart_button {
    background-color: #f5b700 !important;
    color: #1a1a1a !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    padding: 0 35px !important;
    height: 50px !important;
    border-radius: 40px !important; /* Formato Pílula */
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Efeito ao passar o mouse no botão de comprar */
form.cart button.single_add_to_cart_button:hover {
    background-color: #d49e00 !important;
    transform: translateY(-3px) !important;
    color: #000000 !important;
}

/* ==========================================
   RESPONSIVIDADE (CELULARES)
============================================= */
@media (max-width: 768px) {
    .e-con-inner {
        flex-direction: column !important; /* Empilha foto em cima, texto embaixo */
        gap: 30px !important;
    }
    
    .elementor-element-28b4a6e, 
    .elementor-element-0c12c7a {
        width: 100% !important; /* Ocupa 100% da tela */
    }
    
    .elementor-element-0c12c7a h1.elementor-heading-title {
        font-size: 32px !important;
    }
}/* End custom CSS */


/* Start custom CSS for shortcode, class: .elementor-element-ab4ee89 */.elementor-1487 .elementor-element.elementor-element-ab4ee89{
    color: #fff;
}/* End custom CSS */





/* Start custom CSS for shortcode, class: .elementor-element-ff65993 *//* Container principal da tabela */
.dfc-especificacoes-wrapper {
    background-color: #222222; /* Fundo igual ao da página para integração */
    padding: 20px;
    border-radius: 8px;
}

.dfc-especificacoes-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #ffffff; /* Texto branco para leitura no escuro */
    background-color: #2a2a2a; /* Cinza bem escuro para o corpo da tabela */
    border: 1px solid #444444; /* Borda externa cinza médio */
}

.dfc-spec-row {
    border-bottom: 1px solid #444444;
    transition: background-color 0.3s ease;
}

/* Efeito de hover para facilitar a leitura das linhas */
.dfc-spec-row:hover {
    background-color: #333333;
}

/* Coluna de Títulos (Esquerda) */
.dfc-spec-titulo {
    background-color: #1a1a1a; /* Preto profundo */
    color: #ffffff;
    padding: 12px 15px;
    width: 30%;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    
    /* ALTERAÇÃO AQUI: Linha divisória agora em amarelo #C69302 */
    border-right: 2px solid #C69302; 
}

/* Coluna de Valores (Direita) */
.dfc-spec-valor {
    padding: 12px 15px;
    color: #e0e0e0; /* Branco levemente acinzentado */
    font-weight: 500;
}

/* Ajuste fino para a última linha não ter borda */
.dfc-spec-row:last-child {
    border-bottom: none;
}/* End custom CSS */

/* Start custom CSS for shortcode, class: .elementor-element-accdc8b *//* ==========================================
   LAYOUT DA PÁGINA DO PRODUTO (SINGLE POST)
============================================= */

/* 1. Fundo Geral da Seção */
.elementor-location-single .elementor-element-0dc23d5 {
    background-color: #222222 !important; 
    padding: 60px 20px !important;
}

/* 2. Imagem e Texto Lado a Lado */
.e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    gap: 50px !important;
    align-items: center !important; 
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 3. Colunas 50/50 */
.elementor-element-28b4a6e, 
.elementor-element-0c12c7a {
    width: 50% !important;
    flex-shrink: 0 !important;
}

/* ==========================================
   GALERIA: LIMPANDO O VISUAL
============================================= */
.dfc-carousel-wrapper {
    width: 100%;
    border-radius: 24px !important; 
    overflow: hidden;
    background-color: #1a1a1a;
}

/* SUMIR COM AS SETINHAS (Prev/Next) */
.dfc-carousel-arrow {
    display: none !important;
}

.dfc-carousel-slide {
    display: none !important;
    width: 100%;
}

.dfc-carousel-slide.active {
    display: block !important;
    animation: fadeInSlide 0.4s ease-in-out;
}

@keyframes fadeInSlide {
    from { opacity: 0; }
    to { opacity: 1; }
}

.dfc-carousel-slide img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3; 
    object-fit: cover !important;
    display: block;
    border-radius: 24px !important;
}

/* ==========================================
   TIPOGRAFIA
============================================= */
.elementor-element-0c12c7a h1.elementor-heading-title {
    color: #f5b700 !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
}

.elementor-widget-theme-post-content p {
    color: #e0e0e0 !important;
    font-size: 16px !important;
    margin-bottom: 30px !important;
}

/* ==========================================
   BOTÃO DE COMPRA (SHORTCODE) - PADRÃO ROCCA
============================================= */

/* Ajuste do container do botão para remover fundos indesejados */
.elementor-widget-shortcode, 
.dfc-bloco-orcamento {
    background: transparent !important;
    border: none !important;
}

/* Estilo do Input de Quantidade (Dark) */
.dfc-qtd-pre-add {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 1px solid #3d3d3d !important;
    border-radius: 8px !important;
    width: 70px !important;
    height: 50px !important;
    font-weight: bold !important;
    outline: none !important;
}

/* Estilo do Botão (De Verde para Amarelo Pílula) */
.dfc-add-orcamento-btn {
    background-color: #f5b700 !important; /* Amarelo */
    color: #1a1a1a !important; /* Texto Preto */
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    border-radius: 40px !important; /* Pílula */
    height: 50px !important;
    border: none !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 40px !important;
}

.dfc-add-orcamento-btn:hover {
    background-color: #d49e00 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 5px 15px rgba(245, 183, 0, 0.3) !important;
}

/* Remove qualquer bordinha ou padding extra do container de ação */
.dfc-add-cart-action {
    margin-top: 20px !important;
    background: transparent !important;
}

/* ==========================================
   RESPONSIVIDADE
============================================= */
@media (max-width: 768px) {
    .e-con-inner { flex-direction: column !important; }
    .elementor-element-28b4a6e, .elementor-element-0c12c7a { width: 100% !important; }
}

/* ==========================================
   LAYOUT DA PÁGINA DO PRODUTO (SINGLE POST)
============================================= */

/* 1. Fundo e Estrutura Base */
.elementor-location-single .elementor-element-0dc23d5 {
    background-color: #222222 !important; 
    padding: 60px 20px !important;
}

.e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    gap: 50px !important;
    align-items: center !important; 
    max-width: 1200px !important;
    margin: 0 auto !important;
}

/* 2. Colunas */
.elementor-element-28b4a6e, .elementor-element-0c12c7a {
    width: 50% !important;
    flex-shrink: 0 !important;
}

/* 3. Galeria (Sem setas) */
.dfc-carousel-wrapper {
    width: 100%;
    border-radius: 24px !important; 
    overflow: hidden;
    background-color: #1a1a1a;
}

.dfc-carousel-arrow { display: none !important; }

.dfc-carousel-slide { display: none !important; width: 100%; }
.dfc-carousel-slide.active { display: block !important; animation: fadeInSlide 0.4s ease-in-out; }

@keyframes fadeInSlide { from { opacity: 0; } to { opacity: 1; } }

.dfc-carousel-slide img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4/3; 
    object-fit: cover !important;
    display: block;
}

/* 4. Tipografia */
.elementor-element-0c12c7a h1.elementor-heading-title {
    color: #f5b700 !important;
    font-size: 46px !important;
    font-weight: 800 !important;
    margin-bottom: 5px !important;
}

.elementor-widget-theme-post-content p {
    color: #e0e0e0 !important;
    font-size: 16px !important;
    margin-bottom: 30px !important;
}

/* ==========================================
   AJUSTE DO CONTADOR E BOTÃO (ALINHAMENTO)
============================================= */

/* Container que segura o input e o botão */
.dfc-add-cart-action {
    display: flex !important;
    align-items: center !important; /* Alinha verticalmente pelo centro */
    gap: 15px !important; /* Espaço entre contador e botão */
    margin-top: 25px !important;
    background: transparent !important;
}

/* Estilo do Input de Quantidade (Contador) */
.dfc-qtd-pre-add {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
    border: 1px solid #3d3d3d !important;
    border-radius: 8px !important;
    width: 70px !important;
    height: 54px !important; /* Mesma altura do botão */
    font-weight: bold !important;
    text-align: center !important;
    font-size: 16px !important;
    outline: none !important;
    margin: 0 !important; /* Remove margens do Elementor que tiram o alinhamento */
    padding: 0 !important;
}

/* Estilo do Botão Comprar */
.dfc-add-orcamento-btn {
    background-color: #f5b700 !important;
    color: #1a1a1a !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    border-radius: 40px !important;
    height: 54px !important; /* Mesma altura do input */
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 40px !important;
    flex-grow: 1 !important; /* Faz o botão preencher o resto da linha */
    margin: 0 !important;
}

.dfc-add-orcamento-btn:hover {
    background-color: #d49e00 !important;
    transform: translateY(-2px);
}

/* Responsividade */
@media (max-width: 768px) {
    .e-con-inner { flex-direction: column !important; }
    .elementor-element-28b4a6e, .elementor-element-0c12c7a { width: 100% !important; }
}

.dfc-qtd-pre-add{
    visibility: hidden !important;
}/* End custom CSS */