.elementor-kit-17{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-17 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* =========================================================
   CSS OTIMIZADO - PERFORMANCE + ELEMENTOR
   ========================================================= */

/* RESET */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f8fafc;
    color:#0f172a;
    line-height:1.6;
    overflow-x:hidden;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
}

/* =========================================================
   VARIÁVEIS
   ========================================================= */

:root{
    --primary:#ff6b00;
    --primary-hover:#e45f00;
    --dark:#0f172a;
    --dark-light:#1e293b;
    --gray:#64748b;
    --light:#f8fafc;
    --white:#ffffff;
    --border:#e2e8f0;

    --radius:22px;
    --shadow:0 10px 30px rgba(15,23,42,0.06);

    --transition:.3s ease;
}

/* =========================================================
   CONTAINER
   ========================================================= */

.container-custom{
    width:min(1200px,90%);
    margin:auto;
}

/* =========================================================
   SECTION
   ========================================================= */

.section-industrial{
    padding:90px 0;
    position:relative;
}

/* =========================================================
   TÍTULOS
   ========================================================= */

.section-badge{
    display:inline-block;
    color:var(--primary);
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:16px;
}

.section-title{
    font-size:48px;
    line-height:1.1;
    font-weight:800;
    color:var(--dark);
    margin-bottom:22px;
}

.section-description{
    font-size:17px;
    color:var(--gray);
    max-width:760px;
}

/* =========================================================
   GRID
   ========================================================= */

.grid-industrial{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:28px;
    margin-top:50px;
}

/* =========================================================
   CARDS
   ========================================================= */

.card-industrial{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:40px;
    box-shadow:var(--shadow);
    transition:var(--transition);
    position:relative;
    overflow:hidden;
}

.card-industrial:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(15,23,42,0.10);
}

.card-industrial::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:var(--primary);
}

.card-icon{
    width:74px;
    height:74px;
    border-radius:18px;
    background:rgba(255,107,0,0.10);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:24px;
}

.card-industrial h3{
    font-size:28px;
    line-height:1.3;
    margin-bottom:18px;
    color:var(--dark);
    font-weight:700;
}

.card-industrial p{
    color:var(--gray);
    margin-bottom:18px;
}

/* =========================================================
   LISTAS
   ========================================================= */

.list-industrial{
    list-style:none;
    display:grid;
    gap:14px;
    margin-top:20px;
}

.list-industrial li{
    color:var(--dark-light);
    font-weight:500;
    position:relative;
    padding-left:28px;
}

.list-industrial li::before{
    content:'✔';
    position:absolute;
    left:0;
    top:0;
    color:var(--primary);
    font-weight:700;
}

/* =========================================================
   BOTÕES
   ========================================================= */

.btn-industrial{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    background:var(--primary);
    color:var(--white);

    padding:16px 32px;
    border-radius:14px;

    font-weight:600;
    text-decoration:none;

    transition:var(--transition);

    border:none;
    cursor:pointer;
}

.btn-industrial:hover{
    background:var(--primary-hover);
    transform:translateY(-3px);
}

/* =========================================================
   HERO
   ========================================================= */

.hero-industrial{
    min-height:90vh;
    display:flex;
    align-items:center;

    background:
    linear-gradient(rgba(15,23,42,.82),rgba(15,23,42,.88)),
    url('SUA-IMAGEM.jpg') center/cover;

    color:var(--white);
    padding:120px 0;
}

.hero-title{
    font-size:68px;
    line-height:1.05;
    font-weight:800;
    margin-bottom:24px;
    max-width:850px;
}

.hero-description{
    font-size:18px;
    color:#dbe4ee;
    max-width:760px;
    margin-bottom:34px;
}

/* =========================================================
   DARK SECTION
   ========================================================= */

.dark-section{
    background:var(--dark);
}

.dark-section .section-title,
.dark-section h3{
    color:var(--white);
}

.dark-section p,
.dark-section li{
    color:#dbe4ee;
}

.dark-section .card-industrial{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
}

/* =========================================================
   ESTATÍSTICAS
   ========================================================= */

