.elementor-7826 .elementor-element.elementor-element-76729eb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-7826 .elementor-element.elementor-element-dbedd90 .woocommerce-breadcrumb{color:#000000;text-align:center;}.elementor-7826 .elementor-element.elementor-element-dbedd90 .woocommerce-breadcrumb > a{color:#000000;}.elementor-7826 .elementor-element.elementor-element-d8fad27{--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-7826 .elementor-element.elementor-element-b34c400{--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-7826 .elementor-element.elementor-element-b34c400.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7826 .elementor-element.elementor-element-4d9f435{width:var( --container-widget-width, 171.033% );max-width:171.033%;--container-widget-width:171.033%;--container-widget-flex-grow:0;}.elementor-7826 .elementor-element.elementor-element-4d9f435.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7826 .elementor-element.elementor-element-e56cc11{--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-7826 .elementor-element.elementor-element-e56cc11.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-woocommerce-product-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-7826 .elementor-element.elementor-element-47e417b{z-index:1;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7826 .elementor-element.elementor-element-272e63b .cart button, .elementor-7826 .elementor-element.elementor-element-272e63b .cart .button{transition:all 0.2s;}.elementor-7826 .elementor-element.elementor-element-272e63b .quantity .qty{transition:all 0.2s;}.elementor-7826 .elementor-element.elementor-element-5423fc6{--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-7826 .elementor-element.elementor-element-cfe3ff4{--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;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7826 .elementor-element.elementor-element-01db7d3{width:var( --container-widget-width, 93.302% );max-width:93.302%;--container-widget-width:93.302%;--container-widget-flex-grow:0;}.elementor-7826 .elementor-element.elementor-element-01db7d3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7826 .elementor-element.elementor-element-01db7d3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-7826 .elementor-element.elementor-element-01db7d3.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-7826 .elementor-element.elementor-element-76729eb{--content-width:1350px;}.elementor-7826 .elementor-element.elementor-element-d8fad27{--content-width:1350px;}.elementor-7826 .elementor-element.elementor-element-b34c400{--width:51.963%;}.elementor-7826 .elementor-element.elementor-element-e56cc11{--width:34.711%;}.elementor-7826 .elementor-element.elementor-element-cfe3ff4{--content-width:1140px;}}@media(max-width:1024px){.elementor-7826 .elementor-element.elementor-element-01db7d3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-7826 .elementor-element.elementor-element-01db7d3.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-dbedd90 *//* =========================================
   DESIGN SYSTEM CASA DO SÍNDICO (GLOBAL)
   ========================================= */
:root {
    /* Cores */
    --cds-dark: #0F172A;       /* Azul Profundo (Texto/Principal) */
    --cds-blue: #1E40AF;       /* Azul Vibrante (Destaque) */
    --cds-gold: #F59E0B;       /* Laranja/Ouro Industrial (CTA) */
    --cds-gray: #64748B;       /* Cinza Texto Secundário */
    --cds-light: #F8FAFC;      /* Fundo Geral */
    --cds-border: #E2E8F0;     /* Bordas */
    
    /* Fontes */
    --font-title: 'Rajdhani', sans-serif;
    --font-body: 'Roboto Condensed', sans-serif;
    
    /* Layout */
    --container-width: 1240px;
    --section-spacing: 80px;
}

/* 1. RESET BÁSICO E REFINAMENTO GLOBAL */
#cds-home-master {
    font-family: var(--font-body);
    color: var(--cds-dark);
    background-color: #fff;
    overflow-x: hidden;
    line-height: 1.5; /* Melhor legibilidade */
    scroll-behavior: smooth; /* Animação suave de scroll */
}

#cds-home-master * { 
    box-sizing: border-box; 
    margin: 0;
    padding: 0;
}

#cds-home-master a {
    text-decoration: none;
    outline: none;
}

