.elementor-713 .elementor-element.elementor-element-fdc3c8f{--display:flex;--min-height:242px;--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-713 .elementor-element.elementor-element-fdc3c8f:not(.elementor-motion-effects-element-type-background), .elementor-713 .elementor-element.elementor-element-fdc3c8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dryfast.com.br/wp-content/uploads/2026/02/Agrupar-22-1.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-713 .elementor-element.elementor-element-fdc3c8f.e-con{--align-self:flex-end;}.elementor-713 .elementor-element.elementor-element-a17cac3{--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-713 .elementor-element.elementor-element-a17cac3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-713 .elementor-element.elementor-element-44a1c64 .dfc-categoria-titulo{color:#00EC64;}.elementor-713 .elementor-element.elementor-element-44a1c64 .dfc-categoria-descricao-texto{color:#ffffff;}.elementor-713 .elementor-element.elementor-element-44a1c64 .dfc-ponto-item{color:#ffffff;}.elementor-713 .elementor-element.elementor-element-44a1c64 .dfc-ponto-item i{color:#38c172;}.elementor-713 .elementor-element.elementor-element-a6a8737{--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;--z-index:90;}.elementor-713 .elementor-element.elementor-element-b8fb8a6{--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-713 .elementor-element.elementor-element-b8fb8a6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-713 .elementor-element.elementor-element-64fa495{width:100%;max-width:100%;}.elementor-713 .elementor-element.elementor-element-64fa495 .dfc-sidebar-filtros-modular{background:#F9F9F900;border-left-color:var( --e-global-color-bee6d19 );padding:20px;}.elementor-713 .elementor-element.elementor-element-64fa495 .dfc-filter-link-modular{color:var( --e-global-color-bee6d19 );}.elementor-713 .elementor-element.elementor-element-64fa495 .dfc-filter-item-modular.ativo > .dfc-filter-link-wrapper > .dfc-filter-link-modular{color:var( --e-global-color-bee6d19 );font-weight:var( --e-global-color-bee6d19 );}.elementor-713 .elementor-element.elementor-element-2aee023{--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-713 .elementor-element.elementor-element-2aee023.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-grid{gap:11px;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-produto-card-novo{border-radius:8px;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-produto-info-novo{padding:20px;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-produto-img-novo{height:437px;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-btn-ver-mais-novo{background:var( --e-global-color-61bf1ec );color:#FFFFFF;border-color:var( --e-global-color-61bf1ec );}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-busca-area-novo{background:#ffffff;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-busca-input-novo{border-color:#e0e0e0;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-busca-btn-novo{background:#38c172;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-paginacao-nova{background:#ffffff;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-pag-link-nova{color:#666666;}.elementor-713 .elementor-element.elementor-element-4b65500 .dfc-pag-item-nova.ativo-nova .dfc-pag-link-nova{background:#38c172;color:white;}.elementor-713 .elementor-element.elementor-element-fd372f9{--display:flex;--min-height:1389px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:flex-end;--flex-wrap:nowrap;--margin-top:-1141px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-713 .elementor-element.elementor-element-fd372f9.e-con{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-713 .elementor-element.elementor-element-b931d32{width:100%;max-width:100%;}.elementor-713 .elementor-element.elementor-element-b931d32.elementor-element{--align-self:flex-end;--flex-grow:1;--flex-shrink:0;}.elementor-713 .elementor-element.elementor-element-b931d32 img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:bottom center;}@media(min-width:768px){.elementor-713 .elementor-element.elementor-element-a17cac3{--width:100%;}.elementor-713 .elementor-element.elementor-element-b8fb8a6{--width:19.991%;}.elementor-713 .elementor-element.elementor-element-2aee023{--width:78.213%;}}/* Start custom CSS for dfc-descricao-categoria, class: .elementor-element-44a1c64 *//* Container Principal */
.dfc-categoria-descricao-modular {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 60px;
    gap: 40px;
    min-height: 250px;
    font-family: 'Montserrat', sans-serif;
}

/* Coluna da Esquerda */
.dfc-descricao-col-left {
    flex: 1.2; /* Um pouco maior para caber o título em destaque */
}

/* Esconde o H1 padrão se você quiser usar apenas o texto estilizado */
.dfc-categoria-titulo {
    display: none; 
}

/* Texto em Destaque (DRYWALL SOLUÇÃO...) */
.dfc-categoria-descricao-texto {
    color: #ffffff;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.1;
    text-transform: uppercase;
}

/* Estilo específico para a palavra DRYWALL em verde */
/* Dica: Se puder, envolva a palavra Drywall no HTML com um <span> */
.dfc-categoria-descricao-texto span, 
.dfc-categoria-descricao-texto {
    color: #ffffff;
}

/* Coluna da Direita */
.dfc-descricao-col-right {
    flex: 1;
}

.dfc-pontos-lista {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Itens da Lista */
.dfc-ponto-item {
    display: flex;
    align-items: flex-start;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 400;
}

/* Substituindo o ícone do FontAwesome por um ponto/bullet simples como na imagem */
.dfc-ponto-item i {
    display: none; /* Esconde o check-circle se quiser o ponto da imagem */
}

.dfc-ponto-item::before {
    content: "•";
    color: #ffffff;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
    margin-right: 10px;
}

/* Responsividade */
@media (max-width: 768px) {
    .dfc-categoria-descricao-modular {
        flex-direction: column;
        padding: 30px 20px;
        text-align: center;
    }
    
    .dfc-ponto-item {
        justify-content: center;
    }
}

.dfc-descricao-container {
    display: flex;
    gap: 40px;
    background: #38c17200;
    border-radius: 12px;
    padding: 40px;
    margin-bottom: 40px;
    color: #fff;
    align-items: center;
    box-shadow: 0 10px 30px rgb(56 193 114 / 0%);
    position: relative;
    overflow: hidden;
}

.dfc-descricao-container::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30%;
    background: rgb(56 193 114 / 0%);
    transform: skewX(-20deg) translateX(50%);
    pointer-events: none;
}

.dfc-descricao-lado-direito {
    flex: 0 0 350px;
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(5px);
    padding: 25px;
    border-radius: 10px;
    border: 0px solid rgba(255, 255, 255, 0.2);
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for dfc-filtro-categorias, class: .elementor-element-64fa495 *//* Container da Lista */
.dfc-lista-categorias-modular {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 300px; /* Ajuste conforme a largura do seu layout */
}

/* Item da Lista */
.dfc-filter-item-modular {
    border-bottom: 1px solid transparent; /* Opcional: caso queira divisores */
    margin-bottom: 15px; /* Espaçamento entre os itens */
}

/* Wrapper que segura o link e o ícone */
.dfc-filter-link-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

/* Estilo do Link/Texto */
.dfc-filter-link-modular {
    text-decoration: none;
    font-family: 'Montserrat', sans-serif; /* Fonte aproximada */
    font-size: 20px;
    font-weight: 700;
    color: #003358; /* Cor azul marinho da imagem */
    transition: color 0.3s ease;
}

/* Efeito Hover no texto */
.dfc-filter-link-modular:hover {
    color: #0056b3;
}

/* Ícone da Seta (Chevron) via Pseudo-elemento */
.dfc-filter-link-wrapper::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 3px solid #003358; /* Espessura da seta */
    border-bottom: 3px solid #003358;
    transform: rotate(135deg); /* Gira para apontar para a esquerda como no anexo */
    margin-left: 10px;
}

/* Ajuste para o Campo de Busca (opcional, para combinar) */
.dfc-busca-produto {
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
}/* End custom CSS */
/* Start custom CSS for dfc-grid-produtos, class: .elementor-element-4b65500 *//* ==========================================================================
   CATÁLOGO DE PRODUTOS - DRYFAST
   ========================================================================== */

/* 1. ESTRUTURA DO GRID */
.dfc-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 30px !important;
    justify-items: center !important;
    background: transparent !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 2. CARD DO PRODUTO */
.dfc-produto-card-novo {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    text-align: center !important;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 320px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    box-sizing: border-box !important;
}

.dfc-produto-card-novo:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0px 8px 20px rgba(0,0,0,0.1) !important;
}

/* 3. IMAGEM DO PRODUTO */
.dfc-produto-img-novo {
    width: 100% !important;
    height: 220px !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    background-color: #f9f9f9 !important;
}

.dfc-produto-img-novo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.5s ease !important;
}

.dfc-produto-card-novo:hover .dfc-produto-img-novo img {
    transform: scale(1.05) !important;
}

/* 4. INFORMAÇÕES (TÍTULO E DESCRIÇÃO) */
.dfc-produto-info-novo {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.dfc-produto-nome-novo {
    font-size: 17px !important;
    color: #00375C !important;
    font-weight: 600 !important;
    margin: 10px 0 !important;
    min-height: 45px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.dfc-produto-nome-novo a {
    text-decoration: none !important;
    color: inherit !important;
}

.dfc-produto-desc-novo {
    font-size: 14px !important;
    color: #666666 !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; /* Limita a 3 linhas de texto */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 5. BOTÃO VER MAIS */
.dfc-btn-ver-mais-novo {
    background-color: #28a745 !important;
    color: #ffffff !important;
    width: 100% !important;
    padding: 12px 0 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    text-decoration: none !important;
    display: block !important;
    margin-top: auto !important; /* Fixa o botão no rodapé do card */
    transition: background-color 0.2s ease !important;
}

.dfc-btn-ver-mais-novo:hover {
    background-color: #218838 !important;
}

/* 6. PAGINAÇÃO */
.dfc-paginacao-nova {
    display: flex !important;
    justify-content: center !important;
    margin-top: 40px !important;
    width: 100% !important;
}

.dfc-paginas-lista-nova {
    display: flex !important;
    list-style: none !important;
    gap: 8px !important;
    padding: 0 !important;
}

.dfc-pag-link-nova {
    padding: 8px 16px !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    color: #333 !important;
    transition: all 0.2s !important;
}

.ativo-nova .dfc-pag-link-nova {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border-color: #28a745 !important;
}

/* 7. RESPONSIVIDADE (TABLET E CELULAR) */
@media (max-width: 1024px) {
    .dfc-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 768px) {
    .dfc-grid {
        grid-template-columns: 1fr !important;
    }
    
    .dfc-produto-card-novo {
        max-width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2aee023 *//* ==========================================================================
   BLOCO 1: GRID DE PRODUTOS (Fundo Branco)
   ========================================================================== */

/* Garante que o container do catálogo e o grid sejam brancos */
.dfc-catalogo-novo-wrapper, 
.dfc-grid-produtos-novo, 
.dfc-grid {
    background-color: #ffffff !important;
}

.dfc-produto-card-novo {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-shadow: 0px 4px 20px rgba(0,0,0,0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 320px !important;
    box-sizing: border-box !important;
    transition: all 0.3s ease !important;
}

/* Paginação - Estilo Limpo (Sem Cinza) */
.dfc-pag-link-nova {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50% !important;
    background-color: #ffffff !important; /* Fundo branco nos números */
    color: #444444 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.ativo-nova .dfc-pag-link-nova {
    background-color: #28a745 !important;
    color: #ffffff !important;
    border-color: #28a745 !important;
}

/* ==========================================================================
   BLOCO 2: BANNER DE DESCRIÇÃO (Fundo Transparente)
   ========================================================================== */

/* Usamos a classe específica do segundo HTML para não afetar o primeiro */
.dfc-categoria-descricao-modular.dfc-descricao-container {
    background: transparent !important; /* Totalmente transparente para ver a imagem atrás */
    background-color: transparent !important;
    box-shadow: none !important; /* Remove sombra que possa marcar o bloco */
    display: flex !important;
    padding: 40px 60px !important;
    color: #ffffff !important;
}

.dfc-descricao-lado-esquerdo, 
.dfc-descricao-lado-direito {
    background: transparent !important;
    z-index: 2 !important;
}

/* Ajuste do texto para aparecer sobre a imagem de fundo */
.dfc-descricao-placeholder {
    color: #ffffff !important;
    font-size: 18px !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3) !important; /* Leve sombra para leitura */
}

/* Remove aquele detalhe inclinado (skew) se ele estiver atrapalhando a imagem */
.dfc-categoria-descricao-modular.dfc-descricao-container::before {
    display: none !important;
}

/* ==========================================================================
   AJUSTES GERAIS E RESPONSIVIDADE
   ========================================================================== */

@media (max-width: 768px) {
    .dfc-grid { grid-template-columns: 1fr !important; }
    .dfc-categoria-descricao-modular.dfc-descricao-container {
        flex-direction: column !important;
        padding: 20px !important;
    }
}/* End custom CSS */