/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 03 2026 | 17:52:21 */
main {
  max-width: 100vw;
  overflow: hidden;
}
#megaNavMenu .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0px;
  }
ul.child-level {
    position: absolute;
    right: -201px;
    top: 0;
    z-index: 999;
    width: 200px;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
    display: none !important;
	padding-top: 50px; 
}
@media (max-width: 992px){
	ul.child-level {
    position: relative;
	right: 0 !important; 
    display: flex !important;
    width: 100%;
   padding-top: 35px !important;
		z-index:1; 
}
	ul.child-level:before {
    font-size: 15px;
}
}
ul.child-level:before {
    content: "Tamanho";
    position: absolute;
    top: 0;
    color: #ffff;
    z-index: 999;
    background: #0c234c;
    width: 100%;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    padding: 5px;
}
ul.first-level {
    overflow: visible !important;
}
ul.first-level li {
    position: relative;
}
ul.first-level li:hover ul.child-level {
    display: flex !important;
}
/*Página principal*/
.bgFix {
  background-attachment: fixed;
}
.dce-filters {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
span.filters-item.filter-active {
    background-color: #FFD500;
}
span.filters-item {
    background-color: #173568;
    padding: 5px 10px;
    margin: 5px;
    text-align: center;
  	border: solid 1px #173568;
    box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.3);
}
span.filters-item:hover {
    background-color: #FFD500;
}
.filters-divider {
    display: none;
}
.dce-filters {
    margin-bottom: 30px;
}

/*PÁGINA QUEM SOMOS*/
#sectionEmpresa {
    overflow: hidden
}
@media (min-width: 1400px) {
#sliderEmpresa .pp-image-slider-image-wrap {
    width: 500px;
    height: 500px;
}
.sliderProduto .pp-image-slider-image-wrap {
    width: 500px;
    height: 500px;
}
}
@media (min-width: 769px) and (max-width: 1399px){
#sliderEmpresa .pp-image-slider-image-wrap {
    width: 400px;
    height: 400px;
}
.sliderProduto .pp-image-slider-image-wrap {
    width: 400px;
    height: 400px;
}
}
@media (min-width: 769px){
#sliderEmpresa .slick-slide img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.sliderProduto .slick-slide img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}

/*PÁGINA CONTATO*/
.form-button {
    margin-bottom: 0!important;
}
#sectionContato {
    overflow: hidden;
}

/*PÁGINA CATEGORIA DE PRODUTOS*/

/*Display de produtos*/

.elementor-posts .elementor-post__card .elementor-post__text {
    padding: 5px 10px;
    margin-top: -20px!important;
    padding: 25px 10px 0px 10px!important;
}

.elementor-posts .elementor-post__card .elementor-post__text:hover {
    background-color: #FDD40500;
}
.elementor-post__card:hover {
    background-color: #FDD405;
}
/*Menu lateral */

.elementor-834 .elementor-element.elementor-element-2817546 .dce-menu ul.first-level li,
.dce-menu.dce-flex-menu.vertical ul.first-level li {
    width: 100% !important;
    margin-bottom: 0;
}

ul.first-level {
    padding: 0px;
}

.elementor-3065 .elementor-element.elementor-element-5095dbf9 .dce-menu a {
white-space: nowrap;
}

.elementor-3065 .elementor-element.elementor-element-5095dbf9 .dce-menu a:hover {
    color: #173568!important;
    background-color: #FDD405;
}

#contact-footer .elementor-container .elementor-row {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 769px) and (max-width: 1400px) {
ul.first-level span {
    font-size: 16px;
}
.categorias1 a {
    padding: 10px;
}
.categorias1 a:hover {
    padding: 10px 15px;
}
} 

@media (max-width: 768px) {
  .categorias1 a {
    font-size: 14px;
  }
  div#n2-ss-2 .n2-font-8171eebb593d5aaee471d6d96ef10732-hover {
  
    font-size: 23px !important;
   	font-weight: 500 !important;
}
  
}

/* Interna produtos */
@media (min-width: 769px) and (max-width: 1400px) {
  .prodColumn{
    padding-right: 80px!important;
  }
}
button.wh-ap-btn {
  
    width: 70px !important;
    height: 70px !important;
}
.dce-wrapper {
    border-radius: 25px;
}
img.pp-image-slider-image.lazyloaded {
    height: 100%;
    object-fit: contain;
}

/*Menu*/ 
 .menu-menumega-container {
            width: 100%;
            max-width: 1200px;
            display: flex;
            flex-wrap: wrap;
        }

        ul.menu {
            list-style: none;
            display: flex;
            justify-content: space-around;
            align-items: center;
            position: relative;
            width: 100%;
			padding: 0;
        }

        ul.menu > li {
            position: relative;
        }