#cds-home-master a:focus { /* Acessibilidade visual no foco */
    outline: 2px solid var(--cds-gold);
    outline-offset: 2px;
}

#cds-home-master h1, 
#cds-home-master h2, 
#cds-home-master h3, 
#cds-home-master b {
    font-family: var(--font-title);
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 700;
}

.cds-container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}


/* --- 2. HERO HEADER (AJUSTES DE ESPAÇAMENTO) --- */
.hero-section {
    text-align: center;
    padding: 60px 20px 40px;
    background-color: var(--cds-light);
    border-bottom: 1px solid var(--cds-border);
    /* Padrão de grade de fundo sutil para um toque industrial */
    background-image: linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);
    background-size: 30px 30px;
}

.hero-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: #EFF6FF; color: var(--cds-blue); border: 1px solid #DBEAFE;
    font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
    padding: 6px 14px; border-radius: 50px; margin-bottom: 20px;
}
.hero-badge::before { content: ''; width: 6px; height: 6px; background: var(--cds-blue); border-radius: 50%; }

.hero-section h1 {
    font-size: 48px; font-weight: 800; color: var(--cds-dark); margin: 0 0 15px 0;
}
.hero-section h1 span { color: var(--cds-blue); display: block; }

.hero-section p {
    font-size: 18px; color: var(--cds-gray); margin: 0 auto 30px; max-width: 700px; line-height: 1.6;
}