.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:24px;
    margin-top:50px;
}

.stat-card{
    background:var(--white);
    border-radius:22px;
    padding:40px;
    text-align:center;
    border:1px solid var(--border);
}

.stat-card h3{
    font-size:52px;
    color:var(--primary);
    margin-bottom:10px;
}

.stat-card p{
    color:var(--gray);
}

/* =========================================================
   IMAGENS
   ========================================================= */

img{
    max-width:100%;
    height:auto;
    display:block;
}

/* =========================================================
   ELEMENTOR OTIMIZAÇÃO
   ========================================================= */

/* Remove margens exageradas */
.elementor-widget{
    margin-bottom:0 !important;
}

/* Remove largura excessiva */
.elementor-section.elementor-section-boxed > .elementor-container{
    max-width:1200px;
}

/* Melhor renderização */
.elementor img{
    image-rendering:auto;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 1024px){

    .hero-title{
        font-size:52px;
    }

    .section-title{
        font-size:40px;
    }

}

@media (max-width: 767px){

    .section-industrial{
        padding:70px 0;
    }

    .hero-industrial{
        min-height:auto;
        padding:100px 0;
    }

    .hero-title{
        font-size:36px !important;
        line-height:1.15 !important;
    }

    .hero-description{
        font-size:16px;
    }

    .section-title{
        font-size:30px;
        line-height:1.2;
    }

    .section-description{
        font-size:15px;
    }

    .card-industrial{
        padding:30px;
    }

    .card-industrial h3{
        font-size:24px;
    }

    .btn-industrial{
        width:100%;
    }

    .grid-industrial{
        gap:20px;
    }

}

/* =========================================================
   PERFORMANCE
   ========================================================= */

/* reduz animações no mobile */
@media (prefers-reduced-motion: reduce){

    *{
        animation:none !important;
        transition:none !important;
        scroll-behavior:auto !important;
    }

}

img{
   height:auto;
   display:block;
}


/* ==========================================
   REGRAS EXCLUSIVAS PARA MOBILE (ATÉ 767PX)
   ========================================== */
@media (max-width: 767px) {

    /* DESATIVA O EFEITO DE PULSO NO MOBILE */
    .icone-pulso-domel .elementor-icon::before,
    .icone-pulso-domel .elementor-icon-list-icon::before {
        display: none !important;
        animation: none !important;
    }

    /* Classe específica para títulos mobile (28px) */
    .titulo-mobile-forcado .elementor-heading-title {
        font-size: 28px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px !important;
        word-break: break-word !important;
    }

    /* Classe específica para títulos menores mobile (18px) */
    .titulo-mobile-forcado2 .elementor-heading-title {
        font-size: 18px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.5px !important;
        word-break: break-word !important;
    }
}
/* ==========================================
   2. BOTÃO PREMIUM - ESTILO AXIRON
   ========================================== */
.btn-premium-domel .elementor-button {
    background-color: #F01C3C !important; 
    color: #FFFFFF !important;
    position: relative;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 4px;
    padding: 16px 20px;
    transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.btn-premium-domel .elementor-button::before {
    content: '';
    position: absolute;
    bottom: 100%; 
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0C0444 !important; 
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateY(0);
}

.btn-premium-domel .elementor-button:hover::before {
    transform: translateY(100%); 
}

.btn-premium-domel .elementor-button:hover {
    color: #FFFFFF !important;
}

.btn-premium-domel .elementor-button .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

.btn-premium-domel .elementor-button .elementor-button-icon {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform-origin: center; 
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.btn-premium-domel .elementor-button:hover .elementor-button-icon {
    transform: rotate(45deg);
}

/* ==========================================
   3. EFEITO DE BRILHO DIAGONAL - CORRIGIDO
   ========================================== */
.brilho-imagem-domel {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important; 
    transform: translateZ(0) !important;
}

.brilho-imagem-domel::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg);
    z-index: 99 !important; 
    pointer-events: none;
}

.brilho-imagem-domel:hover::after {
    animation: brilho-passando-domel 0.8s ease-in-out forwards;
}

