.elementor-303 .elementor-element.elementor-element-fed376d{--display:flex;--min-height:50vh;--justify-content:center;--margin-top:6em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-303 .elementor-element.elementor-element-fed376d:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-fed376d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-303 .elementor-element.elementor-element-f77e637{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .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-303 .elementor-element.elementor-element-9b0830b{width:var( --container-widget-width, 70% );max-width:70%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 16px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-303 .elementor-element.elementor-element-9b0830b .elementor-heading-title{font-size:3em;font-weight:900;text-transform:uppercase;line-height:1.5em;letter-spacing:2px;color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-8e85537{--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;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-303 .elementor-element.elementor-element-8e85537:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-8e85537 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f6d5ddc );}.elementor-303 .elementor-element.elementor-element-60884ae{--display:flex;}.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-303 .elementor-element.elementor-element-8010b20{text-align:start;}.elementor-303 .elementor-element.elementor-element-8010b20 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:3em;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#FFFFFF;}.elementor-widget-theme-post-content{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-303 .elementor-element.elementor-element-283ffb4{text-align:start;}.elementor-303 .elementor-element.elementor-element-d92f812{--display:flex;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-303 .elementor-element.elementor-element-d92f812:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-d92f812 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f6d5ddc );}.elementor-303 .elementor-element.elementor-element-fe1b46c{--display:flex;}.elementor-303 .elementor-element.elementor-element-349387e{text-align:center;}.elementor-303 .elementor-element.elementor-element-349387e .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:3em;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-ec507c4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-303 .elementor-element.elementor-element-1c6f8da{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-303 .elementor-element.elementor-element-1c6f8da:after{content:"0.66";}.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__thumbnail__link{width:100%;}.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__meta-data span + span:before{content:"///";}.elementor-303 .elementor-element.elementor-element-1c6f8da.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-303 .elementor-element.elementor-element-1c6f8da.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-303 .elementor-element.elementor-element-1c6f8da.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1024px){.elementor-303 .elementor-element.elementor-element-fed376d{--min-height:25vh;}.elementor-303 .elementor-element.elementor-element-f77e637{--padding-top:5em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-303 .elementor-element.elementor-element-9b0830b .elementor-heading-title{font-size:2.5em;}.elementor-303 .elementor-element.elementor-element-8010b20 .elementor-heading-title{font-size:2em;}}@media(max-width:767px){.elementor-303 .elementor-element.elementor-element-9b0830b{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-303 .elementor-element.elementor-element-9b0830b .elementor-heading-title{font-size:2em;}.elementor-303 .elementor-element.elementor-element-8010b20 .elementor-heading-title{font-size:1.5em;line-height:1.3em;}.elementor-303 .elementor-element.elementor-element-d92f812{--padding-top:4em;--padding-bottom:4em;--padding-left:1em;--padding-right:1em;}.elementor-303 .elementor-element.elementor-element-349387e .elementor-heading-title{font-size:2em;line-height:1.3em;}.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-303 .elementor-element.elementor-element-1c6f8da:after{content:"0.5";}.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-fed376d *//* ==========================================================================
   CONTAINER HERO - ECOSSISTEMA IMPORPEÇAS MULTIMARCAS
   ========================================================================== */

/* 1. Ajustes Estruturais de Exibição e Altura */
.elementor-303 .elementor-element.elementor-element-fed376d {
    position: relative !important;
   
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

/* 2. Camada Gradiente Superior (Espaço Negativo Otimizado para Leitura à Esquerda) */
.elementor-303 .elementor-element.elementor-element-fed376d::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(18, 18, 18, 0.96) 0%, rgba(18, 18, 18, 0.72) 45%, rgba(18, 18, 18, 0.45) 100%) !important;
    z-index: 1;
    pointer-events: none;
}

/* 3. Camada Gradiente Inferior (Transição Suave para emendar com a Próxima Seção) */
.elementor-303 .elementor-element.elementor-element-fed376d::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 60%, #121212 100%) !important;
    z-index: 1;
    pointer-events: none;
}

/* 4. Isolamento de Camada para garantir Interação e Leitura do Conteúdo */
.elementor-303 .elementor-element.elementor-element-fed376d > .elementor-container,
.elementor-303 .elementor-element.elementor-element-fed376d > .e-con-inner,
.elementor-303 .elementor-element.elementor-element-fed376d .elementor-widget-wrap {
    position: relative !important;
    z-index: 2 !important;
}

/* ==========================================================================
   5. AJUSTES DE RESPONSIVIDADE (MOBILE E TABLET PERFEITOS)
   ========================================================================== */
@media (max-width: 980px) {
    .elementor-303 .elementor-element.elementor-element-fed376d {
       
        background-position: 65% center !important; /* Move o veículo sutilmente para não sumir no corte */
    }
    
    /* Suaviza e centraliza a iluminação no tablet */
    .elementor-303 .elementor-element.elementor-element-fed376d::before {
        background: linear-gradient(180deg, rgba(18, 18, 18, 0.94) 0%, rgba(18, 18, 18, 0.60) 100%) !important;
    }
}

@media (max-width: 760px) {
    .elementor-303 .elementor-element.elementor-element-fed376d {
        
      
        padding-bottom: 70px !important;
        background-position: 70% center !important;
    }
    
    /* Escurece o fundo de forma homogênea no mobile para priorizar a leitura técnica */
    .elementor-303 .elementor-element.elementor-element-fed376d::before {
        background: rgba(18, 18, 18, 0.88) !important;
    }
    
    .elementor-303 .elementor-element.elementor-element-fed376d::after {
        background: linear-gradient(180deg, transparent 40%, #121212 100%) !important;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-title, class: .elementor-element-8010b20 *//* ==========================================================================
   TÍTULO DE SEÇÃO PREMIUM (H2 DETECT) - ECOSSISTEMA IMPORPEÇAS
   ========================================================================== */

/* 1. Alinhamento e Comportamento Estrutural do Título */
.elementor-303 .elementor-element.elementor-element-8010b20 .elementor-heading-title {
    display: block !important;

    position: relative !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
}

/* 2. Captura Automática da Tag <span> Interna (Sem precisar de classes no HTML) */
.elementor-303 .elementor-element.elementor-element-8010b20 .elementor-heading-title span {
    color: #FFE000 !important; /* Injeta o Amarelo Oficial da Logo */
    font-weight: 900 !important; /* Força o peso máximo para dar contraste agressivo */
    display: inline-block !important;
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 3. A Barra Industrial de Fechamento (Pseudo-elemento centralizado) */
.elementor-303 .elementor-element.elementor-element-8010b20 .elementor-heading-title::after {
    content: '' !important;
    display: block !important;
    width: 70px !important; /* Largura exata do protótipo */
    height: 4px !important; /* Espessura da barra */
    background-color: #FFE000 !important; /* Amarelo Oficial */
    border-radius: 3px !important;
    margin: 16px 0 0 !important; /* Move a barra exatamente para o centro abaixo do texto */
    box-shadow: 0 2px 8px rgba(255, 224, 0, 0.35); /* Brilho técnico refinado */
}

/* ==========================================================================
   4. MICROINTERAÇÕES PREMIUM NO HOVER
   ========================================================================== */
/* Faz a palavra em amarelo levitar levemente quando o usuário passa o mouse no título */
.elementor-303 .elementor-element.elementor-element-8010b20:hover .elementor-heading-title span {
    transform: translateY(-2px) scale(1.03) !important;
    text-shadow: 0 4px 14px rgba(255, 224, 0, 0.4);
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-283ffb4 *//* ==========================================================================
   CONTEÚDO DO POST (POST CONTENT) - DEFINITIVO IMPORPEÇAS
   ========================================================================== */

/* 1. RESET E FORMATAÇÃO DE PARÁGRAFOS */
.elementor-303 .elementor-element.elementor-element-283ffb4,
.elementor-303 .elementor-element.elementor-element-283ffb4 p {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.1rem !important; 
    line-height: 1.75 !important; 
    color: #DCDCDC !important; 
    margin-bottom: 24px !important;
}

/* 2. HIERARQUIA DE TÍTULOS (H2, H3, H4) */
.elementor-303 .elementor-element.elementor-element-283ffb4 h2,
.elementor-303 .elementor-element.elementor-element-283ffb4 h3,
.elementor-303 .elementor-element.elementor-element-283ffb4 h4 {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-top: 48px !important; 
    margin-bottom: 20px !important;
}

.elementor-303 .elementor-element.elementor-element-283ffb4 h2 { 
    font-size: 1.8rem !important; 
    letter-spacing: 0.5px !important; 
    border-left: 4px solid #E10E0E !important; /* Risco Vermelho Oficial */
    padding-left: 14px !important; 
} 
.elementor-303 .elementor-element.elementor-element-283ffb4 h3 { 
    font-size: 1.45rem !important; 
    color: #FFE000 !important; /* Subtítulo em Amarelo */
} 
.elementor-303 .elementor-element.elementor-element-283ffb4 h4 { 
    font-size: 1.2rem !important; 
}

/* 3. LINKS INTERNOS */
.elementor-303 .elementor-element.elementor-element-283ffb4 a {
    color: #FFE000 !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    transition: color 0.25s ease !important;
}

.elementor-303 .elementor-element.elementor-element-283ffb4 a:hover {
    color: #FFFFFF !important;
}

/* ==========================================================================
   4. CORREÇÃO DE LISTAS (FIX DO PRINT: ADEUS BOLINHAS BRANCAS)
   ========================================================================== */
.elementor-303 .elementor-element.elementor-element-283ffb4 ul {
    list-style: none !important; /* Mata a bolinha branca nativa quebrada */
    margin-bottom: 32px !important;
    padding-left: 0 !important; /* Zera o recuo fantasma do navegador */
}

.elementor-303 .elementor-element.elementor-element-283ffb4 ul li {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: #DCDCDC !important;
    margin-bottom: 12px !important;
    line-height: 1.6 !important;
    position: relative !important;
    padding-left: 20px !important; /* Abre espaço exato para o nosso marcador customizado */
}

/* Injeta um Traço Industrial Amarelo no lugar da bolinha */
.elementor-303 .elementor-element.elementor-element-283ffb4 ul li::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 11px !important; /* Alinha matematicamente com o meio da primeira linha */
    width: 8px !important;
    height: 2px !important;
    background-color: #FFE000 !important;
    border-radius: 2px !important;
}

/* Listas Numeradas (Ol) - Números em Amarelo */
.elementor-303 .elementor-element.elementor-element-283ffb4 ol {
    margin-bottom: 32px !important;
    padding-left: 24px !important;
}
.elementor-303 .elementor-element.elementor-element-283ffb4 ol li {
    font-family: 'Inter', sans-serif !important;
    font-size: 1.05rem !important;
    color: #DCDCDC !important;
    margin-bottom: 12px !important;
    line-height: 1.6 !important;
    padding-left: 8px !important;
}
.elementor-303 .elementor-element.elementor-element-283ffb4 ol li::marker {
    color: #FFE000 !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   5. IMAGENS, VÍDEOS (IFRAME) E LEGENDAS
   ========================================================================== */
.elementor-303 .elementor-element.elementor-element-283ffb4 img,
.elementor-303 .elementor-element.elementor-element-283ffb4 iframe {
    border-radius: 12px !important;
    border: 1px solid #2A2A2A !important;
    margin: 32px auto !important;
    display: block;
    max-width: 100% !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.5) !important;
}

/* Garante que vídeos do YouTube não quebrem no celular */
.elementor-303 .elementor-element.elementor-element-283ffb4 iframe {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
}

.elementor-303 .elementor-element.elementor-element-283ffb4 .wp-caption-text,
.elementor-303 .elementor-element.elementor-element-283ffb4 figcaption {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.88rem !important;
    color: #A8A8A8 !important;
    text-align: center;
    margin-top: -20px !important;
    margin-bottom: 32px !important;
}

/* ==========================================================================
   6. CITAÇÕES (BLOCKQUOTES) E CÓDIGOS TÉCNICOS
   ========================================================================== */
.elementor-303 .elementor-element.elementor-element-283ffb4 blockquote {
    background: #1A1A1A !important;
    border-left: 4px solid #FFE000 !important;
    border-radius: 0 12px 12px 0;
    padding: 24px 32px !important;
    margin: 36px 0 !important;
}

.elementor-303 .elementor-element.elementor-element-283ffb4 blockquote p {
    font-family: 'Montserrat', sans-serif !important;
    font-style: italic !important;
    font-size: 1.2rem !important;
    color: #FFFFFF !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

/* Textos Técnicos (Chassis, Códigos de Peças em fundo isolado) */
.elementor-303 .elementor-element.elementor-element-283ffb4 pre,
.elementor-303 .elementor-element.elementor-element-283ffb4 code {
    background-color: #111111 !important;
    color: #FFE000 !important;
    font-family: monospace !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    border: 1px solid #2A2A2A !important;
    font-size: 0.95rem !important;
}
.elementor-303 .elementor-element.elementor-element-283ffb4 pre { padding: 16px !important; overflow-x: auto !important; }

/* ==========================================================================
   7. TABELAS DE ESPECIFICAÇÃO
   ========================================================================== */
.elementor-303 .elementor-element.elementor-element-283ffb4 table {
    width: 100% !important;
    margin: 36px 0 !important;
    border-collapse: collapse !important;
    background-color: #161616 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #2A2A2A !important;
}

.elementor-303 .elementor-element.elementor-element-283ffb4 table th {
    background-color: #1A1A1A !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    color: #FFE000 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    padding: 14px 18px !important;
    text-align: left !important;
    border-bottom: 2px solid #2A2A2A !important;
}

.elementor-303 .elementor-element.elementor-element-283ffb4 table td {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    color: #E6E6E6 !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid #222222 !important;
}

.elementor-303 .elementor-element.elementor-element-283ffb4 table tr:nth-child(even) { background-color: #1A1A1A !important; }

/* ==========================================================================
   8. RESPONSIVIDADE TOTAL (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 768px) {
    .elementor-303 .elementor-element.elementor-element-283ffb4, .elementor-303 .elementor-element.elementor-element-283ffb4 p {
        font-size: 1.05rem !important;
        line-height: 1.65 !important;
    }

    .elementor-303 .elementor-element.elementor-element-283ffb4 h2 { font-size: 1.55rem !important; margin-top: 36px !important; }
    .elementor-303 .elementor-element.elementor-element-283ffb4 h3 { font-size: 1.35rem !important; margin-top: 32px !important; }
    
    .elementor-303 .elementor-element.elementor-element-283ffb4 blockquote {
        padding: 20px 24px !important;
    }
    .elementor-303 .elementor-element.elementor-element-283ffb4 blockquote p {
        font-size: 1.05rem !important;
    }
    
    .elementor-303 .elementor-element.elementor-element-283ffb4 table {
        display: block !important;
        overflow-x: auto !important; /* Scroll lateral para tabelas no celular */
        white-space: nowrap !important;
    }
    
    .elementor-303 .elementor-element.elementor-element-283ffb4 ul li {
        padding-left: 16px !important;
    }
    .elementor-303 .elementor-element.elementor-element-283ffb4 ul li::before {
        width: 6px !important; /* Reduz a marcação no celular */
        top: 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-349387e *//* ==========================================================================
   TÍTULO DE SEÇÃO PREMIUM (H2 DETECT) - ECOSSISTEMA IMPORPEÇAS
   ========================================================================== */

/* 1. Alinhamento e Comportamento Estrutural do Título */
.elementor-303 .elementor-element.elementor-element-349387e .elementor-heading-title {
    display: block !important;
    text-align: center !important;
    position: relative !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
}

/* 2. Captura Automática da Tag <span> Interna (Sem precisar de classes no HTML) */
.elementor-303 .elementor-element.elementor-element-349387e .elementor-heading-title span {
    color: #FFE000 !important; /* Injeta o Amarelo Oficial da Logo */
    font-weight: 900 !important; /* Força o peso máximo para dar contraste agressivo */
    display: inline-block !important;
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* 3. A Barra Industrial de Fechamento (Pseudo-elemento centralizado) */
.elementor-303 .elementor-element.elementor-element-349387e .elementor-heading-title::after {
    content: '' !important;
    display: block !important;
    width: 70px !important; /* Largura exata do protótipo */
    height: 4px !important; /* Espessura da barra */
    background-color: #FFE000 !important; /* Amarelo Oficial */
    border-radius: 3px !important;
    margin: 16px auto 0 !important; /* Move a barra exatamente para o centro abaixo do texto */
    box-shadow: 0 2px 8px rgba(255, 224, 0, 0.35); /* Brilho técnico refinado */
}

/* ==========================================================================
   4. MICROINTERAÇÕES PREMIUM NO HOVER
   ========================================================================== */
/* Faz a palavra em amarelo levitar levemente quando o usuário passa o mouse no título */
.elementor-303 .elementor-element.elementor-element-349387e:hover .elementor-heading-title span {
    transform: translateY(-2px) scale(1.03) !important;
    text-shadow: 0 4px 14px rgba(255, 224, 0, 0.4);
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-1c6f8da *//* ==========================================================================
   FIX DE SEGURANÇA: TRUNCAMENTO E CORTE DE EXCERPT (LINE-CLAMP)
   ========================================================================== */

/* Alvo direto no container do resumo/texto do post */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__excerpt,
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__excerpt p,
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__text p {
    /* Força o navegador a usar o motor de renderização Webkit para blocos de texto */
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    
    /* TRAVA CIRÚRGICA: Define o limite máximo de 4 linhas na tela */
    -webkit-line-clamp: 4 !important; 
    
    /* Esconde absolutamente qualquer linha de texto que passar da 4ª linha */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* Reseta margens para o cálculo de altura ficar milimétrico */
    margin-bottom: 20px !important; 
    padding: 0 !important;
    
    /* Estabilidade de altura: garante que mesmo resumos menores ocupem a mesma área */
    min-height: calc(1.6rem * 4) !important; 
    line-height: 1.6 !important;
}

/* Garante que o link "Leia Mais" (Read More) continue posicionado na base */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__read-more {
    margin-top: auto !important;
    display: inline-flex !important;
}/* ==========================================================================
   GRID DE POSTS / BLOG - ECOSSISTEMA IMPORPEÇAS
   ========================================================================== */

/* 1. Ajuste Estrutural do Grid de Cards */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important; /* 3 colunas perfeitas no desktop */
    gap: 28px !important;
}

/* Anula seletores de float antigos que o Elementor injeta para limpar o DOM */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post {
    position: relative !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    
    /* Configuração do Card Industrial */
    background-color: #1A1A1A !important; /* Fundo Grafite Fosco Premium */
    border: 1px solid #2A2A2A !important; /* Contorno sutil de chapa de aço */
    border-radius: 14px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1), 
                box-shadow 0.35s ease, 
                border-color 0.35s ease !important;
}

/* ==========================================================================
   2. ENGENHARIA DA CAPA DO POST (IMAGEM)
   ========================================================================== */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__thumbnail__link {
    display: block !important;
    overflow: hidden !important;
    position: relative !important;
    height: 220px !important; /* Altura travada para manter a simetria horizontal do feed */
}

.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__thumbnail img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* ==========================================================================
   3. ÁREA DE TEXTO E CONTEÚDO DO CARD
   ========================================================================== */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__text {
    padding: 24px !important; /* Respiro interno generoso e sofisticado */
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* Metadados / Info do Post (Data, Autor, Comentários em Oswald Compacta) */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__meta-data {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 0.8rem !important;
    color: #A8A8A8 !important; /* Cinza Muted técnico */
    margin-bottom: 12px !important;
}

.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__meta-data span + span::before {
    color: #E10E0E !important; /* Divisor de metadados em Vermelho Oficial */
}

/* Título do Post (Montserrat Robusto) */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__title,
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__title a {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 800 !important;
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    margin: 0 0 12px 0 !important;
    transition: color 0.3s ease !important;
}

/* Resumo do Texto (Excerpt) */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__excerpt p {
    font-family: 'Inter', sans-serif !important;
    font-size: 0.94rem !important;
    color: #C0C0C0 !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
}

/* Link "Leia Mais" (Botão Técnico) */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__read-more {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    font-weight: 600 !important;
    font-size: 0.9rem !important;
    color: #FFE000 !important; /* Inicialmente no Amarelo da Logo */
    text-decoration: none !important;
    margin-top: auto !important; /* Empurra o link sempre para o final da caixa */
    display: inline-flex !important;
    align-items: center !important;
    transition: color 0.3s ease, padding-left 0.3s ease !important;
}

/* Injeta uma seta mecânica discreta após o texto do "Leia Mais" */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__read-more::after {
    content: ' →' !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   4. MICROINTERAÇÕES E ESTADOS DE HOVER PREMIUM
   ========================================================================== */

/* Comportamento Dinâmico do Card Inteiro ao Passar o Mouse */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post:hover {
    transform: translateY(-6px) !important; /* Levitação magnética */
    border-color: #FFE000 !important; /* Acende a chapa no Amarelo Oficial */
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 4px 14px rgba(255, 224, 0, 0.05) !important;
}

/* Zoom de lente de câmera na foto da peça */


/* Título e Botão reagem ao Hover de forma integrada */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post:hover .elementor-post__title a {
    color: #FFE000 !important; /* O título acende no amarelo da marca */
}

.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post:hover .elementor-post__read-more {
    color: #FFFFFF !important; /* O link vira branco puro */
    padding-left: 6px !important; /* Sutil avanço de leitura */
}

/* ==========================================================================
   5. ENGENHARIA RESPONSIVA (TABLET & MOBILE)
   ========================================================================== */
@media (max-width: 980px) {
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-posts-container {
        grid-template-columns: repeat(2, 1fr) !important; /* Quebra para 2 colunas elegantes no iPad */
        gap: 20px !important;
    }
    
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__thumbnail__link {
        height: 190px !important; /* Reduz ligeiramente a altura da capa */
    }

    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__title,
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__title a {
        font-size: 1.1rem !important;
    }
}

@media (max-width: 560px) {
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-posts-container {
        grid-template-columns: 1fr !important; /* Coluna única gigante e imponente no smartphone */
        gap: 24px !important;
    }
    
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__thumbnail__link {
        height: 210px !important; /* Devolve impacto para a imagem em telas pequenas */
    }

    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-post__text {
        padding: 20px !important;
    }
}

/* ==========================================================================
   6. PAGINAÇÃO PREMIUM (NUMBERS + PREVIOUS / NEXT) - IMPORPEÇAS
   ========================================================================== */

/* Container Geral da Paginação (Centralização e Espaçamento Superior) */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important; /* Espaço cirúrgico entre os blocos numéricos */
    margin-top: 48px !important; /* Afasta a paginação do grid de cards */
    width: 100% !important;
    flex-wrap: wrap !important;
}

/* Estilização Base de Todos os Links e Números da Paginação */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a,
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination span {
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    
    /* Desenha os blocos geométricos foscos */
    background-color: #1A1A1A !important; 
    color: #A8A8A8 !important; /* Texto em cinza muted inicialmente */
    border: 1px solid #2A2A2A !important;
    
    /* Formato quadrado perfeito para os números */
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

/* --------------------------------------------------------------------------
   ESTADOS ATIVOS E HOVER (NÚMEROS)
   -------------------------------------------------------------------------- */

/* O Número da Página Atual (Fundo Amarelo Oficial e Texto Preto) */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination span.current {
    background-color: #FFE000 !important; /* Amarelo da Logo */
    color: #1A1A1A !important; /* Texto preto industrial para contraste total */
    border-color: #FFE000 !important;
    box-shadow: 0 6px 20px rgba(255, 224, 0, 0.25) !important; /* Brilho sutil */
}

/* Comportamento ao passar o mouse nos números inativos */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a:hover {
    color: #FFE000 !important; /* O número acende em amarelo */
    border-color: #FFE000 !important; /* O contorno acende */
    background-color: #222222 !important; /* Fundo ganha sutil profundidade */
    transform: translateY(-2px) !important; /* Leve levitação mecânica */
}

/* --------------------------------------------------------------------------
   BOTÕES ESPECÍFICOS: ANTERIOR (PREV) E PRÓXIMO (NEXT)
   -------------------------------------------------------------------------- */

/* Força os botões de texto de seta a se adaptarem como blocos mais largos */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a.prev,
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a.next {
    padding: 0 20px !important; /* Abre espaço nas laterais para caber o texto */
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    color: #E6E6E6 !important; /* Texto ligeiramente mais claro para indicar ação */
}

/* Hover específico para os botões Previous/Next (Inversão Premium) */
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a.prev:hover,
.elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a.next:hover {
    background-color: #E10E0E !important; /* Vira Vermelho Oficial da Logo ao passar o mouse */
    color: #FFFFFF !important;
    border-color: #E10E0E !important;
    box-shadow: 0 6px 20px rgba(225, 14, 14, 0.25) !important;
}

/* --------------------------------------------------------------------------
   RECALIBRAGEM MOBILE
   -------------------------------------------------------------------------- */
@media (max-width: 560px) {
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination {
        margin-top: 36px !important;
        gap: 6px !important;
    }
    
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a,
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination span {
        min-width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }
    
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a.prev,
    .elementor-303 .elementor-element.elementor-element-1c6f8da .elementor-pagination a.next {
        padding: 0 14px !important; /* Compacta as setas no mobile para não quebrar linha */
    }
}/* End custom CSS */