/* Barra de Materiais */
.material-bar {
    display: inline-flex; gap: 10px; flex-wrap: wrap; justify-content: center;
    background: #fff; padding: 10px; border-radius: 50px;
    border: 1px solid var(--cds-border);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.mat-pill {
    padding: 6px 16px; border-radius: 20px; background: var(--cds-light);
    color: var(--cds-dark); font-weight: 700; font-size: 14px; border: 1px solid var(--cds-border);
}
.mat-pill.highlight { background: var(--cds-dark); color: #fff; border-color: var(--cds-dark); }


/* --- 3. TRUST BELT (REFINAMENTO NO HOVER) --- */
.trust-section {
    background-color: #fff; padding: 40px 0; border-bottom: 1px solid var(--cds-border);
}
.trust-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 15px; 
}

.trust-item {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    text-align: center;
    padding: 20px 10px; 
    background: #fff; 
    border: 1px solid var(--cds-border); 
    border-radius: 8px;
    color: var(--cds-dark); 
    transition: all 0.3s ease; /* Transição suave */
    will-change: transform, box-shadow; /* Otimização de performance */
}
.trust-item:hover { 
    transform: translateY(-5px); 
    border-color: var(--cds-blue); 
    box-shadow: 0 10px 25px rgba(30, 64, 175, 0.15); 
}

.trust-icon {
    width: 48px; height: 48px; display: grid; place-items: center;
    background: var(--cds-dark); color: #fff; border-radius: 6px; margin-bottom: 12px;
    font-size: 24px; 
}
.trust-item.abnt { border-color: #BBF7D0; background: #F0FDF4; }
.trust-item.abnt .trust-icon { background: #16A34A; }

.trust-item b { display: block; font-size: 15px; margin-bottom: 4px; }
.trust-item small { font-size: 12px; color: var(--cds-gray); }

/* --- 4. VITRINE (CSS DO WOOCOMMERCE) --- */
/* Garante que o shortcode use o grid de 4 colunas */
.cds-vitrine ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important; padding: 0 !important;
    list-style: none !important; /* Limpeza de lista */
}
.cds-vitrine ul.products::before, .cds-vitrine ul.products::after { display: none; }

.cds-vitrine li.product {
    background: #fff !important;
    border: 1px solid var(--cds-border) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    width: 100% !important; margin: 0 !important;
    position: relative;
}
.cds-vitrine li.product:hover {
    border-color: var(--cds-blue) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.cds-vitrine li.product img {
    margin-bottom: 15px !important;
    border-radius: 8px !important;
    mix-blend-mode: multiply !important; /* Deixa a imagem mais "flat" e harmoniosa */
    width: 100%;
    height: auto;
}
.cds-vitrine li.product h2 {
    font-size: 16px !important; color: var(--cds-dark) !important;
    min-height: 40px !important; line-height: 1.3 !important;
    padding: 0 !important;
}
.cds-vitrine li.product .price {
    display: block !important; font-size: 18px !important; color: var(--cds-blue) !important; font-weight: 800 !important; margin-bottom: 15px !important;
}
.cds-vitrine li.product .button {
    display: block !important; width: 100% !important;
    background: var(--cds-dark) !important; color: #fff !important;
    padding: 10px !important; border-radius: 6px !important;
    font-weight: 700 !important; text-transform: uppercase !important;
    border: none;
}
.cds-vitrine li.product .button:hover { 
    background: var(--cds-blue) !important; 
    transform: scale(1.02);
}

/* --- 5. BANNER SERVIÇOS --- */
.services-section { 
    margin: var(--section-spacing) 0; 
    padding: 0 20px; 
}
.svc-banner {
    max-width: var(--container-width); margin: 0 auto;
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 100%);
    border-radius: 16px; padding: 50px;
    display: flex; align-items: center; justify-content: space-between;
    position: relative; overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2);
}
.svc-banner::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;
    background: repeating-linear-gradient(45deg, var(--cds-gold), var(--cds-gold) 10px, transparent 10px, transparent 20px);
}
.svc-content { z-index: 2; max-width: 600px; color: #fff; }
.svc-tag { color: #93C5FD; border: 1px solid rgba(255,255,255,0.2); padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.svc-content h2 { font-size: 36px; margin: 15px 0; color: #fff; }
.svc-content p { color: #CBD5E1; font-size: 16px; margin-bottom: 25px; }
.svc-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 30px; }
.svc-pill { 
    background: rgba(255,255,255,0.1); padding: 6px 12px; border-radius: 6px; 
    font-size: 13px; font-weight: 600; display: flex; gap: 6px; color: #fff; 
}
.svc-pill::before { content: '•'; font-size: 16px; margin-right: 2px; } 
.btn-svc { 
    background: var(--cds-gold); color: var(--cds-dark); 
    padding: 14px 28px; border-radius: 6px; font-weight: 800; 
    text-decoration: none; text-transform: uppercase; display: inline-flex; 
    align-items: center; gap: 10px; transition: 0.3s; 
}
.btn-svc:hover { background: #fff; color: var(--cds-blue); }

/* --- 6. CTA ESCADA (ANIMAÇÃO E ESTILO) --- */
.escada-section { margin-bottom: var(--section-spacing); padding: 0 20px; }
.escada-box {
    max-width: var(--container-width); margin: 0 auto;
    background-color: #080c11; border-radius: 20px;
    display: flex; overflow: hidden; position: relative;
    box-shadow: 0 25px 60px rgba(0,0,0,0.5); border: 1px solid #1e293b;
}
.escada-text { padding: 60px; flex: 1.3; z-index: 2; }
.escada-text h2 { font-size: 42px; color: #fff; margin-bottom: 20px; }
.escada-text h2 span { color: var(--cds-gold); }
.escada-text p { color: #94a3b8; font-size: 18px; margin-bottom: 30px; max-width: 90%; }
.btn-pulse {
    background: linear-gradient(135deg, #ffcc00, #ff9900);
    color: #0b121c; padding: 18px 40px; border-radius: 6px;
    font-size: 18px; font-weight: 800; text-decoration: none;
    display: inline-flex; align-items: center; justify-content: center; /* Alinhamento centralizado */
    gap: 10px;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.7); }
    70% { transform: scale(1.02); box-shadow: 0 0 0 15px rgba(255, 153, 0, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 153, 0, 0); }
}
.escada-img { 
    flex: 1; 
    background: radial-gradient(circle, rgba(255,255,255,0.05), rgba(0,0,0,0.8)); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}
.escada-img img { 
    max-width: 90%; 
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5)); 
    transition: transform 0.3s ease;
}
.escada-img:hover img {
    transform: scale(1.05);
}

/* 7. RESPONSIVO (ALINHAMENTO EM TELAS MENORES) */
@media (max-width: 900px) {
    .hero-section h1 { font-size: 32px; }
    .trust-grid { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }
    .cds-vitrine ul.products { grid-template-columns: repeat(2, 1fr) !important; }
    
    .svc-banner, .escada-box { 
        flex-direction: column; 
        text-align: center; 
        padding: 30px; 
    }
    
    /* Alinhamento central para mobile */
    .svc-pills, .svc-content { justify-content: center; width: 100%; }
    .svc-banner .svc-content { max-width: none; }
    
    .escada-text { padding: 30px; }
    .escada-text p { max-width: 100%; }
    .escada-img { height: 300px; width: 100%; order: -1; } /* Imagem acima do texto no mobile */
    .btn-pulse { width: 100%; }
}
@media (max-width: 600px) {
    .trust-grid { grid-template-columns: 1fr; }
    .cds-vitrine ul.products { grid-template-columns: 1fr !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2b427d8 *//* =========================================
   ESTILOS ESPECÍFICOS PARA O PRODUTO
   ========================================= */

/* Opcional: Garante que as variáveis globais estejam disponíveis */
/*
:root {
    --cds-dark: #0F172A; 
    --cds-blue: #1E40AF; 
    --cds-gold: #F59E0B; 
    --cds-border: #E2E8F0;
}
*/

.cds-product-trust-bar {
    margin-top: 20px;
    padding: 15px;
    border: 1px solid var(--cds-border);
    border-radius: 8px;
    background-color: #fcfcfc;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px; /* Espaçamento entre as linhas e colunas */
    justify-content: space-between; /* Distribui os itens */
}

.trust-item-mini {
    display: flex;
    align-items: center;
    flex-basis: calc(50% - 5px); /* Dois itens por linha (Desktop) */
    min-width: 150px; /* Garante que não fiquem muito pequenos */
}

.icon-wrap {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 16px;
    font-weight: 700;
    margin-right: 10px;
}

/* Cores dos Ícones */
.icon-wrap.gold { 
    background-color: var(--cds-gold); 
    color: var(--cds-dark); 
}
.icon-wrap.blue { 
    background-color: var(--cds-blue); 
    color: #fff; 
}
.icon-wrap.dark { 
    background-color: var(--cds-dark); 
    color: #fff; 
}

.trust-text b {
    display: block;
    font-size: 14px;
    color: var(--cds-dark);
    font-family: var(--font-title);
    font-weight: 700;
}
.trust-text small {
    display: block;
    font-size: 11px;
    color: var(--cds-gray);
    line-height: 1.2;
}

/* RESPONSIVO */
@media (max-width: 600px) {
    .cds-product-trust-bar {
        padding: 10px;
    }
    .trust-item-mini {
        flex-basis: 100%; /* Um item por linha (Mobile) */
        justify-content: flex-start;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5423fc6 *//* =========================================
   DESIGN SYSTEM CASA DO SÍNDICO (GLOBAL)
   ========================================= */
:root {
    /* Cores */
    --cds-dark: #0F172A;       /* Azul Profundo (Texto/Principal) */
    --cds-blue: #1E40AF;       /* Azul Vibrante (Destaque) */
    --cds-gold: #F59E0B;       /* Laranja/Ouro Industrial (CTA) */
    --cds-gray: #64748B;       /* Cinza Texto Secundário */
    --cds-light: #F8FAFC;      /* Fundo Geral */
    --cds-border: #E2E8F0;     /* Bordas */
    
    /* Fontes */
    --font-title: 'Rajdhani', sans-serif;
    --font-body: 'Roboto Condensed', sans-serif;
    
    /* Layout */
    --container-width: 1240px;
    --section-spacing: 80px;
}

/* 1. RESET BÁSICO E REFINAMENTO GLOBAL */
#cds-home-master {
    font-family: var(--font-body);
    color: var(--cds-dark);
    background-color: #fff;
    overflow-x: hidden;
    line-height: 1.5; /* Melhor legibilidade */
    scroll-behavior: smooth; /* Animação suave de scroll */
}

#cds-home-master * { 
    box-sizing: border-box; 
    margin: 0;
    padding: 0;
}

#cds-home-master a {
    text-decoration: none;
    outline: none;
}

#cds-home-master a:focus { /* Acessibilidade visual no foco */
    outline: 2px solid var(--cds-gold);
    outline-offset: 2px;
}

#cds-home-master h1, 
#cds-home-master h2, 
#cds-home-master h3, 
#cds-home-master b {
    font-family: var(--font-title);
    text-transform: uppercase;
    line-height: 1.1;
    font-weight: 700;
}

.cds-container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}