ul#menu-menumega {
    margin: 0;
}
        ul.menu > li > a {
            display: block;
            padding: 24px 15px;
            color: #fff;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: color 0.3s ease;
        }

        ul.menu > li > a:hover {
            color: #ffd525;
        }

        @media (min-width: 992px) {
            ul.menu > li.menu-item-has-children::after {
                content: '';
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
                border-width: 0 10px 10px 10px;
                border-style: solid;
                border-color: transparent transparent #ffd525 transparent;
                opacity: 0;
                visibility: hidden;
                transition: all 0.3s ease;
                z-index: 101;
            }

            ul.menu > li:hover::after {
                opacity: 1;
                visibility: visible;
            }
        }
        ul.menu > li > ul.sub-menu {
            position: absolute;
            top: 92%;
            left: 0;
            background-color: #ffffff;
            min-width: 320px;
            list-style: none;
            padding: 10px 0 25px 0;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            z-index: 100;
			max-height: 79vh;
            overflow-y: scroll;
        }

        @media (min-width: 992px) {
            ul.menu > li:hover > ul.sub-menu {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
            }
        }

        ul.sub-menu {
            list-style: none;
        }

        ul.sub-menu li {
            position: relative;
			list-style: none; 
        }

        ul.sub-menu a {
            display: block;
            padding: 5px 30px;
            text-decoration: none;
            text-transform: uppercase;
            transition: color 0.2s;
        }

        ul.sub-menu a:hover {
            color: #000;
        }

        ul.sub-menu ul.sub-menu {
            position: static;
            opacity: 1;
            visibility: visible;
            box-shadow: none;
            transform: none;
            padding: 0;
            margin: 0;
            min-width: auto;
        }

        ul.sub-menu .menu-item-has-children > a::after {
            display: none;
        }

        ul.menu > li > ul.sub-menu > li > a {
            color: #000;
            font-weight: 700;
            font-size: 13px;
            padding-top: 25px;
            padding-bottom: 10px;
        }

        ul.menu > li > ul.sub-menu > li:first-child > a {
            padding-top: 15px;
        }

        ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
            color: #000;
            font-weight: 600;
            font-size: 12px;
            padding-top: 15px;
            padding-bottom: 8px;
        }

        ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
            color: #000;
            font-weight: 500;
            font-size: 12px;
            padding-top: 6px;
            padding-bottom: 6px;
        }
.mobile-close-btn {
    display: none;
}
        
        @media (max-width: 991px) {
			.mobile-close-btn {
    display: block;
}
    .header-simulator {
        padding: 0;
    }

    .menu-menumega-container {
        position: relative;
        min-height: 46px;
        top: -24px;
    }

    .menu-menumega-container::before {
        content: '';
        position: absolute;
        top: 28px;
        right: 20px;
        width: 26px;
        height: 3px;
        background: #fff; 
        box-shadow: 0 -8px 0 #fff, 0 8px 0 #fff;
        cursor: pointer;
        z-index: 10;
        transition: all 0.3s ease;
    }

    ul.menu {
        display: none; 
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        margin-top: 60px !important; 
        padding-bottom: 30px;
    }

    .menu-menumega-container.is-open ul.menu {
        display: flex;
        height: 81vh;
        overflow-y: scroll;
    }

    ul.menu > li {
        width: 100%;
    }

    ul.menu > li > a {
        padding: 0px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
			ul.menu>li>ul.sub-menu{
				background: transparent !important; 
			}

  ul.menu .menu-item-has-children > a {
        position: relative;
        display: block; 
        padding-right: 40px !important; 
    }

    /* 2. Sobrescreve o "display: none !important" original e desenha a setinha em TODOS os níveis */
    ul.menu .menu-item-has-children > a::after,
    ul.menu > li > ul.sub-menu .menu-item-has-children > a::after {
        content: '▼' !important;
        display: block !important; /* Força a exibição contra a regra antiga */
        position: absolute !important;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        transition: transform 0.3s ease;
    }
    
    /* 3. Gira a setinha quando o submenu for clicado (classe active-sub adicionada pelo JS) */
    ul.menu .menu-item-has-children.active-sub > a::after,
    ul.menu > li > ul.sub-menu .menu-item-has-children.active-sub > a::after {
        transform: translateY(-50%) rotate(180deg);
    }
			
    ul.menu > li > ul.sub-menu {
        position: static;
        display: none;
        width: 100%;
        box-shadow: none;
        transform: none;
        padding: 0 0 15px 0;
        opacity: 1;
        visibility: visible;
    }

    ul.menu > li > ul.sub-menu ul.sub-menu {
        display: none; 
        position: static;
        padding: 0;
        margin: 0;
        box-shadow: none;
    }

    ul.menu li.active-sub > ul.sub-menu {
        display: block !important;
    }

    ul.menu > li > ul.sub-menu > li > a {
        color: #fff;
        font-weight: 700;
        font-size: 13px !important;
        padding-top: 25px;
        padding-bottom: 10px;
        padding-left: 20px; 
    }
ul.sub-menu > li > a {
    font-size: 12px;
    color: #fff;
}
    ul.menu > li > ul.sub-menu > li:first-child > a {
        padding-top: 15px;
    }

    ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
        color: #fff;
        font-weight: 600;
        font-size: 12px !important;
        padding-top: 15px;
        padding-bottom: 8px;
        padding-left: 20px;
    }

    ul.menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
        color: #fff;
        font-weight: 500;
        font-size: 12px !important;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px;
    }

    .mobile-close-btn {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #e3342f; 
        color: #ffffff;
        padding: 12px 24px;
        border-radius: 30px;
        font-size: 13px;
        font-weight: 700;
        z-index: 9999;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        cursor: pointer;
        text-align: center;
    }

    .menu-menumega-container.is-open ul.menu {
        display: flex;
		        justify-content: flex-start;
        gap: 20px;
        margin-top: 115px !important;
    }

    .menu-menumega-container.is-open::before {
        background-color: transparent; 
        box-shadow: 0 0 0 transparent, 0 0 0 transparent;
    }
    
    .menu-menumega-container.is-open::after {
        content: '✕'; 
        color: #fff; 
        right: 40px; 
        position: fixed;
        top: 20px;
        font-size: 20px; 
        font-weight: 700; 
    }
}

/* TESTE AB */
.menu-item-2844 a{
	color:red!important;
	font-weight: 800!important;
}