@keyframes brilho-passando-domel {
    0% { left: -100%; }
    100% { left: 200%; }
}
/* ==========================================
   REGRAS EXCLUSIVAS PARA MOBILE (ATÉ 767PX)
   ========================================== */
@media (max-width: 767px) {

    /* DESATIVA APENAS O EFEITO DE LUZ NO MOBILE (MANTÉM BORDER-RADIUS) */
    .brilho-imagem-domel::after {
        display: none !important;
        animation: none !important;
    }

    /* ... (aqui continuam as outras regras mobile que você já tem, como os títulos) ... */
}



    /* Botão Premium: Full Width e Centralizado */
    .btn-premium-domel .elementor-widget-container,
    .btn-premium-domel .elementor-button-wrapper {
        width: 100% !important;
        display: block !important;
        text-align: center !important;
    }

    .btn-premium-domel .elementor-button {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }


/*botao*/
/* Estilo do Botão via Shortcode */
.btn-whatsapp-domel {
    background-color: #F01C3C !important;
    color: #FFFFFF !important;
    position: relative;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 4px;
    padding: 16px 20px;
    transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    text-decoration: none;
}

/* Efeito de preenchimento (Slide) */
/* ==========================================
   BOTÃO PREMIUM DOMEL - SHORTCODE
   ========================================== */

/* Estilo Base do Botão */
a.btn-premium-domel {
    background-color: #F01C3C !important;
    color: #FFFFFF !important;
    position: relative;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: 4px;
    padding: 16px 24px;
    text-decoration: none !important;
    transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    font-weight: 600;
    font-size: 15px;
}

/* Pseudo-elemento para o efeito de preenchimento (Slide Down) */
a.btn-premium-domel::before {
    content: '';
    position: absolute;
    bottom: 100%; /* Começa acima */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0C0444 !important; /* Cor Principal (Azul Escuro) */
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    transform: translateY(0);
}

/* Estado de Hover - Dispara o preenchimento para baixo */
a.btn-premium-domel:hover::before {
    transform: translateY(100%);
}

/* Garante texto branco no hover */
a.btn-premium-domel:hover {
    color: #FFFFFF !important;
}

/* Wrapper interno para manter alinhamento */
a.btn-premium-domel .btn-wrapper-domel {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

/* Transição da Seta */
a.btn-premium-domel .btn-icon-domel {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
    font-size: 18px;
}

/* Estado de Hover da Seta - Gira para a diagonal superior direita */
a.btn-premium-domel:hover .btn-icon-domel {
    transform: rotate(-45deg); /* Usei -45deg para apontar ↗ (para cima e direita) */
}

/*tradutor carrinho msg vazio*/
.woocommerce-mini-cart__empty-message {
font-size: 0;
}
.woocommerce-mini-cart__empty-message::after {
  content: " Nenhum produto no carrinho";
  font-size: 16px !important;
}

/*css pagina minha conta login */

elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h2, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce h3 {
    color: var(--typography-section-titles-color, #000);
    font-weight: 400;
    margin-bottom: var(--section-title-spacing, 45px);
    margin-top: 0;
    font-family: 'Poppins';
}


.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row label {
    color: #000000;
    margin-bottom: var(--forms-label-spacing, 0);
    font-family: 'Poppins';
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .login .button, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .register .button, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-ResetPassword .button {
    background: #0C0444;
    font-family: 'Poppins';
    font-weight: 500;
    border: none;
    border-radius: var(--forms-buttons-border-radius, 3px);
    color: var(--forms-buttons-normal-text-color, #fff);
    padding: var(--forms-buttons-padding, 12px 32px);
}

.elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row .input-text, .elementor-widget-woocommerce-my-account .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .form-row select {
    background: #f9fafa;
    border: 1px solid #000;
    border-radius: var(--forms-fields-border-radius, 0);
    color: var(--forms-fields-normal-color, #69727d);
    font-size: 14px;
    padding: var(--forms-fields-padding, 16px);
}/* End custom CSS */