/* --- 2. HERO HEADER (AJUSTES DE ESPAÇAMENTO) --- */
.hero-section {
    text-align: center;
    padding: 60px 20px 40px;
    background-color: var(--cds-light);
    border-bottom: 1px solid var(--cds-border);
    /* Padrão de grade de fundo sutil para um toque industrial */
    background-image: linear-gradient(rgba(15, 23, 42, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(15, 23, 42, 0.03) 1px, transparent 1px);
    background-size: 30px 30px;
}

.hero-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: #EFF6FF; color: var(--cds-blue); border: 1px solid #DBEAFE;
    font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
    padding: 6px 14px; border-radius: 50px; margin-bottom: 20px;
}
.hero-badge::before { content: ''; width: 6px; height: 6px; background: var(--cds-blue); border-radius: 50%; }

.hero-section h1 {
    font-size: 48px; font-weight: 800; color: var(--cds-dark); margin: 0 0 15px 0;
}
.hero-section h1 span { color: var(--cds-blue); display: block; }

.hero-section p {
    font-size: 18px; color: var(--cds-gray); margin: 0 auto 30px; max-width: 700px; line-height: 1.6;
}

/* Barra de Materiais */
.material-bar {
    display: inline-flex; gap: 10px; flex-wrap: wrap; justify-content: center;
    background: #fff; padding: 10px; border-radius: 50px;
    border: 1px solid var(--cds-border);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.mat-pill {
    padding: 6px 16px; border-radius: 20px; background: var(--cds-light);
    color: var(--cds-dark); font-weight: 700; font-size: 14px; border: 1px solid var(--cds-border);
}
.mat-pill.highlight { background: var(--cds-dark); color: #fff; border-color: var(--cds-dark); }


/* --- 3. TRUST BELT (REFINAMENTO NO HOVER) --- */
.trust-section {
    background-color: #fff; padding: 40px 0; border-bottom: 1px solid var(--cds-border);
}
.trust-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 15px; 
}

.trust-item {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    text-align: center;
    padding: 20px 10px; 
    background: #fff; 
    border: 1px solid var(--cds-border); 
    border-radius: 8px;
    color: var(--cds-dark); 
    transition: all 0.3s ease; /* Transição suave */
    will-change: transform, box-shadow; /* Otimização de performance */
}
.trust-item:hover { 
    transform: translateY(-5px); 
    border-color: var(--cds-blue); 
    box-shadow: 0 10px 25px rgba(30, 64, 175, 0.15); 
}

.trust-icon {
    width: 48px; height: 48px; display: grid; place-items: center;
    background: var(--cds-dark); color: #fff; border-radius: 6px; margin-bottom: 12px;
    font-size: 24px; 
}
.trust-item.abnt { border-color: #BBF7D0; background: #F0FDF4; }
.trust-item.abnt .trust-icon { background: #16A34A; }

.trust-item b { display: block; font-size: 15px; margin-bottom: 4px; }
.trust-item small { font-size: 12px; color: var(--cds-gray); }

/* --- 4. VITRINE (CSS DO WOOCOMMERCE) --- */
/* Garante que o shortcode use o grid de 4 colunas */
.cds-vitrine ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin: 0 !important; padding: 0 !important;
    list-style: none !important; /* Limpeza de lista */
}
.cds-vitrine ul.products::before, .cds-vitrine ul.products::after { display: none; }

.cds-vitrine li.product {
    background: #fff !important;
    border: 1px solid var(--cds-border) !important;
    border-radius: 12px !important;
    padding: 15px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    width: 100% !important; margin: 0 !important;
    position: relative;
}
.cds-vitrine li.product:hover {
    border-color: var(--cds-blue) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.1);
}
.cds-vitrine li.product img {
    margin-bottom: 15px !important;
    border-radius: 8px !important;
    mix-blend-mode: multiply !important; /* Deixa a imagem mais "flat" e harmoniosa */
    width: 100%;
    height: auto;
}
.cds-vitrine li.product h2 {
    font-size: 16px !important; color: var(--cds-dark) !important;
    min-height: 40px !important; line-height: 1.3 !important;
    padding: 0 !important;
}
.cds-vitrine li.product .price {
    display: block !important; font-size: 18px !important; color: var(--cds-blue) !important; font-weight: 800 !important; margin-bottom: 15px !important;
}
.cds-vitrine li.product .button {
    display: block !important; width: 100% !important;
    background: var(--cds-dark) !important; color: #fff !important;
    padding: 10px !important; border-radius: 6px !important;
    font-weight: 700 !important; text-transform: uppercase !important;
    border: none;
}
.cds-vitrine li.product .button:hover { 
    background: var(--cds-blue) !important; 
    transform: scale(1.02);
}

/* --- 5. BANNER SERVIÇOS --- */
.services-section { 
    margin: var(--section-spacing) 0; 
    padding: 0 20px; 
}
.svc-banner {
    max-width: var(--container-width); margin: 0 auto;
    background: linear-gradient(135deg, #0F172A 0%, #1E3A8A 100%);
    border-radius: 16px; padding: 50px;
    display: flex; align-items: center; justify-content: space-between;
    position: relative; overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.2);
}
.svc-banner::after {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;
    background: repeating-linear-gradient(45deg, var(--cds-gold), var(--cds-gold) 10px, transparent 10px, transparent 20px);
}
.svc-content { z-index: 2; max-width: 600px; color: #fff; }
.svc-tag { color: #93C5FD; border: 1px solid rgba(255,255,255,0.2); padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.svc-content h2 { font-size: 36px; margin: 15px 0; color: #fff; }
.svc-content p { color: #CBD5E1; font-size: 16px; margin-bottom: 25px; }
.svc-pills { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 30px; }
.svc-pill { 
    background: rgba(255,255,255,0.1); padding: 6px 12px; border-radius: 6px; 
    font-size: 13px; font-weight: 600; display: flex; gap: 6px; color: #fff; 
}
.svc-pill::before { content: '•'; font-size: 16px; margin-right: 2px; } 
.btn-svc { 
    background: var(--cds-gold); color: var(--cds-dark); 
    padding: 14px 28px; border-radius: 6px; font-weight: 800; 
    text-decoration: none; text-transform: uppercase; display: inline-flex; 
    align-items: center; gap: 10px; transition: 0.3s; 
}
.btn-svc:hover { background: #fff; color: var(--cds-blue); }

/* --- 6. CTA ESCADA (ANIMAÇÃO E ESTILO) --- */
.escada-section { margin-bottom: var(--section-spacing); padding: 0 20px; }
.escada-box {
    max-width: var(--container-width); margin: 0 auto;
    background-color: #080c11; border-radius: 20px;
    display: flex; overflow: hidden; position: relative;
    box-shadow: 0 25px 60px rgba(0,0,0,0.5); border: 1px solid #1e293b;
}
.escada-text { padding: 60px; flex: 1.3; z-index: 2; }
.escada-text h2 { font-size: 42px; color: #fff; margin-bottom: 20px; }
.escada-text h2 span { color: var(--cds-gold); }
.escada-text p { color: #94a3b8; font-size: 18px; margin-bottom: 30px; max-width: 90%; }
.btn-pulse {
    background: linear-gradient(135deg, #ffcc00, #ff9900);
    color: #0b121c; padding: 18px 40px; border-radius: 6px;
    font-size: 18px; font-weight: 800; text-decoration: none;
    display: inline-flex; align-items: center; justify-content: center; /* Alinhamento centralizado */
    gap: 10px;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 153, 0, 0.7); }
    70% { transform: scale(1.02); box-shadow: 0 0 0 15px rgba(255, 153, 0, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 153, 0, 0); }
}
.escada-img { 
    flex: 1; 
    background: radial-gradient(circle, rgba(255,255,255,0.05), rgba(0,0,0,0.8)); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}
.escada-img img { 
    max-width: 90%; 
    filter: drop-shadow(0 20px 40px rgba(0,0,0,0.5)); 
    transition: transform 0.3s ease;
}
.escada-img:hover img {
    transform: scale(1.05);
}

/* 7. RESPONSIVO (ALINHAMENTO EM TELAS MENORES) */
@media (max-width: 900px) {
    .hero-section h1 { font-size: 32px; }
    .trust-grid { 
        grid-template-columns: repeat(2, 1fr); 
        gap: 10px;
    }
    .cds-vitrine ul.products { grid-template-columns: repeat(2, 1fr) !important; }
    
    .svc-banner, .escada-box { 
        flex-direction: column; 
        text-align: center; 
        padding: 30px; 
    }
    
    /* Alinhamento central para mobile */
    .svc-pills, .svc-content { justify-content: center; width: 100%; }
    .svc-banner .svc-content { max-width: none; }
    
    .escada-text { padding: 30px; }
    .escada-text p { max-width: 100%; }
    .escada-img { height: 300px; width: 100%; order: -1; } /* Imagem acima do texto no mobile */
    .btn-pulse { width: 100%; }
}
@media (max-width: 600px) {
    .trust-grid { grid-template-columns: 1fr; }
    .cds-vitrine ul.products { grid-template-columns: 1fr !important; }
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-related, class: .elementor-element-01db7d3 */<style>
  /* ================================================= */
  /* CORREÇÃO PARA TÍTULOS LONGOS (3+ LINHAS)          */
  /* ================================================= */

  /* 1. O CARTÃO DEVE CRESCER */
  #ind-outlet-section ul.products li.product {
    /* Remove altura fixa para o cartão esticar conforme o texto */
    height: auto !important; 
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* 2. TÍTULO SEM CORTES */
  #ind-outlet-section .woocommerce-loop-product__title {
    /* Remove qualquer limite de linhas do tema */
    -webkit-line-clamp: unset !important; 
    -webkit-box-orient: unset !important;
    display: block !important;
    
    /* Libera a altura */
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    
    /* Garante que o texto quebre e apareça */
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    
    /* Espaçamento para não grudar */
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
    padding: 15px 15px 0 !important;
    
    /* Tamanho da fonte ajustado para caber melhor */
    font-size: 13px !important; 
  }

  /* 3. EMPURRA O PREÇO PARA BAIXO */
  /* Isso garante que, se um título for curto e outro longo, 
     o preço e o botão fiquem alinhados lá embaixo */
  #ind-outlet-section .price {
    margin-top: auto !important; /* O segredo do alinhamento */
    padding-top: 10px !important;
  }
</style>/* End custom CSS */