/* Início das importações das fontes */
    /* Início das importações das fonte Inter */
        @font-face{
            font-family: 'Inter';
            src: url('../fonts/Inter/Inter-VariableFont_slnt,wght.ttf') format('woff'),
                url('../fonts/Inter/Inter-VariableFont_slnt,wght.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Inter-Bold';
            src: url('../fonts/Inter/Inter-Bold.ttf') format('woff'),
                url('../fonts/Inter/Inter-Bold.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Inter-ExtraBold';
            src: url('../fonts/Inter/Inter-ExtraBold.ttf') format('woff'),
                url('../fonts/Inter/Inter-ExtraBold.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Inter-SemiBold';
            src: url('../fonts/Inter/Inter-SemiBold.ttf') format('woff'),
                url('../fonts/Inter/Inter-SemiBold.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Inter-Light';
            src: url('../fonts/Inter/Inter-Light.ttf') format('woff'),
                url('../fonts/Inter/Inter-Light.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Inter-ExtraLight';
            src: url('../fonts/Inter/Inter-ExtraLight.ttf') format('woff'),
                url('../fonts/Inter/Inter-ExtraLight.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Inter-Black';
            src: url('../fonts/Inter/Inter-Black.ttf') format('woff'),
                url('../fonts/Inter/Inter-Black.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Inter-Medium';
            src: url('../fonts/Inter/Inter-Medium.ttf') format('woff'),
                url('../fonts/Inter/Inter-Medium.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Inter-Regular';
            src: url('../fonts/Inter/Inter-Regular.ttf') format('woff'),
                url('../fonts/Inter/Inter-Regular.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Inter-Thin';
            src: url('../fonts/Inter/Inter-Thin.ttf') format('woff'),
                url('../fonts/Inter/Inter-Thin.woff') format('woff');
            font-display: block;
        }
    /* Fim das importações das fonte Inter */

    
    /* Início das importações das fonte Barlow */
        @font-face{
            font-family: 'Barlow-Black';
            src: url('../fonts/Barlow/Barlow-Black.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-Black.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-BlackItalic';
            src: url('../fonts/Barlow/Barlow-BlackItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-BlackItalic.woff') format('woff');
            font-display: block;
        }
       
        @font-face{
            font-family: 'Barlow-Bold';
            src: url('../fonts/Barlow/Barlow-Bold.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-Bold.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-BoldItalic';
            src: url('../fonts/Barlow/Barlow-BoldItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-BoldItalic.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-ExtraBold';
            src: url('../fonts/Barlow/Barlow-ExtraBold.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-ExtraBold.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-ExtraBoldItalic';
            src: url('../fonts/Barlow/Barlow-ExtraBoldItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-ExtraBoldItalic.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-SemiBold';
            src: url('../fonts/Barlow/Barlow-SemiBold.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-SemiBold.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-SemiBoldItalic';
            src: url('../fonts/Barlow/Barlow-SemiBoldItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-SemiBoldItalic.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Barlow-Light';
            src: url('../fonts/Barlow/Barlow-Light.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-Light.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-ExtraLight';
            src: url('../fonts/Barlow/Barlow-ExtraLight.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-ExtraLight.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-ExtraLightItalic';
            src: url('../fonts/Barlow/Barlow-ExtraLightItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-ExtraLightItalic.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-LightItalic';
            src: url('../fonts/Barlow/Barlow-LightItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-LightItalic.woff') format('woff');
            font-display: block;
        }
        
        @font-face{
            font-family: 'Barlow-Medium';
            src: url('../fonts/Barlow/Barlow-Medium.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-Medium.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-MediumItalic';
            src: url('../fonts/Barlow/Barlow-MediumItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-MediumItalic.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Barlow-Regular';
            src: url('../fonts/Barlow/Barlow-Regular.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-Regular.woff') format('woff');
            font-display: block;
        }

        @font-face{
            font-family: 'Barlow-Thin';
            src: url('../fonts/Barlow/Barlow-Thin.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-Thin.woff') format('woff');
            font-display: block;
        }
        @font-face{
            font-family: 'Barlow-ThinItalic';
            src: url('../fonts/Barlow/Barlow-ThinItalic.ttf') format('woff'),
                url('../fonts/Barlow/Barlow-ThinItalic.woff') format('woff');
            font-display: block;
        }
    /* Fim das importações das fonte Barlow */

/* Fim das importações das fontes */

/* Início das definições das variáveis */
    :root {
        --cor-primary-100: #F5F6F9;
        --cor-primary-200: #EBECF2;
        --cor-primary-300: #CED0DF;
        --cor-primary-400: #B0B3CE;
        --cor-primary-500: #8387A4;
        --cor-primary-600: #2A2F4C;
        --cor-primary-700: #262A44;
        --cor-primary-800: #21243B;
        --cor-primary-900: #1B1E30;
        --cor-primary-1000: #131522;
        
        --cor-secondary-100: #FDF2F3;
        --cor-secondary-200: #FCE5E5;
        --cor-secondary-300: #F8C8C9;
        --cor-secondary-400: #F4A6A7;
        --cor-secondary-500: #F17A7C;
        --cor-secondary-600: #ED3237;
        --cor-secondary-700: #D42D31;
        --cor-secondary-800: #B8272B;
        --cor-secondary-900: #962023;
        --cor-secondary-1000: #6A1619;
        
        --cor-neutral-100: #FFFFFF;
        --cor-neutral-200: #F9F9F9;
        --cor-neutral-300: #C6C6C7;
        --cor-neutral-400: #A2A2A3;
        --cor-neutral-500: #737476;
        --cor-neutral-600: #131522;
        --cor-neutral-700: #11131E;
        --cor-neutral-800: #0F101A;
        --cor-neutral-900: #0C0D16;
        --cor-neutral-1000: #08090F;

        --cor-details-blue-light: #E6E9F1;
        --cor-details-blue: #193673;
        --cor-details-blue-second: #0D0153;
        --cor-details-green: #197359;
        --cor-details-linear-card: #08090F;
        --cor-details-option-select: #9FB7EA;

        --transition-curta: 0.5s;
        --transition-longa: 1s;


    }
    @media (max-width: 575px){
        :root {
            --bs-gutter-x: 24px;
        }
    }
/* Fim das definições das variáveis */

/* Início da padronização das Tags textuais */
    h1{ font-family: 'Barlow-SemiBold'; font-size: 40px; line-height: auto; }
    h2{ font-family: 'Barlow-Bold'; font-size: 32px; line-height: auto; }
    h3{ font-family: 'Barlow-Bold'; font-size: 24px; line-height: auto; }
    h4{ font-family: 'Inter-Bold'; font-size: 24px; line-height: auto; }
    h5{ font-family: 'Barlow-Bold'; font-size: 20px; line-height: auto; }
    h6{ font-family: 'Barlow-Bold'; font-size: 20px; line-height: auto; }

    p{ margin: 0; }

    a{text-decoration: none;}

    .text-custon-body.text-custon-body-10{ font-size: 10px; line-height: auto;  }
    .text-custon-body.text-custon-body-12{ font-size: 12px; line-height: auto;  }
    .text-custon-body.text-custon-body-14{ font-size: 14px; line-height: auto;  }
    .text-custon-body.text-custon-body-16{ font-size: 16px; line-height: auto;  }
    .text-custon-body.text-custon-body-18{ font-size: 18px; line-height: auto;  }
    .text-custon-body.text-custon-body-20{ font-size: 20px; line-height: auto;  }
    
    .text-custon-body, .text-custon-body.text-custon-body-barlow-semibold{ font-family: 'Barlow-SemiBold';  }
    .text-custon-body.text-custon-body-barlow-bold{ font-family: 'Barlow-Bold';  }
    .text-custon-body.text-custon-body-barlow-regular{ font-family: 'Barlow-regular';  }

    .text-custon-body.text-custon-body-inter-bold{ font-family: 'Inter-Bold';  }
    .text-custon-body.text-custon-body-inter-extrabold{ font-family: 'Inter-ExtraBold';  }
    .text-custon-body.text-custon-body-inter-semibold{ font-family: 'Inter-SemiBold';  }
    .text-custon-body.text-custon-body-inter-regular{ font-family: 'Inter';  }
    .text-custon-body.text-custon-body-inter-medium{ font-family: 'Inter-Medium';  }
    
    ul{ padding: 0; margin: 0; }
    ul > li{ list-style-type: none; margin: 0; }

    .titulo-custon{
        margin: 64px 0 80px;
        text-align: center;
        color: var(--cor-details-blue);
        text-transform: uppercase;
    }
    @media (max-width: 767px){
        .titulo-custon{
            margin: 55px 0;
        }
    }
    @media (max-width: 424px){
        .titulo-custon{
            font-size: 24px;
        }
    }
    @media (max-width: 374px){
        .titulo-custon{
            margin: 48px 0;
        }
    }
/* FIm da padronização das Tags textuais */


/* Inicio SEARCHFORM */
    #searchform{
        padding: 10px 16px;
        display: grid;
        grid-template-columns: 1fr 24px;
        border: 1px solid var(--cor-neutral-300);
        background: var(--cor-neutral-200);
        border-radius: 4px;
        width: 100%;
    }
    #searchform input{
        border: unset;
        background: transparent;
    }
    #searchform input:focus-visible{
        border: unset;
        outline: none;
    }
    
    #searchform button{
        padding: 0;
    }
/* Fim SEARCHFORM */

/* Inicio HEADER */
    /* Inicio HEADER DESKTOP */
        header{
            z-index: 100;
            position: sticky;   
        }
        header .header-desktop > div.topo, header .header-mobile > div.topo{
            background: var(--cor-details-blue-light);
            padding: 7px 0;
        }
        header .header-desktop > div.topo > div > div > div:last-child, header .header-mobile > div.topo > div > div > div:last-child{
            display: flex;
            gap: 16px;
            justify-content: flex-end;
        }
        header .header-desktop > div.topo > div > div > div > div, header .header-mobile > div.topo > div > div > div > div{
            display: flex;
            gap: 1.5px;
            justify-content: center;
            align-items: center;
        }
        header .header-desktop > div.centro{
            padding: 12px 0;
        }
        header .header-desktop > div.centro > div > div > div,
        header .header-mobile > div.centro > div > div > div{
            display: flex;
            gap: 55px;
            justify-content: end;
            align-items: center;
        }
        header .header-mobile > div.centro > div > div > div{
            gap: 55px;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:first-child,
        header .header-mobile > div.centro > div > div > div:last-child > div:first-child{
            display: flex;
            gap: 8px;
            align-items: center;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:first-child > img,
        header .header-mobile > div.centro > div > div > div:last-child > div:first-child > img{
            width: 32px;
            height: 32px;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:first-child > div,
        header .header-mobile > div.centro > div > div > div:last-child > div:first-child > div{
            display: grid;
            grid-template-areas:
            "a a"
            "b c";
            column-gap: 5px;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:first-child > div > a:first-child,
        header .header-mobile > div.centro > div > div > div:last-child > div:first-child > div > a:first-child{
            grid-area: a;
            color: var(--cor-secondary-600);
            font-weight: 600;
            text-decoration: underline;
            text-underline-offset: 3px;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:first-child > div > span,
        header .header-mobile > div.centro > div > div > div:last-child > div:first-child > div > span{
            grid-area: b;
            color: var(--cor-neutral-1000);
            font-weight: 600;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:first-child > div > a:last-child,
        header .header-mobile > div.centro > div > div > div:last-child > div:first-child > div > a:last-child{
            grid-area: c;
            color: var(--cor-neutral-1000);
            font-weight: 600;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:last-child > a, 
        header .header-mobile > div.centro > div > div > div:last-child > div:last-child > a{
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        header .header-desktop > div.centro > div > div > div:last-child > div:last-child > a > span, 
        header .header-mobile > div.centro > div > div > div:last-child > div:last-child > a > span{
            min-width: 16px;
            height: 16px;
            background: var(--cor-secondary-200);
            display: flex;
            border-radius: 50%;
            justify-content: center;
            align-items: center;
            color: var(--cor-secondary-600);
            padding: 5px;
            font-weight: 700;
        }
        header .header-desktop > div.inferior > div:first-child{
            background: var(--cor-primary-600);
        }
        header .header-desktop > div.inferior > div:first-child #menu-header{
            display: flex;
            justify-content: end;
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li{
            position: relative;
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li > a{
            font-family: 'Inter';
            font-size: 14px;
            padding: 15.5px 8px;
            display: flex;
            transition: var(--transition-curta);
            color: var(--cor-neutral-100);
            justify-content: center;
            align-items: center;
            gap: 8px;
        }
        
        header .header-desktop > div.inferior > div:first-child #menu-header > li > a:hover{
            background: var(--cor-secondary-600);
            transition: var(--transition-curta);
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li.icon-fire > a{
            gap: 0;
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li.icon-fire > a:after{
            content: "";
            background-image: url("../img/fogo.svg");
            width: 18px;
            height: 18px;
        }
        
        header .header-desktop > div.inferior > div:first-child #menu-header > li.menu-item-has-children > a:after{
            content: "";
            background-image: url("../img/seta.svg");
            width: 16px;
            height: 16px;
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li.menu-item-has-children > .sub-menu{
            position: absolute;
            top: 100%;
            border-radius: 0px 0px 4px 4px;
            background: var(--cor-neutral-100);
            overflow: hidden;
            width: 267px;
            box-shadow: 0px 4px 4px 0px #00000040;
            display: none;
            opacity: 0;
            transition: var(--transition-longa);
            gap: 8px;
            flex-direction: column;
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li.menu-item-has-children > .sub-menu > li{
            width: 100%;
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li.menu-item-has-children > .sub-menu > li > a{
            font-family: 'Barlow-regular';
            font-size: 20px;
            font-weight: 500;
            color: var(--cor-primary-600);
            padding: 10px 8px;
            display: block;
            transition: var(--transition-curta);
        }
        header .header-desktop > div.inferior > div:first-child #menu-header > li.menu-item-has-children > .sub-menu > li > a:hover{
            transition: var(--transition-curta);            
            background: var(--cor-primary-600);
            color: var(--cor-neutral-100);
        }
        header .header-desktop > div.inferior > div:first-child .buttons{
            display: flex;
            gap: 8px;
        }
        header .header-desktop > div.inferior > div:first-child .buttons, header .header-desktop > div.inferior > div:first-child .buttons > div{
            height: 100%;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div{
            position: relative;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > button{
            height: 100%;
            background: var(--cor-secondary-600);
            color: var(--cor-neutral-100);
            border-radius: 0;
            display: flex;
            gap: 8px;
            align-items: center;
            padding: 0 16px;
            font-weight: 700;
            padding: 15.5px 8px;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > button:focus{
            box-shadow: none;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div  > button:after{
            content: "";
            background-image: url("../img/seta.svg");
            width: 16px;
            height: 16px;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias,
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias .children{
            position: absolute;
            background: var(--cor-neutral-100);
            box-shadow: 0px 4px 4px 0px #00000040;
            border-radius: 0 0 4px 4px;
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 264px;
            display: none;
            opacity: 0;
            transition: var(--transition-curta);
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias > div,
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias .children > div{
            position: relative;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias .children{
            position: absolute;
            left: 100%;
            top: 0;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias a{
            padding: 10px 8px;
            color: var(--cor-primary-600);
            font-weight: 500;
            display: flex;
            justify-content: space-between;
            align-items: center;
            transition: var(--transition-curta);
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias a:hover,
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias a.active{
            transition: var(--transition-curta);
            background: var(--cor-primary-600);
            color: var(--cor-neutral-100);

        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias > div:last-child > a,
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias .children > div:last-child > a{
            border-radius: 0 0 4px 4px;
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias a.has-children::after{
            content: "";
            mask-image: url("../img/seta.svg");
            -webkit-mask-image: url("../img/seta.svg");
            width: 16px;
            height: 16px;
            display: flex;
            background-color: var(--cor-primary-600);
            transform: rotate(270deg);
            transition: var(--transition-curta);
        }
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias a.has-children:hover::after,
        header .header-desktop > div.inferior > div:first-child .buttons > div > .categorias a.has-children.active::after{
            background-color: var(--cor-neutral-100);
            transition: var(--transition-curta);
        }

        header .header-desktop > div.inferior > .marcas{
            border-radius: 0 0 4px 4px;
            box-shadow: 0px 4px 4px 0px #00000040;
            background: var(--cor-neutral-100);
            padding-bottom: 33px;
            position: absolute;
            width: 100%;
            transition: var(--transition-curta);
            opacity: 0;
            display: none;
        }
        header .header-desktop > div.inferior > .marcas > div > div:first-child{
            display: flex;
            gap: 7px;
            justify-content: space-around;
            padding: 12px 0 36px;
            width: 100%;
            flex-wrap: wrap;
        }
        header .header-desktop > div.inferior > .marcas > div > div > span{
            font-weight: 800;
            padding: 9px 13px;
            background: var(--cor-primary-200);
            cursor: pointer;
        }
        header .header-desktop > div.inferior > .marcas > div > div:last-child > div:first-child{
            display: grid;
            gap: 25px 32px;
            max-width: 1188px;
            margin: auto;
            grid-template-columns: repeat(auto-fill, minmax(120px, auto));
        }
        header .header-desktop > div.inferior > .marcas > div > div:last-child > div:first-child > a{
            display: flex;
            flex-direction: column;
            width: 98px;
            padding: 4px;
            gap: 4px;
            margin: auto;
            border: 1px solid var(--cor-primary-200);
            border-radius: 4px;
            transition: var(--transition-curta);
        }
        header .header-desktop > div.inferior > .marcas > div > div:last-child > div:first-child > a > span{
            color: var(--cor-primary-600);
            font-weight: 400;
            transition: var(--transition-curta);
        }
        header .header-desktop > div.inferior > .marcas > div > div:last-child > div:first-child > a:hover{
            box-shadow: 0px 4px 4px 0px #00000040;
        }
        header .header-desktop > div.inferior > .marcas > div > div:last-child > div:first-child > a:hover > span{
            font-weight: 800;
        }
        header .header-desktop > div.inferior > .marcas > div > div:last-child > div:first-child > a > img{
            width: 100%;
            height: 36px;
            object-fit: contain;
        }
        header .header-desktop > div.inferior > .marcas > div > div:last-child > div:last-child > h3{
            text-align: center;
            display: none;
        }
        header .header-mobile{
            overflow-x: clip;
            position: relative;
        }
        header .header-mobile > div.inferior{
            background: var(--cor-primary-600);
            padding: 8px 0;
        }
        header .header-mobile > div.inferior > div > div > div:last-child > button{
            width: 100%;
            display: flex;
            justify-content: center;
        }
        header .header-mobile > div.inferior > div > div > div:last-child > button > img{
            max-width: unset;
        }
        header .header-mobile > div.colapse {
            position: absolute;
            width: 100%;
            background: var(--cor-neutral-100);
            min-height: 100vh;
            z-index: 999999;            
            top: 0;
            transition: var(--transition-curta);
            left: 100%;
        }
        
        header .header-mobile > div.colapse.abrir {
            transition: var(--transition-curta);
            left: 0;
        }
        header .header-mobile > div.colapse > .topo{
            border-bottom: 1px solid var(--cor-primary-400);
        }
        header .header-mobile > div.colapse > .topo > div > div > div:last-child{
            display: flex;
            align-items: center;
            justify-content: end;
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul a{
            display: block;
            width: 100%;
            padding: 15.5px 8px;
            font-family: 'Inter';
            font-size: 14px;
            color: var(--cor-neutral-1000);
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul > li.icon-fire > a{
            display: flex;
            gap: 3px;
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul > li.icon-fire > a::after{
            content: "";
            background-image: url("../img/fogo.svg");
            width: 18px;
            height: 18px;
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul .sub-menu{
            max-height: 0;
            transition: var(--transition-curta);
            overflow: hidden;
            width: calc(100% - 10px);
            margin-left: auto;
            flex-direction: column;
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul .sub-menu.abrir{
            max-height: 100vh;
            transition: var(--transition-curta);
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul li > span{
            display: none;
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul li.menu-item-has-children{
            position: relative;
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul li.menu-item-has-children > a{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul li.add-row > a{
            border-bottom: 2px solid var(--cor-primary-400);
        }
        header .header-mobile > div.colapse > .inferior > div > div > div > ul li.menu-item-has-children > span{
            mask-image: url("../img/seta.svg");
            -webkit-mask-image: url("../img/seta.svg");
            background-color: var(--cor-neutral-1000);
            width: 16px;
            height: 16px;
            position: absolute;
            top: 21.5px;
            right: 8px;
            display: block;
        }
        header .header-mobile > div.colapse > .topo > div > div > div:last-child > button{
            padding: 0;
        }
        header .header-mobile > div.colapse > .inferior .listagem-marcas > ul > li > ul > li > a{
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            border-bottom: 1px solid var(--cor-primary-400);
        }
        header .header-mobile > div.colapse > .inferior .listagem-marcas > ul > li > ul > li > a > img{
            max-height: 52px;
        }
        header .header-mobile > div.colapse > .inferior .listagem-marcas > ul > li:last-child{
            height: 100vh;
            overflow: auto;
        }
        header .header-mobile > div.colapse > .inferior .listagem-marcas > ul > li:first-child > div{
            padding: 10px 16px;
            display: grid;
            grid-template-columns: 1fr 24px;
            border: 1px solid var(--cor-neutral-300);
            background: var(--cor-neutral-200);
            border-radius: 4px;
            width: 100%;
            margin: 10px 0;
        }
        header .header-mobile > div.colapse > .inferior .listagem-marcas > ul > li:first-child > div input{
            border: unset;
            background: transparent;
        }
        header .header-mobile > div.colapse > .inferior .listagem-marcas > ul > li:first-child > div input:focus-visible{
            border: unset;
            outline: none;
        }
        
        header .header-mobile > div.colapse > .inferior .listagem-marcas > ul > li:first-child > div button{
            padding: 0;
        }
        @media (max-width: 1199px){
            header .header-desktop > div.inferior > div > div > div > div:first-child{
                order: 2;
                padding-top: 5px;
            }
        }
        @media (max-width: 991px){
            header .header-desktop > div.centro > div > div > div{
                justify-content: center;
            }
        }
        @media (max-width: 767px){
            header .header-mobile > div.centro{
                padding: 21px 0;
            }
            header .header-mobile > div.centro > div > div > div img{
                max-width: 100%;
            }
        }
        @media (max-width: 575px){
            header .header-mobile > div.topo > div > div > div:first-child{
                margin-bottom: 11px;
            }
            header .header-mobile > div.topo > div > div > div:last-child{
                justify-content: center;
            }
            header .header-mobile > div.topo > div > div > div:first-child p,
            header .header-mobile > div.topo > div > div > div:last-child p{
                font-size: 10px;
            }
            header .header-mobile > div.topo > div > div > div:first-child img,
            header .header-mobile > div.topo > div > div > div:last-child img{
                width: 18px;
                height: 18px;
            }
            header .header-mobile > div.centro > div > div > div:last-child > div:first-child > div{
                display: none;
            }
        }
    /* Fim HEADER DESKTOP */
/* FIM HEADER */

/* INICIO FOOTER */
    .listagem-widget > div{
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    .listagem-widget > div > a{
        color: var(--cor-primary-1000);
    }
    footer h3, 
    footer h5{
        color: var(--cor-details-blue);
    }
    footer{
        background: var(--cor-details-blue-light);
    }
    footer > .topo{
        padding-bottom: 46px; 
    }
    footer > .topo .itens{
        display: flex;
        justify-content: start;
        flex-wrap: wrap;
        padding: 40px 0 47px;
        margin-bottom: 40px;
        border-bottom: 1px solid var(--cor-primary-400);
        gap: 79px 71px;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(1) > a{
        display: block;
        width: 100%;
        max-width: 384px;
        margin: auto;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(1) > a > img{
        width: 100%;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(2){
        display: flex;
        gap: 24px;
        align-items: center;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(2) > a{
        background: var(--cor-details-blue);
        display: block;
        padding: 10px;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(2) > a > div{
        width: 20px;
        height: 20px;
        background-color: var(--cor-primary-100);
        mask-size: auto;
        -webkit-mask-size: auto;
        mask-position: center;
        -webkit-mask-position: center;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(3){
        display: flex;
        gap: 21px;
        justify-content: end;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(3) > div{
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    footer > .topo > div > div:not(.itens) > div:nth-child(3) > div > div{
        display: flex;
        gap: 4px;
        align-items: center;
    }
    footer > .inferior{
        background: var(--cor-details-blue-second);
        padding: 32px 0 16px;
    }
    footer > .inferior > div > div{
        display: flex;
        flex-direction: column;
    }
    footer > .inferior > div > div > span:first-child{
        text-align: center;
        color: var(--cor-neutral-100);
    }
    footer > .inferior > div > div > span:last-child{
        text-align: right;
        color: var(--cor-neutral-100);
    }

    @media (max-width: 1199px){
        footer > .topo > div > div:not(.itens) > div:nth-child(1) > a{
            margin-bottom: 44px;
        }
    }

    @media (max-width: 767px){
        footer > .topo > div > div:not(.itens) > div:nth-child(2){
            justify-content: center;
            margin-bottom: 44px;
        }
        footer > .topo > div > div:not(.itens) > div:nth-child(3){
            flex-direction: column;
            align-items: center;
            gap: 44px;
        }
        footer > .topo .itens{
            gap: 49px 62px;
        }
    }
    @media (max-width: 374px){
        .listagem-widget > h3{
            font-size: 18px;
        }
        .listagem-widget > div > a{
            font-size: 12px !important;
        }
        footer > .topo .itens{
            gap: 48px 50px;
        }
    }
/* FIM FOOTER */

/* INICIO TEMPLATE BANNERS */
    .sec-template-banners a{
        display: block;
        height: 360px;
    }
    .sec-template-banners a > img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .sec-template-banners .arrow-slider.arrow-left{
        position: absolute;
        z-index: 9;
        width: 32px;
        height: 32px;
        top: calc(50% - 32px);
        transform: rotate(180deg);
        left: 64px;
        transform-origin: 50%;
        cursor: pointer;
    }
    
    .sec-template-banners .arrow-slider.arrow-right{
        position: absolute;
        z-index: 9;
        width: 32px;
        height: 32px;
        top: calc(50% - 32px);
        right: 64px;
        cursor: pointer;
    }
    .sec-template-banners > div > div{
        position: relative;
    }
    
    @media (max-width: 374px){
        
        .sec-template-banners .arrow-slider.arrow-left{
            left: 16px;
        }
        
        .sec-template-banners .arrow-slider.arrow-right{
            right: 16px;
        }
    }
/* FIM TEMPLATE BANNERS */

.menu-categorias-produto > div{
    background: var(--cor-details-blue-light);
    padding: 16px;
    border-radius: 4px;
}
.menu-categorias-produto > div > div{
    padding: 16px 0;
    border-bottom: 1px solid var(--cor-neutral-300);
}
.menu-categorias-produto > div > div .has-children{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.menu-categorias-produto > div > div .has-children > label{
    width: 24px;
    height: 24px;
    mask-image: url("./../img/seta.svg");
    -webkit-mask-image: url("./../img/seta.svg");
    background-color: var(--cor-neutral-500);
    mask-repeat: no-repeat;
    mask-position: center;
    transition: var(--transition-curta);
}
.menu-categorias-produto div.open > .has-children > label{
    transition: var(--transition-curta);
    transform: rotate(180deg);
}
.menu-categorias-produto > div > div:first-child > p{
    color: var(--cor-details-blue);
    font-weight: 700;
}
.menu-categorias-produto > div > div:not(:first-child) > a{
    color: var(--cor-neutral-1000);
    font-weight: 700;
}
.menu-categorias-produto > div > div:not(:first-child) .children > div > a{
    color: var(--cor-neutral-1000);
    font-weight: 500;
    gap: 8px;
}
.menu-categorias-produto > div > div:not(:first-child) .children{
    flex-direction: column;
}
.menu-categorias-produto > div > div:not(:first-child) .children .children{
    margin-left: 10px;
    display: none;
    opacity: 0;
}
@media (max-width: 991px){
    .menu-categorias-produto > div{
        margin-bottom: 34px;
    }
}

.breadcrumb-custon > nav{
    margin: 16px 0 !important;
    font-family: 'Inter';
    font-size: 12px !important;
    color: var(--cor-details-blue) !important;
}
.breadcrumb-custon > nav > a{
    color: var(--cor-neutral-500) !important;
}

.pagination-custon{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.pagination-custon > div:first-child{
    display: flex;
    gap: 8px;
}
.pagination-custon > div:first-child > div > .page-link{
    padding: 10.5px;
    font-size: 18px;
    font-weight: 700;
    font-family: "Inter";
    color: var(--cor-neutral-1000);
    border: none;
    margin: 0;
    border: 1px solid transparent;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    position: relative;
}
.pagination-custon > div:first-child > div > .page-link:not(.dots):hover,
.pagination-custon > div:first-child > div > .page-link:not(.dots).current{
    background: var(--cor-details-blue-light);
    border: 1px solid var(--cor-details-blue);
}
.pagination-custon > div:first-child > div > .page-link.dots{
    background: transparent;
}
.pagination-custon > div:first-child > div:first-child > .page-link,
.pagination-custon > div:first-child > div:last-child > .page-link,
.pagination-custon > div:first-child > div > .page-link.prev,
.pagination-custon > div:first-child > div > .page-link.next{
    color: transparent;
}
.pagination-custon > div:first-child > div:first-child > .page-link::after,
.pagination-custon > div:first-child > div:last-child > .page-link::after{
    content: "";
    mask-image: url("./../img/seta-dupla.svg");
    -webkit-mask-image: url("./../img/seta-dupla.svg");
    background-color: var(--cor-details-blue);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}
.pagination-custon > div:first-child > div > .page-link.prev::after,
.pagination-custon > div:first-child > div > .page-link.next::after{
    content: "";
    mask-image: url("./../img/seta.svg");
    -webkit-mask-image: url("./../img/seta.svg");
    background-color: var(--cor-details-blue);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    
}

.pagination-custon > div:first-child > div:last-child > .page-link::after{
    transform: rotate(180deg);
}
.pagination-custon > div:first-child > div > .page-link.next::after{
    transform: rotate(270deg);
}
.pagination-custon > div:last-child{
    position: absolute;
    right: 0;
    display: flex;
    gap: 5.5px;
}
.pagination-custon > div:last-child > div > div:last-child{
    max-height: 0px;
    overflow: hidden;
    transition: var(--transition-curta);
    position: absolute;
    display: flex;
    flex-direction: column;
}
.pagination-custon > div:last-child > div > div.open:last-child{
    max-height: 100vh;
    transition: var(--transition-curta);
}
.pagination-custon > div:last-child > div p{
    font-weight: 700;
    color: var(--cor-neutral-1000);
}
.pagination-custon > div:last-child > div a{
    font-weight: 500;
    color: var(--cor-neutral-1000);
}
.pagination-custon > div:last-child > div:first-child > p{
    display: flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
}
.pagination-custon > div:last-child > div:first-child > p:after{
    content: "";
    mask-image: url("./../img/seta.svg");
    -webkit-mask-image: url("./../img/seta.svg");
    width: 14px;
    height: 8px;
    display: block;
    background-color: var(--cor-neutral-500);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
@media (max-width: 991px){
    .pagination-custon{
        justify-content: space-between;
    }
    .pagination-custon > div:last-child{
        position: unset;
    }
}
@media (max-width: 575px){
    .pagination-custon{
        flex-direction: column;
    }
    .pagination-custon > div:last-child{
        margin-top: 16px;
    }
}

@media (max-width: 424px){
    .pagination-custon > div:first-child > div:first-child,
    .pagination-custon > div:first-child > div:last-child{
        display: none;
    }
}

/* INICIO HOME */
    
    /* INICIO sec-home-2 */
        #sec-home-2{
            padding: 35px 0 17px;
        }
        #sec-home-2 a{
            display: block;
            width: fit-content;
            height: 52px;
            margin: 0 16px;
            min-width: 130px;
        }
        #sec-home-2 a > img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            filter: grayscale(1);
            transition: var(--transition-curta);
        }
        #sec-home-2 a > img:hover{
            filter: grayscale(0);
            transition: var(--transition-curta);
        }
        #sec-home-2 .slick-arrow{
            display: none !important;
        }
    /* FIM sec-home-2 */
    /* INICIO sec-home-4 */
        #sec-home-4{
            margin-bottom: 20px;
        }
        
        #sec-home-4 > div > div > div:last-child{
            display: flex;
            justify-content: center;
            margin-top: 72px;
        }
        #sec-home-4 > div > div > div:last-child > a{
            padding: 12px;
            font-weight: 600;
            text-transform: uppercase;
            color: var(--cor-details-blue);
            border: 1px solid var(--cor-details-blue);
            border-radius: 4px;
        }
        
        @media (max-width: 374px){
            #sec-home-4 > div > div > div:last-child{
                margin-top: 48px;
            }
        }
    /* FIM sec-home-4 */
    
    /* INICIO sec-home-5 */
        #sec-home-5{
            margin-bottom: 104px;
        }
        #sec-home-5 .titulo-custon{
            margin-bottom: 50px;
        }
    /* FIM sec-home-5 */
/* FIM HOME */

.listagem-categoria-box-widget > div{
    display: flex;
    gap: 32px;
    padding: 16px 0;
}
.listagem-categoria-box-widget > div > a{
    width: -webkit-fill-available;
    height: 240px;
    display: flex;
    align-items: end;
    justify-content: center;
    color: var(--cor-neutral-100);
    border-radius: 4px;
    position: relative;
    background-position: center;
    background-size: cover;
    transition: var(--transition-curta);
}
.listagem-categoria-box-widget > div > a:after{
    content: "";
    background-color: var(--cor-neutral-1000);
    opacity: .4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.listagem-categoria-box-widget > div > a > h1{
    margin: 0;
    z-index: 2;
    background: linear-gradient(0deg, #08090F 19.74%, rgba(8, 9, 15, 0) 100%);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 8px;
}
@media (max-width: 767px){
    .listagem-categoria-box-widget > div > a > h1{
        font-size: 32px;
    }
}

@media (max-width: 575px){
    .listagem-categoria-box-widget > div{
        flex-direction: column;
        gap: 24px;
        padding: 12px 0;
    }
}

.listagem-categoria-box-widget.listagem-especie-box-widget > div > a{
    background-size: contain;
    background-repeat: no-repeat;
    filter: grayscale(1); 
    transition: var(--transition-curta);
}
.listagem-categoria-box-widget.listagem-especie-box-widget > div > a:hover{
    filter: grayscale(0); 
}
.listagem-categoria-box-widget.listagem-especie-box-widget > div > a:after{
    display: none;
}

.lista-produtos-custon{
    clear : both
}
.product-card{
    padding-bottom: 32px;
}
.product-card > div{
    padding: 12px 8px;
    border: 1px solid var(--cor-primary-300);
    border-radius: 4px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: var(--transition-curta);
}
.product-card > div:hover{
    box-shadow: 0px 4px 24px 0px #00000040;
}
.product-card > div > span:first-child{
    padding: 4px 12px;
    border-radius: 100px;
    background: var(--cor-secondary-600);
    font-weight: 800;
    color: var(--cor-neutral-100);
    position: absolute;
    right: 8px;
    z-index: 1;
    font-family: 'Barlow-regular';
}
.product-card > div > a{
    display: block;
    margin-bottom: 16px;
}
.product-card > div > a > img{
    width: 100%;
    height: 276px;
    object-fit: contain;
    transition: var(--transition-curta);
    transform: scale(0.9);
}
.product-card > div > a > img:hover{
    transform: scale(1);
}
.product-card > div > a.woocommerce-LoopProduct-link > p{
    color: var(--cor-details-blue);
    font-weight: 800;
    margin-bottom: 8px;
}
.product-card > div > a.woocommerce-LoopProduct-link > h2{
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    color: var(--cor-neutral-800);
    margin-bottom: 16px;
}
.product-card > div > a.woocommerce-LoopProduct-link > span{
    display: flex;
    gap: 4px;
}
.product-card > div > a.woocommerce-LoopProduct-link > span > del{
    font-family: 'Barlow-regular';
    font-size: 14px;
    font-weight: 500;
    color: var(--cor-secondary-600);
    opacity: 1 !important;
    display: block  !important;
}
.product-card > div > a.woocommerce-LoopProduct-link > span > ins,
.product-card > div > a.woocommerce-LoopProduct-link > span > span{
    font-family: 'Barlow-bold';
    font-weight: 700;
    font-size: 24px;
    color: var(--cor-details-blue);
    text-decoration: none;
}
.product-card > div > a.woocommerce-LoopProduct-link > span > span{
    font-family: 'Barlow-bold';
}

.product-card > div > a.add_to_cart_button{
    padding: 12px;
    border-radius: 4px;
    background: var(--cor-details-blue);
    font-size: 16px;
    font-weight: 600;
    font-family: 'Barlow-Regular';
    color: var(--cor-neutral-100);
    width: fit-content;
    margin: auto;
    text-transform: uppercase;
}

#sec-loja-2{
    padding-bottom: 50px;
}


.content-produto-custon > div > div:nth-child(2) > div.images{
    float: unset;
    width: 100%;
    margin-bottom: 48px;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders{
    height: 592px;
    overflow: hidden;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders *{
    height: 100%;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders img{
    object-fit: contain;
    object-position: center;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders  .imagem{
    background: var(--cor-neutral-100);
    border: 1px solid var(--cor-neutral-200);
    border-radius: 4px;
    overflow: hidden;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-dots{
    margin: -16px 0;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-dots .imagem{
    padding: 16px 0;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-dots .imagem > img{
    width: 72px;
    height: 72px;
    object-fit: contain;
    border: 1px solid var(--cor-neutral-300);
    border-radius: 4px;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders-container{
    position: relative;
}
.content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders-container > img{
    position: absolute;
    bottom: 0;
    right: calc(var(--bs-gutter-x) * .5);
    width: 54px;
    height: 54px;
    cursor: pointer;
}
.content-produto-custon > div > div:nth-child(3) > div.summary{
    width: 100%;
    font-size: unset;
}
.content-produto-custon > div > div:nth-child(3) > div.summary > h1{
    color: var(--cor-details-blue);
    font-weight: 700;
    margin-bottom: 24px;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations{
    display: flex;
    gap: 0 16px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div{
    display: flex;
    flex-direction: column;
    gap: 8px;
    order: 1;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3){
    order: 2;
    width: 100%;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3) > div > span.price{
    display: flex;
    gap: 4px;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3) > div > span.price > del{
    font-family: 'Barlow-regular';
    font-size: 24px;
    font-weight: 500;
    color: var(--cor-secondary-600);
    opacity: 1 !important;
    display: block !important;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3) > div > span.price > ins,
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3) > div > span.price > span{
    font-family: 'Barlow-bold';
    font-weight: 700;
    font-size: 40px;
    color: var(--cor-details-blue);
    text-decoration: none;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3) > div > p.stock{
    color: var(--cor-details-green);
    font-size: 12px;
    font-family: 'Inter-Bold';
    font-weight: 700;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(5){
    width: 100%;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(5) > a{
    margin-left: auto;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora{
    position: relative;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-select{
    padding: 10px 16px;
    align-items: center;
    border: 1px solid var(--cor-neutral-300);
    border-radius: 4px;
    cursor: pointer;
    justify-content: space-between;
    display: grid;
    grid-template-columns: 1fr 24px;
    width: 117.33px;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-select > p,
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-selecao > div > a{
    font-size: 12px;
    font-family: 'Inter';
    font-weight: 400;
    color: var(--cor-neutral-500);
    overflow: hidden;
    width: 100%;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-selecao{
    box-shadow: 0px 4px 4px 0px #00000040;
    position: absolute;
    background: var(--cor-neutral-100);
    z-index: 9;
    
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-selecao > div > a{
    padding: 2px 16px;
    display: block;
    transition: var(--transition-curta);
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-selecao > div > a:hover,
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-selecao > div.selected > a{
    background-color: var(--cor-details-option-select);
    color: var(--cor-details-blue);
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-select > .setaPeriodo{
    mask-image: url("./../img/seta.svg");
    -webkit-mask-image: url("./../img/seta.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    width: 24px;
    height: 24px;
    background-color: var(--cor-neutral-500);
    transition: var(--transition-curta);
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-select.selectAberto > .setaPeriodo{
    transform: rotate(180deg);
}
.content-produto-custon > div > div:nth-child(3) > div:first-child{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 3px;
}
.content-produto-custon > div > div:nth-child(3) > div:first-child > img{
    max-width: 132px;
}
.content-produto-custon > div > div:nth-child(3) > div:nth-child(2) > h4{
    color: var(--cor-neutral-800);
    margin-bottom: 24px;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .quantity,
.content-produto-custon > div > div:nth-child(3) > div.summary .quantity{
    display: flex;
    flex-direction: column;
    gap: 8px;
    float: none;
    margin: 0;
    height: 100%;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .quantity{
    margin-bottom: 16px;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .quantity > input,
.content-produto-custon > div > div:nth-child(3) > div.summary .quantity > input{
    width: 117.33px;
    height: 100%;
    padding: 10px 16px;
    border: 1px solid var(--cor-neutral-300);
    font-size: 12px;
    font-weight: 400;
    font-family: 'Inter';
    border-radius: 4px;
    text-align: left;
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .quantity > input:focus-visible,
.content-produto-custon > div > div:nth-child(3) > div.summary .quantity > input:focus-visible{
    outline: none;
}
.content-produto-custon > div > div:nth-child(3) > div.summary  form > button{
    width: 100%;
    float: none;
    background-color: var(--cor-details-blue);
    border-radius: 4px;
    padding: 12px 0;
    color: var(--cor-neutral-100);
    font-size: 16px;
    font-family: 'Barlow-Regular';
    font-weight: 600;
    line-height: 19.2px;
    text-transform: uppercase;
    border: 1px solid var(--cor-details-blue);
    transition: var(--transition-curta);
}

.content-produto-custon > div > div:nth-child(3) > div.summary  form > button:hover{
    color: var(--cor-details-blue);
    background-color: var(--cor-neutral-100);
}
.content-produto-custon > div > div:nth-child(3) > div.summary  form > button.disabled,
.content-produto-custon > div > div:nth-child(3) > div.summary  form > button.disabled:hover{
    background-color: var(--cor-details-blue);
}
.content-produto-custon > div > div:nth-child(3) > div.summary .variations_form{
    margin: 0;
}
.content-produto-custon > div > div:nth-child(4){
    margin: 56px 0 80px;
}
.content-produto-custon > div > div:nth-child(4) > h4{
    margin-bottom: 24px;
    font-weight: 700;
    color: var(--cor-neutral-800);
}
.content-produto-custon > div > div:nth-child(4) > div{
    font-size: 18px;
    font-weight: 400;
    font-family: "Inter";
    color: var(--cor-neutral-800);
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.content-produto-custon > div > section.products > h2{
    margin-bottom: 32px;
    color: var(--cor-details-blue);
    font-weight: 700;
    text-transform: uppercase;
}
.content-produto-custon > div > section.products.mais-vendidos{
    margin: 82px 0 72px;
}
@media (max-width: 1199px){
    .content-produto-custon > div > section.products .lista-produtos-custon{
        margin: 0;
    }
    .content-produto-custon > div > section.products .lista-produtos-custon > div{
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        width: calc(100vw - ((100vw - 960px)));
        margin: 0;
    }
    .content-produto-custon > div > section.products .lista-produtos-custon > div > div{
        width: 280px !important;
    }
}
@media (max-width: 991px){
    .content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-select{
        width: 100%;
    }
    .content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .contact-caixa-fora > .contact-caixa-selecao{
        width: 100%;
    }
    .content-produto-custon > div > div:nth-child(3) > div.summary .variations > div .quantity > input,
    .content-produto-custon > div > div:nth-child(3) > div.summary .quantity > input{
        width: 100%;
    }
    .content-produto-custon > div > div:nth-child(3) > div.summary .variations > div{
        width: calc(100% / 3 - 11px);
    }
    .content-produto-custon > div > section.products .lista-produtos-custon > div{
        width: calc(100vw - ((100vw - 720px)));
    }
}
@media (max-width: 767px){
    .content-produto-custon > div > div:nth-child(2) > div.images > div > div > div:last-child{
        max-height: 327px;
    }
    .content-produto-custon > div > div:nth-child(2) > div.images > div > div > div:last-child *:not(.content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders-container > img){
        height: 100%;
    }
    .content-produto-custon > div > div:nth-child(2) > div.images .imagens-dots{
        margin: 24px -16px 0; 
    }
    .content-produto-custon > div > div:nth-child(2) > div.images .imagens-dots .imagem{
        padding: 0 16px;
    }
    .content-produto-custon > div > section.products .lista-produtos-custon > div{
        width: calc(100% + 23px);
    }
    .content-produto-custon > div > section.products.mais-vendidos{
        margin: 96px 0 73px;
    }
}
@media (max-width: 575px){
    .content-produto-custon > div > div:nth-child(3) > div:nth-child(2) > h4{
        font-size: 20px;
    }
    .content-produto-custon > div > div:nth-child(3) > div.summary > h1{
        font-size: 32px;
    }
    .content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3) > div > span.price > ins, 
    .content-produto-custon > div > div:nth-child(3) > div.summary .variations > div:nth-child(3) > div > span.price > span{
        font-size: 32px;
    }
    .content-produto-custon > div > div:nth-child(4) > h4{
        margin-bottom: 16px;
    }
    .content-produto-custon > div > div:nth-child(4) > div{
        font-size: 18px;
        gap: 14px;
    }
    .content-produto-custon > div > div:nth-child(4){
        margin: 48px 0 40px;
    }
    .content-produto-custon > div > section.products.mais-vendidos{
        margin: 80px 0 66px;
    }
    .content-produto-custon > div > section.products > h2{
        font-size: 24px;
    }
    .content-produto-custon > div > div:nth-child(2) > div.images .imagens-sliders-container > img{
        height: 32px;
        width: 32px;
    }
    .content-produto-custon > div > div:nth-child(2) > div.images > div > div > div:first-child{
        order: 2;
    }
}

#wc-shipping-sim{
    border: none !important;
    padding: 24px 0 0 !important;
}
#wc-shipping-sim #wc-shipping-sim-form-title > strong{
    font-family: 'Inter';
    font-weight: 600;
    font-size: 12px;
    color: var(--cor-neutral-800);
}
#wc-shipping-sim #wc-shipping-sim-form-fields{
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 98px;
    margin-top: 8px;
}
#wc-shipping-sim #wc-shipping-sim-form-fields > input{
    margin: 0;
    width: 100%;
    max-width: unset;
    padding: 10px 16px;
    border: 1px solid var(--cor-neutral-300);
    border-radius: 4px;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 12px;
    color: var(--cor-neutral-500);
    height: 48px;
}
#wc-shipping-sim #wc-shipping-sim-form-fields > button{
    background: var(--cor-details-blue);
    border: 1px solid var(--cor-details-blue);
    border-radius: 4px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--transition-curta);
}
#wc-shipping-sim #wc-shipping-sim-form-fields > button:hover{
    background: var(--cor-neutral-100);
}
#wc-shipping-sim #wc-shipping-sim-form-fields > button::before{
    content: "";
    mask-image: url(../img/lupa.svg);
    -webkit-mask-image: url(../img/lupa.svg);
    width: 20px;
    height: 20px;
    display: block;
    background: var(--cor-neutral-100);
    mask-repeat: no-repeat;
    mask-position: center;
    transition: var(--transition-curta);
}
#wc-shipping-sim #wc-shipping-sim-form-fields > button:hover::before{
    background: var(--cor-details-blue);
}
#wc-shipping-sim #wc-shipping-sim-br-cep-finder > a{
    font-family: 'Inter';
    font-size: 12px;
    font-weight: 400;
    color: var(--cor-details-blue);
}
.variacoes-cor{
    margin-top: 24px;
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.variacoes-cor > div{
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.variacoes-cor > div > a{
    width: 72px;
    height: 72px;
    border: 1px solid var(--cor-neutral-300);
    border-radius: 4px;
    overflow: hidden;
}
.variacoes-cor > div > a.acitive{
    border: 1px solid var(--cor-details-blue);
}
.variacoes-cor > div > a > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.template-listem-produtos > div{
    margin-bottom: 64px;
}
.template-listem-produtos > div.marca-listagem .pagination-custon{
    display: none;
}
.template-listem-produtos > h2, .template-listem-produtos > div > h2, .template-listem-produtos > div > h3{
    color: var(--cor-details-blue);
    text-transform: uppercase;
    margin-bottom: 40px;
}
@media (max-width: 991px){
    .template-listem-produtos > div.marca-listagem .pagination-custon{
        display: block;
    }
    .template-listem-produtos > div.marca-listagem-mais-vendidos{
        display: none;
    }
    .template-listem-produtos > h2, .template-listem-produtos > div > h2, .template-listem-produtos > div > h3{
        text-align: center;
    }
}
@media (max-width: 575px){
    .template-listem-produtos > h2, .template-listem-produtos > div > h2, .template-listem-produtos > div > h3{
        font-size: 24px;
    }
}