/*** Icomoon ***/
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?lf46h1');
    src:  url('fonts/icomoon.eot?lf46h1#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?lf46h1') format('truetype'),
    url('fonts/icomoon.woff?lf46h1') format('woff'),
    url('fonts/icomoon.svg?lf46h1#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-nota-fiscal:before {
    content: "\e900";
}
.icon-ordem-de-servico:before {
    content: "\e901";
}
.icon-pedido_1:before {
    content: "\e902";
}
.icon-pedido:before {
    content: "\e903";
}
.icon-relatorios:before {
    content: "\e904";
}
.icon-Usuario:before {
    content: "\e905";
}
.icon-check:before {
    content: "\e906";
}
.icon-check2:before {
    content: "\e907";
}
.icon-circulo-direita:before {
    content: "\e908";
}
.icon-credito:before {
    content: "\e909";
}
.icon-direita:before {
    content: "\e90a";
}
.icon-Diversos:before {
    content: "\e90b";
}
.icon-financeiro:before {
    content: "\e90c";
}
.icon-home:before {
    content: "\e90d";
}
.icon-lupa:before {
    content: "\e90e";
}
.icon-marketing:before {
    content: "\e90f";
}
.icon-venda:before {
    content: "\e910";
}
.icon-abaixo:before {
    content: "\e911";
}

/*** Animate.css minified ***/
@charset "UTF-8";.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{animation-duration:.75s}@keyframes bounce{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}.pulse{animation-name:pulse}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}.tada{animation-name:tada}@keyframes wobble{from{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{from,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{from{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{from{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{from{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{from{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;cursor:pointer !important;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{/*background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);*/ background:#444;}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px;/* background:url(images/controls.png) no-repeat -101px 0;*/}
#cboxTopRight{width:21px; height:21px;/* background:url(images/controls.png) no-repeat -130px 0;*/}
#cboxBottomLeft{width:21px; height:21px; /*background:url(images/controls.png) no-repeat -101px -29px;*/}
#cboxBottomRight{width:21px; height:21px; /*background:url(images/controls.png) no-repeat -130px -29px;*/}
#cboxMiddleLeft{width:21px;/* background:url(images/controls.png) left top repeat-y;*/}
#cboxMiddleRight{width:21px; /*background:url(images/controls.png) right top repeat-y;*/}
#cboxTopCenter{height:21px; /*background:url(images/border.png) 0 0 repeat-x;*/}
#cboxBottomCenter{height:21px; /*background:url(images/border.png) 0 -29px repeat-x;*/}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{/*background:url(images/loading_background.png) no-repeat center center;*/}
#cboxLoadingGraphic{/*background:url(images/loading.gif) no-repeat center center;*/}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0;/* background:url(images/controls.png) no-repeat -75px 0;*/ width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; /*background:url(images/controls.png) no-repeat -50px 0;*/ width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:0; right:0; background:url(../img/fechar.png);     width: 60px;
    height: 60px;
    background-size: 60px 60px; text-indent:-9999px;}
#cboxClose:hover{}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/***********************************
############# MAINTENANCE ##############
***********************************/

.workcontrol_maintenance{
    width: 100%;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    background: #ba8585;
    color: #fff;
    text-shadow: 1px 1px 0px #855E5E;
    position: fixed;
    z-index: 10000;
}

.box-icon span{
    float: left;
    font-size: 70px;
    color: #cc1818;
    margin: 28px;
}

/***GLOBAL***/
html{
    font-size: 16px;
    scroll-behavior: smooth;
}
body{
    font-family: 'Inter', sans-serif;
    color:#686868;
    font-size: 1em;
}
ul{
    padding: 0;
}
li{
    list-style: none;
    line-height: 25px;
}
p{
    margin: 10px 0;
}
section{
    padding: 2em 0;
    position: relative;
}
h1, h2, h3, h4{
    font-family: "Inter", sans-serif;
    color: #313131;
}
blockquote{
    border: none !important;
}
.img-full-width{
    width: 100%;
    margin: 0;
}
.bold{
    font-weight: bold;
}
.nav>.li{
    margin: 12px 0;
}
.no-margin{
    margin: 0 !important;
}
.no-padding-vertical{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.no-padding{
    padding: 0 !important;
}
.no-padding-right{
    padding-right: 0 !important;
}
.no-padding-left {
    padding-left: 0 !important;
}
.margin-y{
    margin: 20px 0;
}
.justify{
    text-align: justify;
}
.btn{
    outline: none !important;
    border-radius: 25px !important;
}
.btn-success{
    font-family: "Raleway", serif;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 1px;
}
.disabled{
    display: none;
}
main{
    background-color: #FDFDFD;
}

.conteudo {
    padding-right: 15px;
    padding-left: 15px;
    margin: auto;
    width: 1170px;
    max-width:97%;
}

/***CABECALHO***/
#menu-navbar .conteudo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    margin: 0;
}

#menu-navbar .conteudo a, #menu-navbar .conteudo button {
    text-decoration: none;
    text-transform: uppercase;
    color: #FFF !important;
    font-size: 1rem;
    line-height: 100% !important;
}

#menu-navbar .conteudo a:has(span.glyphicon-shopping-cart) span:last-of-type {
    margin-left: 4px;
}

#menu-navbar .conteudo button {
    line-height: 100%;
    padding: 14px 16px;
    border-width: 2px;
}

#menu-navbar .conteudo .box-search button.btn-info {
    padding: 6px 12px;
    background-color: #EB544D;
    border: none;
}

#menu-navbar .conteudo .box-search button.btn-info:hover {
    background-color: #EB544Dcc;
}

.nav>li>a {
    padding: 13px 8px;
    position: relative;
}
.nav>li {
    display: flex;
    align-items: center;
    height: 100%;
}
.navbar-brand {
    float: left;
    padding: 8px;
    height: initial;
}
.nav > li::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #696666;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}
.nav > li.selecionado::after {
    opacity: 1;
}
.selecionado{
    font-weight: 500;
}
#btn-open-menu-mobile {
    margin: 0;
    border: none;
}

#btn-open-menu-mobile:focus {
    background-color: transparent;
    border: 1px solid orangered;
}

#btn-open-menu-mobile span {
    background-color: #FFF;
}

#btn-login{
    border-color: #CCC;
    color: #AAA;
    margin: 0;
}
#btn-login:hover{
    color: #eee !important;
}
#menu-navbar{
    background: linear-gradient(180deg, #120f0e 0%, #403d3c 100%);
    border: none;
    border-bottom: 1px solid #000;
    border-radius: inherit;
    margin-bottom: 0;
}
div:has(> #menu-itens-navbar){
    height: 100% !important;
}
#menu-itens-navbar{
    position: relative;
    display: flex;
    align-items: center;
    gap: 2rem;
    height: 100%;
}
#menu-itens-navbar li a:hover {
    color: #EB544D  !important;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
    max-height: 100vh !important;
}
#alinhar-topo{
    width: 86%;
    padding-left: 22%;
}
#fundo-cabecalho{
    width:100%;
    background-color:#313131;
    color:#fff;
    font-size:14px;
    line-height:42px;
}
#info-atendimento{
    float:left;
}
#info-atendimento a{
    color:#f33838;
    cursor:pointer;
}
#info-atendimento a:hover{
    font-weight:500;
}
.info-contato{
    padding-right:40px;
    float:right;
}
.icon-youtube{
    margin-right: 20px !important;
}

#btn-criar-topo {
    background: linear-gradient(75.64deg, #ED9443 5.82%, #EB544D 82.65%);
    font-size: 1rem;
    float: left;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

#btn-criar-topo::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(75.64deg, #EB544D 5.82%, #ED9443 82.65%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

#btn-criar-topo:hover::before {
    opacity: 1;
}

.cart-mobile {
    display: none;
}
#menu{
    width: 62%;
    overflow: hidden;
    padding-left: 120px;
    display: block;
    float: left;
}
.menu-itens{
    margin: 27px 0;
}
.menu-itens li{
    line-height:38px;
    padding: 0 8px;
    text-align:center;
    display:inline-block;
    cursor:pointer;
    font-weight:500;
    font-size:12px;
}
.menu-itens li:last-child{
    margin:0px;
}
.menu-itens li a{
    font-size:1.2em;
    color:#000;
    text-decoration:none;
}

.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden;
}
.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ed1c24;
    height: 2px;
    -webkit-transform: translateY(2px);
    /*transform: translateY(2px);*/
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#lang-toggle,
#lang-menu {
    z-index: 50;
}

#lang-toggle {
    position: relative;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

#lang-toggle i {
    font-size: 1.25rem;
    color: inherit;
}

#lang-menu {
    position: absolute;
    right: 8px;
    top: 75px;
    padding: 0;
    list-style: none;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 6px;
    min-width: 140px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    opacity: 0;
    transform: translateY(-8px);
    transition: opacity 0.25s ease, transform 0.25s ease;
    pointer-events: none;
}

#lang-menu.show {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

#lang-menu li {
    padding: 8px 12px;
    cursor: pointer;
    transition: background 0.2s;
}

#lang-menu li:hover {
    background: #F5F5F5;
}

#lang-menu li.active {
    font-weight: bold;
    background: #ED824633;
}

/************INICIAL************/

.btn-criar {
    background: linear-gradient(75.64deg, #ED9443 5.82%, #EB544D 82.65%);
    font-size: 1rem;
    font-weight: bold;
    padding: 14px 40px;
    color: #FFF;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-criar:hover {
    color: #FFF;
}

.btn-criar::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(75.64deg, #EB544D 5.82%, #ED9443 82.65%);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1;
}

.btn-criar:hover::before {
    opacity: 1;
}

.btn-criar i {
    font-size: 2.25rem;
}

a:hover:has(.btn-criar, .btn-criar-icon),
a:has(.btn-criar:hover, .btn-criar-icon:hover) {
    text-decoration: none;
}

.btn-criar-icon {
    display: flex;
    gap: 10px;
    font-size: 1.25rem;
    align-items: center;
    border-radius: 100px !important;
    padding: 10px 100px;
}

.input-email-form-test {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 25px;
    flex-grow: 1;
    height: auto;
}

.link-whastapp-bolinha {
    background-image: url(https://i.ibb.co/RvTJC4r/whatsapp.png);
    background-color: #1bd741;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    border-radius: 50%;
    font-size: 0 !important;
    z-index: 999;
}

/*HEADER SECTION*/
#header-section {
    background: linear-gradient(180deg, #FAFAF9 0%, #F4F4F3 100%);
    height: calc(100vh - 100px);
}
#header-section > div {
    height: 100%;
}

#header-section .row {
    display: flex;
    height: 100%;
}

#header-infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#header-infos, #header-infos h1, #header-infos h2 {
    font-family: 'Poppins', sans-serif;
}

#header-infos h1 {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 50px;
    color: #ED9842;
    background-image: linear-gradient(90deg, #ED9842 , #EB554D 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#header-infos h2 {
    color: #000;
    font-size: 2.5rem;
    font-weight: 700;
}

#header-infos p {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
}

#header-infos-form form {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

#header-infos-form form input {
    flex-grow: 1;
}

#header-img {
    display: flex;
    align-items: center;
}
/* VANTAGENS */
#vantagens {
    padding: 100px 0;
}

#vantagens-infos {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#vantagens-infos h1 {
    color: #1B1B1B;
    font-weight: 700;
    font-size: 2.25rem;
    text-align: center;
}

#vantagens-infos h2 {
    color: #323232;
    font-size: 1.25rem;
    font-weight: 400;
    padding: 0 50px;
    text-align: center;
}

#vantagens-cards {
    margin: 40px 0;
}

.card-vantagem {
    padding: 20px;
}

.card-vantagem-header {
    display: flex;
    align-items: center;
}

.card-vantagem-header img {
    margin-right: 20px;
}

.card-vantagem-header h3 {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #151515;
}

.card-vantagem p {
    color: #151515;
    font-weight: 400;
    line-height: 100%;
    margin-top: 25px;
}

/* TESTE GRÁTIS */
#teste-gratis {
    padding: 0;
}

#teste-gratis > div {
    background-color: #232323;
    padding: 150px 0;
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

.teste-gratis-img {
    display: flex;
    justify-content: flex-end;
    padding-right: 60px;
}

.teste-gratis-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    padding: 10px 100px 10px 0;
}

.teste-gratis-form h3 {
    color: #FFF;
    font-weight: 700;
    font-size: 2.25rem;
    text-transform: uppercase;
}

.teste-gratis-form h3 span:last-of-type {
    font-weight: 400;
}

.teste-gratis-form > div > form {
    display: flex;
    gap: 20px;
}

.teste-gratis-form button {
    padding: 12px 50px;
}

#img-teste-gratis-dispositivos {
    position: absolute;
    left: 52%;
    transform: translateX(-50%);
    bottom: -175px;
    z-index: 1;
}

/* FERRAMENTAS */
#ferramentas {
    padding: 50px 0 350px 0;
}

#ferramentas h1 {
    color: #1C1C1C;
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
}

#ferramentas h1 span:last-of-type {
    color: #EB544D;
}

#ferramentas h2 {
    font-size: 1.25rem;
    text-align: center;
    color: #1C1C1C;
}

#lista-ferramentas {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px 0;
    margin: 30px 0px;
}

#lista-ferramentas > div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

#lista-ferramentas .ferramentas-item {
    display: flex;
    align-items: center;
    text-align: center;
    gap: 5px;
    padding: 5px;
    border: 1px solid #0000001A;
    border-radius: 25px;
    background-color: #FFF;
    width: 21%;
}

#lista-ferramentas .ferramentas-item:hover {
    background: #ED824633;
    cursor: pointer;
}

#lista-ferramentas .ferramentas-item.active {
    background: #ED824633;
}

#lista-ferramentas .ferramentas-item i {
    padding: 6px;
    max-width: 44px;
    border-radius: 25px;
    color: #FFF;
    background: linear-gradient(75.64deg, #EE9843 5.82%, #EB544D 82.65%);
    font-size: 2rem;
}

#lista-ferramentas .ferramentas-item h3 {
    margin: 0;
    color: #000;
    font-weight: 500;
    font-size: 1.125rem;
    flex-grow: 1;
}

#modulo-img {
    position: absolute;
    z-index: 1;
}

#ferramentas img {
    max-width: 100%;
    box-shadow: 0px 4px 66.7px -8px #00000040;
    border-radius: 25px;
}

.box-link{
    line-height:22px;
    margin: 1em 0;
    text-align: center;
}
.box-link a{
    color:#d63f3f;
    font-size:14px;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
}
.box-link a:hover{
    color:#313131;
}

/* DEPOIMENTOS */
.fundo-depoimento{
    background:#232323;
    overflow:hidden;
    padding: 350px 0 150px;
}
.titulo-depoimento h3 {
    display: flex;
    flex-direction: column;
    font-size: 2.25rem;
    font-weight: 700;
    color: #FFF;
}
.titulo-depoimento span:last-of-type {
    color: #ED8746;
}

.depoimentos-elfsight {
    margin: 40px 0;
}

.depoimentos-elfsight > div {
    margin: 0;
}

.fundo-depoimento a:has(#btn-criar-depoimentos) {
    display: flex;
    justify-content: center;
}

/* APP */
.fundo-app {
    background-color: #F5F5F5;
    max-height: fit-content !important;
    padding: 120px 0 0;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}

#infos-app {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#infos-app h2 {
    margin: 10px;
    color: #000;
    font-weight: 700;
    font-size: 2.5rem;
}

#infos-app h2 span.highlight {
    color: #ED9842;
    background-image: linear-gradient(75.64deg, #EE9843 5.82%, #EB544D 82.65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#infos-app h3 {
    font-weight: 400;
    font-size: 20px;
    color: #000;
    text-align: center;
    padding: 0 175px;
    margin-bottom: 40px;
}

#infos-app h4 {
    color: #000;
    font-weight: 300;
    font-size: 28px;
}

#infos-app div:has(> a > img) {
    text-align: center;
}

#infos-app small {
    font-size: 1rem;
}

#infos-app #img-app-jueri {
    margin-top: 100px;
}

.box-video{
    width:368px;
    height:251px;
    margin-right: 5%;
    border: 8px solid #f4f4f4;
    border-radius: 5px;
    float:left;
}

/* JUERIZAP */
#juerizap {
    padding: 100px 0;
}

#infos-juerizap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

#infos-juerizap img {
    max-width: 100%;
}

img#logo-juerizap {
    width: 30%;
}

#infos-juerizap h2 {
    font-weight: 700;
    font-size: 2.5rem;
    color: #000;
}

/* CATALOGO/SITE */
#catalogo {
    background-color: #F5F5F5;
    padding: 100px 0;
}

#catalogo .col-img img {
    max-width: 100%;
}

#catalogo-infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

#catalogo-infos h1 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    font-size: 2.5rem;
    color: #000;
    margin: 0;
}

#catalogo-infos h2 {
    color: #000;
    font-weight: 400;
    font-size: 1.25rem;
}

#catalogo-infos .beneficios {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#catalogo-infos .beneficios li {
    color: #000;
    font-weight: 400;
    font-size: 1rem;
}

#catalogo-infos .beneficios li i {
    color: #00C814;
    font-size: 1.5rem;
}

/* INTEGRAÇÕES */
#integracoes {
    padding: 100px 0;
}

#integracoes .col-img img {
    max-width: 100%;
}

#integracoes-infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

#integracoes-infos h1 {
    font-weight: 700;
    font-size: 2.5rem;
    color: #000;
    margin: 0;
}

#integracoes-infos h2 {
    color: #000;
    font-weight: 400;
    font-size: 1.25rem;
}

#integracoes-infos .beneficios {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#integracoes-infos .beneficios li {
    color: #000;
    font-weight: 400;
    font-size: 1rem;
}

#integracoes-infos .beneficios li i {
    color: #00C814;
    font-size: 1.5rem;
}

/* SERASA */
#serasa-score {
    padding: 100px 0;
    background-color: #F5F5F5;
}

#serasa-score .col-img {
    display: flex;
    justify-content: flex-end;
}

#serasa-score .col-img img {
    width: 80%;
}

#serasa-infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
    padding-top: 40px;
}

#serasa-infos h1 {
    font-weight: 700;
    font-size: 2.5rem;
    color: #000;
    margin: 0;
}

#serasa-infos h2 {
    color: #000;
    font-weight: 400;
    font-size: 1.25rem;
}

#serasa-infos .beneficios {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#serasa-infos .beneficios li {
    color: #000;
    font-weight: 400;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

#serasa-infos .beneficios li span:first-of-type {
    font-weight: 700;
}

#serasa-infos .beneficios li i {
    color: #00C814;
    font-size: 1.5rem;
}

/* GARANTIA */
#garantia {
    padding: 100px 0;
}

#garantia-infos .row {
    width: 100%;
}

#garantia-header {
    padding: 0 100px;
}
#garantia-header h1 {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

#garantia-header h2 {
    color: #000;
    font-weight: 400;
    text-align: center;
    font-size: 1.25rem;
    margin: 50px 0;
}

#garantia-infos {
    padding-top: 20px;
}

#garantia-infos div:has(.beneficios) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#garantia-infos .beneficios {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}

#garantia-infos .beneficios li {
    display: flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    font-size: 1rem;
}

#garantia-infos .beneficios li span:first-of-type {
    font-weight: 700;
}

#garantia-infos .beneficios li i {
    color: #00C814;
    font-size: 2.5rem;
}

/* JUERI ACADEMY */
#juery-academy {
    padding: 100px 0;
    background-color: #F5F5F5;
}

div:has(#academy-header) {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#academy-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
}

#academy-header img {
    width: 40%;
}

#academy-header h1 {
    font-weight: 700;
    font-size: 3rem;
    color: #000;
    text-align: center;
    padding: 0 60px;
}

#academy-header h2 {
    color: #000;
    font-weight: 400;
    font-size: 1.25rem;
    text-align: center;
    padding: 0 100px;
}

#academy-infos {
    margin-bottom: 50px;
}

#academy-infos .col-img {
    padding: 0;
}

#academy-infos .col-img img {
    max-width: 100%;
}

#academy-infos .beneficios {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#academy-infos .beneficio-academy {
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    background: linear-gradient(#FFF, #FFF) padding-box, linear-gradient(322.67deg, #E2AE12 23.49%, #F1BE26 43.24%, #FFD400 78.27%) border-box;
    border-radius: 10px;
    padding: 25px 35px;
    gap: 10px;
}

#academy-infos .beneficio-academy p {
    color: #000;
    font-weight: 400;
    font-size: 1rem;
    margin: 0;
}

#academy-infos .beneficio-academy p span:first-of-type {
    font-weight: 700;
}

#academy-infos .beneficio-academy i {
    color: #00C814;
    font-size: 2.5rem;
}

/* TESTE GRÁTIS EXTENDIDA(IMAGEM) */
#teste-gratis-extendida {
    padding: 0;
    background-color: #F5F5F5;
}

#teste-gratis-extendida > div {
    position: relative;
    background-color: #0D0D0D;
    padding: 200px 0 520px;
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
}


/* PLANOS */
#planos {
    padding: 250px 0 100px;
}

#header-planos {
    display: flex;
    gap: 10px;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #FFF;
    padding-bottom: 20px;
}

#header-planos > div {
    width: 22%;
}

#header-planos > div:first-child {
    width: 34%;
}

#text-planos h1 {
    font-weight: 700;
    font-size: 2rem;
    color: #000;
}

#text-planos h2 {
    font-weight: 400;
    font-size: 1.25rem;
    color: #6B6B6B;
}

#header-planos .promo-notification {
    color: red;
    font-size: .75rem;
}

.card-plano {
    border: 3px solid #EAE9E8;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 20px 14px;
    gap: 10px;
}

.card-plano h2 {
    margin: 0;
    font-weight: 600;
    font-size: 2rem;
    color: #3F3F3F;
}

.card-plano h2 span.badge-annual-plan {
    background-color: #a0d468;
    font-size: .875rem;
    padding: 2px 6px;
    margin-left: 0.625rem;
    border-radius: 25px;
    border: 1px solid transparent;
    background: linear-gradient(#FDFDFD, #FDFDFD) padding-box,
                linear-gradient(90deg, #EB744D 0%, #00C814 100%) border-box;
}

.card-plano h3 {
    margin: 0;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #3F3F3F;
    line-height: 130%;
}

.card-plano .preco-plano {
    color: #3F3F3F;
    font-weight: 900;
    font-size: 2rem;
}

.card-plano .preco-plano span {
    font-weight: 600;
    font-size: 1rem;
}

.card-plano button {
    width: 100%;
    font-weight: 800;
    font-size: 1.25rem;
    font-family: "Raleway", sans-serif;
}

#header-planos :is(#btn-cadastrar-basico, #btn-cadastrar-pro),
:is(.btn-cadastrar-basico, .btn-cadastrar-pro) {
    background-color: #74B567;
    color: #fff;
    transition: background-color 1s ease;
}

#header-planos :is(#btn-cadastrar-basico, #btn-cadastrar-pro):hover,
:is(.btn-cadastrar-basico, .btn-cadastrar-pro):hover {
    background-color: #619F58;
    color: #fff;
}

:is(#header-planos #btn-cadastrar-essencial, .btn-cadastrar-essencial) {
    background: linear-gradient(180deg, #EE9843 23.53%, #EB544D 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

:is(#header-planos #btn-cadastrar-essencial, .btn-cadastrar-essencial)::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #EB544D 23.53%, #EE9843 100%);
    opacity: 0;
    transition: opacity 1s ease;
    z-index: -1;
}

:is(#header-planos #btn-cadastrar-essencial,.btn-cadastrar-essencial):hover::before {
    opacity: 1;
}

:is(#header-planos #btn-cadastrar-essencial, .btn-cadastrar-essencial):hover {
    color: #fff;
}

#recursos-planos {
    margin-top: 40px;
    border: 3px solid transparent;
    background: linear-gradient(#FDFDFD, #FDFDFD) padding-box, linear-gradient(180deg, #F0F0F0 0%, #FFFFFF 100%) border-box;
    border-top: none;
}

#recursos-planos table {
    width: 100%;
}

#recursos-planos table tbody tr {
    background-image: linear-gradient(to right, transparent 2%, #F4F4F4 2%, #F4F4F4 98%, transparent 98%);
    background-size: 100% 3px;
    background-repeat: no-repeat;
    background-position: bottom;
}

#recursos-planos table tbody tr:last-of-type {
    background: none;
}

#recursos-planos table thead tr th {
    background-color: #F5F5F5;
    width: 22%;
    font-weight: 600;
    color: #000;
    font-size: 1.5rem;
    line-height: 60px;
    border: 3px solid #FDFDFD;
    border-top: none;
    border-bottom: none;
}

#recursos-planos table thead tr th:first-child {
    width: 34%;
    padding-left: 40px;
    border-left: none;
}

#recursos-planos table thead tr th:last-child {
    border-right: none;
}

#recursos-planos table tbody tr td {
    font-weight: 400;
    font-size: 1.25rem;
    text-align: center;
    line-height: 50px;
    color: #3f3f3f;
}

#recursos-planos table tbody tr td:first-child {
    text-align: start;
    padding-left: 40px;
}

#recursos-planos table tbody tr td:last-child {
    padding-right: 20px;
}

:is(#recursos-planos, #plano-recursos-mobile) table tbody tr td i {
    color: #00C814;
    font-size: 1.5rem;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}

:is(#recursos-planos, #plano-recursos-mobile) table tbody tr td.add-module {
    font-weight: 500;
    font-size: .875rem;
    color: #EB754D;
}

:is(#recursos-planos, #plano-recursos-mobile) table tbody tr td.add-module span {
    border-radius: 25px;
    border: 1px solid transparent;
    background: linear-gradient(#FDFDFD, #FDFDFD) padding-box,
                linear-gradient(90deg, #EB744D 0%, #00C814 100%) border-box;
    padding: 8px 14px;
}

/*** CONHEÇA O JUERI ***/
#conheca-jueri {
    padding: 0 0 100px;
}

#conheca-jueri > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
}

#conheca-jueri h2 {
    font-weight: 700;
    font-size: 3rem;
    color: #000;
    gap: 20px;
    margin: 0;
}

#conheca-jueri iframe {
    border-radius: 20px;
}

/*** Sem pagamento ***/
#sem-informacoes-pagamento {
    padding: 20px;
    text-align: center;
    font-weight: 700;
    font-size: 1.25rem;
    color: #FFF;
    background-color: #FA4847;
}

/*** FAQ ***/
#faq {
    padding: 100px 0;
    background-color: #F5F5F5;
}

#faq h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    font-weight: 600;
    font-size: 2.5rem;
    color: #000;
}

#faq #accordion .panel {
    border: none;
    border-top: 2px solid #D6D6D6;
    box-shadow: none;
}

#faq #accordion .panel-heading a {
    padding: 12px 15px;
}

#faq #accordion .panel-heading a {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
    color: #000;
}

#faq #accordion .panel-heading a:is(:hover, :focus) {
    text-decoration: none;
}

#faq #accordion .panel-heading .panel-title .rotate-icon {
    display: inline-block;
    transform: rotate(0);
    transition: transform 0.3s ease;
}

#faq #accordion .panel-heading .panel-title a[aria-expanded="true"] .rotate-icon {
    transform: rotate(180deg);
}

#faq #accordion .panel-body {
    background-color: #F5F5F5;
    border: none;
    padding: 0 30px 10px;
}

/***RODAPÉ***/
#fundo-rodape{
    width:100%;
    background:#313131;
    overflow:hidden;
}

#fundo-rodape :is(a, p) {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    text-decoration: none;
    color: #FFF;
    margin: 14px 0px;
}

#fundo-rodape :is(a:hover) {
    color: #cccccc !important;
}

footer div {
    color:#FFFFFF;
}

.titulo-coluna-rodape h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #EE9843;
    background-image: linear-gradient(180deg, #EE9843 23.53%, #EB544D 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#info-whats {
    margin: 0;
    display: flex;
    gap: 10px;
}

#info-whats a {
    line-height: 100%;
    font-size: 2.625rem;
}

#info-whats a.link-whastapp-bolinha {
    display: block;
    width: 40px;
    height: 40px;
}

#info-tel a {
    margin: 0;
    display: flex;
    gap: 10px;
    line-height: 100%;
    font-size: 2.625rem;
}

#info-tel a i {
    color: #74B567;
    display: inline-block;
    font-size: 2rem;
    margin-right: 10px;
}

:is(#info-whats, #info-tel) .info-tel-ddd {
    font-size: 2rem;
}

#fundo-rodape hr {
    border: 1px solid #FFF;
}

#fundo-rodape :is(#infos, #social-media) {
    padding: 50px 0;
}

#fundo-rodape #social-media {
    display: flex;
    justify-content: center;
    gap: 50px;
}

#fundo-rodape #social-media a i {
    color: #FFF;
    padding: 12px;
    border-radius: 100%;
    border: 4px solid transparent;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
    background: linear-gradient(#000, #000) padding-box, linear-gradient(45deg, #fff, #fff) border-box;
    transition: background 0.35s ease;
}

#fundo-rodape #social-media :is(a:hover, a:focus) i{
    background:
            linear-gradient(#000,#000) padding-box, linear-gradient(45deg, #ED9443 5%, #EB544D 95%) border-box;
}

#fundo-rodape #link-whatsapp {
    display: block;
    position: fixed;
    width: 60px;
    height: 60px;
    right: 40px;
    bottom: 40px;
}

.jquery-waiting-base-container {
    position: fixed;
    left: 0px;
    top: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9999997;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity = 100);
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    color: #313131;
    padding-top: 25%;
    background: #FFFFFF url(images/jueri-windows-cargando.gif) no-repeat center center;
    background-size: 16vh;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}


/******** SISTEMA JUERI *********/
#sistema-jueri article p{
    margin-top: 20px;
    text-align: justify;
}
#sistema-jueri article{
    padding: 3.5% 0;
}
#sistema-jueri .title{
    line-height: 35px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
    font-size: 1.4em;
}
#sistema-jueri article h3{
    text-align: center;
}
#sistema-jueri article video{
    max-height: 100%;
    max-width: 100%;
    border: 1px solid #eee;
}
#sistema-jueri article:nth-child(odd){
    background: #f7f7f7;
}
#sistema-jueri img{
    max-width: 100%;
}
#sistema-jueri a{
    text-decoration: none;
}
#sistema-jueri article i{
    color: #cc1818;
    margin-right: 15px;
    font-size: 1.4em;
    vertical-align: sub;
}

/******** FAQ / SEGURANCA *********/
.question{
    margin-top: 30px;
    color: #313131;
    font-size: 1.2em;
    font-weight: bold;
}
#section-seguranca i{
    font-size: 1.6em;
    vertical-align: sub;
    margin-right: 15px;
}

/******** CONTATO *********/
.contato-fone{
    font-size: 3em;
}
.contato-fone a{
    text-decoration: none;
    font-weight: bold;
    color: #313131;
}
.contato span{
    font-size: 38px;
    color: #aaa;
    margin-right: 15px;
}
.contato i{
    font-size: 16px;
    color: #aaa;
    margin-right: 5px;
}
#formulario-contato{
    height: 365px;
    width: 100%;
    padding-bottom: 1%;
}
textarea{
    height: 120px;
    width: 100%;
    resize: none;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
}
div.error input, div.error textarea, div.error select{
    border:#ce4040 solid 1px;
}
.glyphicon-ok{
    margin: 0 10px;
}
label span{
    color: #ce4040;
}
input{
    height: 42px;
    width: 100%;
    text-indent: 10px;
}
input[type=file] {
    padding: 6px;
    text-indent: 0;
}
input, select, textarea, #acesso-dominio{
    border-radius: 5px;
    border: 1px solid #bbb;
}
#enviar-btn{
    float: right;
    outline: none;
}
.btn-outline-red:hover {
    background: #eb4140;
    color: white;
    transition: 0.3s;
}
.btn-outline-red{
    width: 100px;
    padding: 12px;
    color: #eb4140;
    background: transparent;
    border: 1px solid #eb4140;
    font-size: 14px;
    margin-top: 12px;
}
.btn-outline-green{
    width: 100px;
    padding: 12px;
    color: #74B567;
    background: transparent;
    border: 1px solid #74B567;
    font-size: 14px;
    margin-top: 12px;
}
.btn-outline-green:hover {
    background: #74B567;
    color: white;
    transition: 0.3s;
}
.navbar-right {
    display: flex;
    align-items: center;
    height: 75px;
    gap: 1rem;
}
.cart-mobile .glyphicon,
.navbar-right .glyphicon {
    font-size: 1.2em;
    color: #FFF;
    margin-right: 12px;
    cursor: pointer;
}
.navbar-right a {
    display: flex;
    align-items: center;
    color: #313131;
    text-decoration: none;
}
.nav-mobile {
    display: none;
    width: 48%;
}
.box-search {
    width: 400px;
    position: absolute;
    top: 84px;
    right: 48px;
    background: #F7F7F7;
    padding: 6px;
    border-radius: 3px;
    border: 1px solid #ED9443;
    z-index: 1;
}
.box-search .search_form {
    display: flex;
}
.box-search input {
    width: 81%;
    border: none;
    border-radius: 0;
}
.box-search button {
    border-radius: 0 !important;

}
#alerta{
    padding: 15px 0;
}
#mensagem{
    width: 100%;
    float: left;
    padding-top: 2%;
}
iframe#map{
    height: 50vh;
    width: 100%;
    margin-top: 20px;
}
#map-lock{
    position: absolute;
    width: 100%;
    height: 50vh;
    /* margin: 0 1%; */
    z-index: 1;
    opacity: 0.3;
    background-color: lightgrey;
    margin-top: 20px;
}

/*** CRIAR CONTA ***/
#acesso-dominio{
    background: linear-gradient(75.64deg, #EE9843 5.82%, #EB544D 82.65%);
    color: white;
    padding: 9px;
    text-align: center;
    min-width: 118px;
    border-left: none;
    margin-left: -3px;
    border-radius: 0 5px 5px 0;
}
input[type=checkbox]{
    float: left;
    overflow: hidden;
    height: 20px;
    width: 20px;
    margin: 0 0 0 -15px !important;
}
select{
    width: 100%;
    height: 42px;
    padding: 8px;
    cursor: pointer;
}
.checkbox label{
    margin-right: 5px;
    cursor: default;
}
.password{
    position: relative;
}
.password input[type="password"]{
    padding-right: 30px;
}
.password .glyphicon,#password2 .glyphicon {
    display:none;
    position: absolute;
    color: #cc1818;
    cursor:pointer;
    z-index: 999;
    right: 16px;
    top: 28px;
    padding: 12px;
}
.modal-header .close {
    margin-top: -35px;
    font-size: 28px;
}
#termos-modal{
    text-align: justify;
}
#termos-modal p{
    margin: 15px 0;
}
#termos-modal .modal-body {
    position: relative;
    padding: 15px;
    overflow-y: scroll;
    max-height: 80vh;
}
.btn-test{
    padding: 16px 50px;
    font-size: 1.1em !important;
    border-radius: 55px !important;

}
.nav-page {
    text-align: center;
}
/******** RESPONSIVO *********/
.mobile {
    display: none !important;
}

.desktop{
    display: block;
}

li.mobile button{
    display:none;
    max-width: 300px;
    width: 100%;
    margin: auto;
    font-size: .875rem;
}

#btn-search-mobile {
    display: none;
}

@media (max-width: 1176px) {
    .nav>li{
        margin: 0px;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse, #btn-criar-topo {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    #menu-itens-navbar {
        display: block;
        margin: auto;
        width: 100%;
        overflow-y: scroll;
        max-height: 100vh;
    }

    .nav.navbar-right, .desktop{
        display: none !important;
        visibility : hidden !important;
    }

    .nav-mobile {
        display: flex !important;
        float: right !important;
    }
    .cart-mobile {
        display: block;
        float: left;
        padding: 28px 3.5%;
    }
    .cart-mobile a {
        margin-right: 10px;
        color: #313131;
    }

    #lang-mobile {
        display: flex !important;
        flex-direction: column;
        align-items: start;
        position: relative;
    }

    #lang-menu-mobile {
        background: transparent;
        border: none;
        list-style: none;
        padding: 0;
        margin: 0;
        transition: opacity 0.25s ease, transform 0.25s ease;
        opacity: 0;
        transform: translateY(-10px);
    }

    #lang-menu-mobile.show {
        padding-left: 20px;
        opacity: 1;
        transform: translateY(0);
    }

    #lang-menu-mobile li {
        text-align: start;
        text-transform: uppercase;
        border-left: 1px solid #EB544D;
        padding: 8px;
        cursor: pointer;
        color: #FFF;
    }

    #lang-menu-mobile li.active {
        font-weight: bold;
        color: #EB544D;
    }

}
@media (max-width: 992px){
    li.mobile button {
        display: block !important;
    }

    .mobile {
        display: unset !important;
    }

    div.mobile:has(.btn-criar-icon) {
        width: 100%;
    }

    #telefone{
        padding: 0;
    }

    .btn-criar-icon {
        width: 100%;
        margin: 0;
        padding: 12px;
        justify-content: center;
    }

    a:has( > .btn-criar-icon) {
        width: 100%;
    }

    /* NAV */
    #menu-navbar .conteudo {
        display: block;
        height: auto;
    }

    #menu-navbar .conteudo .navbar-brand {
        padding: 0;
    }

    #menu-navbar .conteudo .navbar-brand img {
        max-height: 45px;
    }

    .navbar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }

    .navbar-header a button {
        font-family: 'Inter', sans-serif;
        font-size: .875rem;
        text-transform: initial;
    }

    .navbar-header #btn-search {
        display: block;
        color: #FFF;
    }

    #btn-search-mobile {
        display: block;
        color: #FFF;
        font-size: 1.25rem;
    }

    .box-search {
        position: absolute;
        width: 100%;
        right: 0;
        left: 0;
        top: 88px;
    }

    .nav > li.selecionado::after {
        display: none;
    }

    /* HEADER SECTION */
    #header-section {
        height: auto;
        padding: 20px 0 80px;
    }

    #header-section .row {
        flex-direction: column;
        align-items: center;
    }

    #header-infos h2 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }


    #header-section #header-img img {
        max-width: 100%;
    }

    /* VANTAGENS */
    #vantagens {
        padding: 80px 0;
    }

    #vantagens-infos {
        align-items: initial;
        padding: 0 10px;
    }

    #vantagens-infos :is(h1, h2) {
        text-align: left;
        padding: 0;
        font-family: 'Poppins', sans-serif;
    }

    #vantagens-infos h1 {
        margin-top: 0;
        font-size: 1.5rem;
    }

    #vantagens-infos h1 span:first-of-type::after {
        content: "!";
    }

    #vantagens-infos h1 span:last-of-type {
        display: none;
    }

    #vantagens-infos h2 {
        font-size: 1.125rem;
        line-height: 140%;
    }

    #vantagens-cards {
        margin: 0;
    }

    #vantagens-cards .card-vantagem {
        padding: 20px 0;
    }

    #vantagens-cards .card-vantagem-header h3 {
        font-family: 'Poppins', sans-serif;
    }

    #vantagens-cards .card-vantagem p {
        font-family: 'Poppins', sans-serif;
        margin-top: 15px;
        line-height: 120%;
    }

    /* Teste grátis 1 */
    #teste-gratis {
        padding: 0;
        background-color: #F5F5F5;
        width: 101vw;
    }

    #teste-gratis > div {
        background-color: #050505;
        padding: 80px 0 100px;
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    }

    #teste-gratis .teste-gratis-img {
        padding-right: 0;
        justify-content: center;
    }

    #teste-gratis .mobile .btn-criar-icon{
        margin-top: 40px;
        margin-bottom: 20px;
    }

    /* Ferramentas */
    #ferramentas {
        background-color: #F5F5F5;
        margin: 0;
        padding: 80px 20px;
        width: 100%;
    }

    #ferramentas h1 {
        text-align: left;
        font-size: 2rem;
    }

    #ferramentas h2 {
        font-family: 'Raleway', sans-serif;
        text-align: left;
        font-size: 1rem;
        color: #797979;
    }

    #ferramentas #custom-select-wrapper {
        display: flex;
        justify-content: center;
    }

    #ferramentas .custom-select {
        position: relative;
        width: 100%;
        margin: 20px 0;
        background-color: #FFF;
        border: 1px solid #EDEDED;
        border-radius: 50px;
    }

    #ferramentas .custom-select .selected {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 12px 16px;
    }

    #ferramentas .custom-select .selected .icon-wrapper {
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(75.64deg, #EE9843 5.82%, #EB544D 82.65%);
        border-radius: 50%;
        height: 32px;
        width: 32px;
    }

    #ferramentas .custom-select .selected .icon-wrapper i:before {
        margin-right: 0;
    }

    #ferramentas .custom-select .selected .icon-wrapper i {
        color: #FFF;
        font-size: 1.5rem;
    }

    #ferramentas .custom-select .selected span {
        flex: 1;
        margin-left: 8px;
        font-size: 1rem;
        font-weight: 500;
        color: #000;
    }

    #ferramentas  .custom-select .rotate-icon {
        font-size: 1.5rem;
        color: #2B2B2B;
        transition: transform 0.3s ease;
    }

    #ferramentas  .custom-select.open .rotate-icon {
        transform: rotate(180deg);
    }

    #ferramentas .custom-select .options {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: calc(100% + 5px);
        left: 0;
        width: 100%;
        background: #fff;
        border: 1px solid #EDEDED;
        border-radius: 12px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
        display: none;
        max-height: 250px;
        overflow-y: auto;
        z-index: 10;
    }

    #ferramentas .custom-select .options li {
        padding: 12px 16px;
        cursor: pointer;
        font-size: 15px;
        color: #333;
        transition: background 0.2s;
    }

    #ferramentas .custom-select .options li:hover {
        background-color: #ED824633;
    }

    #ferramentas #modulo-img {
        position: relative;
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
    }

    #ferramentas img {
        max-width: 98%;
        min-height: 240px;
        border-radius: 10px;
    }

    /* Depoimentos */
    .fundo-depoimento {
        background: #090909;
        padding: 80px 0;
    }

    .titulo-depoimento {
        padding: 0 20px;
    }

    .titulo-depoimento h3 {
        font-size: 2rem;
    }

    .fundo-depoimento > div > div {
        padding: 0 20px;
    }

    /* APP */
    .fundo-app {
        padding: 80px 25px 0;
        clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
        overflow: clip;
    }

    #infos-app h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 2rem;
        padding-right: 30px;
        margin: 0;
    }

    #infos-app h3 {
        font-family: 'Poppins', sans-serif;
        font-size: 1rem;
        padding: 0 35px 0 0;
        text-align: left;
        margin-bottom: 0;
    }

    #infos-app div:has(> a > img) {
        text-align: left !important;
        margin: 30px 0 !important;
    }

    #infos-app #img-app-jueri {
        margin-top: 50px;
    }

    /* JueriZap */
    #juerizap {
        padding: 80px 20px 600px;
    }

    #infos-juerizap {
        align-items: flex-start;
        gap: 25px;
    }

    #infos-juerizap img#logo-juerizap {
        width: 60%;
    }

    #infos-juerizap h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 1.875rem;
        line-height: 2.375rem;
    }

    #infos-juerizap h2 span:last-of-type {
        color: #69AF7C;
        margin-left: 6px;
    }

    #infos-juerizap img#tela-juerizap {
        display: block;
        width: 100vw;
        max-width: 100vw;
        margin-left: -35px;
        margin-right: -35px;
    }

    /* Catálogo */
    #catalogo {
        padding: 300px 0 50px;
        overflow-x: clip;
    }

    #catalogo .col-img {
        position: absolute;
        top: -500px;
        padding-left: 20px;
        width: 100%;
    }

    #catalogo .col-img img {
        width: 100%;
    }

    #catalogo-infos {
        gap: 20px;
    }

    #catalogo-infos h1 {
        font-size: 2rem;
    }

    #catalogo-infos h2 {
        font-size: 1rem;
    }

    #catalogo-infos .beneficios {
        gap: 15px;
    }

    #catalogo-infos .beneficios li {
        font-family: 'Poppins', sans-serif;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    #catalogo-infos .beneficios li i {
        font-size: 2rem;
    }

    /* Integrações */
    #integracoes {
        padding: 50px 0 45%;
    }

    #integracoes .col-img {
        display: flex;
        justify-content: center;
    }

    #integracoes-infos {
        margin-top: 40px;
    }

    #integracoes-infos h1 {
        font-family: 'Poppins', sans-serif;
        font-size: 2rem;
    }

    #integracoes-infos h2 {
        font-size: 1rem;
    }

    #integracoes-infos .beneficios li {
        font-family: 'Poppins', sans-serif;
        display: flex;
        align-items: center;
    }

    #integracoes-infos .beneficios li i {
        font-size: 2rem;
    }

    /* SERASA */
    #serasa-score {
        padding: 80% 20px 80px;
    }

    #serasa-score .col-img {
        width: 100%;
        position: absolute;
        justify-content: center;
        top: -22%;
        margin-left: -35px;
    }

    #serasa-infos {
        padding: 40px 0 0;
    }

    #serasa-infos h1 {
        font-size: 2rem;
    }

    #serasa-infos h2 {
        font-size: 1rem;
    }

    #serasa-infos .beneficios li i {
        font-size: 2rem;
    }

    /* Garantia */
    #garantia {
        padding: 60px 35px;
    }

    #garantia div:has(> #garantia-header) {
        padding: 0;
    }

    #garantia-header {
        padding: 0;
    }

    #garantia-header h1 {
        font-size: 2rem;
        line-height: 3rem;
        text-align: left;
    }

    #garantia-header h1 span:last-of-type {
        color: #ED9842;
        background-image: linear-gradient(180deg, #EE9843 5.82%, #EB544D 82.65%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    #garantia-header h2 {
        font-size: 1rem;
        text-align: left;
        margin: 20px 0;
    }

    #garantia .col-img.mobile img {
        width: 100%;
    }

    /* JueriAcademy */
    #juery-academy {
        padding: 80px 20px;
    }

    #juery-academy .col-img img {
        width: 110%;
        max-width: 110%;
        margin-left: -20px;
    }

    #academy-header {
        margin-top: 50px;
        align-items: flex-start;
        gap: 20px;
    }

    #academy-header img {
        width: 80%;
    }

    #academy-header h1 {
        padding: 0;
        text-align: left;
        font-size: 2rem;
        line-height: 2.5rem;
    }

    #academy-header h2 {
        font-size: 1rem;
        text-align: left;
        padding: 0;
    }

    /* Teste grátis 2 */
    #teste-gratis-extendida {
        background-color: #0D0D0D;
    }

    #teste-gratis-extendida > div {
        clip-path: none;
        padding: 80px 0 45%;
    }

    #teste-gratis-extendida .teste-gratis-img {
        justify-content: center;
        padding: 0;
    }

    #teste-gratis-extendida .teste-gratis-form {
        padding: 0;
    }

    #teste-gratis-extendida .teste-gratis-form > div > form {
        margin-top: 40px;
        flex-direction: column;
        align-items: center;
    }

    #teste-gratis-extendida .teste-gratis-form .input-email-form-test {
        width: 80%;
        height: 48px;
    }

    #teste-gratis-extendida .teste-gratis-form a:has(button) {
        width: 80%;
    }

    #teste-gratis-extendida .teste-gratis-form button {
        width: 100%;
    }

    #img-teste-gratis-dispositivos {
        max-width: 100vw;
        transform: none;
        left: 0;
        bottom: -10%;
    }

    /* Planos */
    #planos {
        padding: 140px 20px 80px;
    }

    #header-planos {
        position: unset;
    }

    #header-planos > div:first-child {
        width: 100%;
    }

    #header-planos .card-plano {
        display: none;
    }

    #planos .custom-select {
        position: relative;
        margin: 20px auto;
        background-color: #F2F2F3;
        border: 1px solid #EDEDED;
        border-radius: unset;
    }

    #planos .custom-select .selected {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 12px 20px;
    }

    #planos .custom-select .selected span {
        font-weight: 700;
        color: #000;
        font-size: 1.25rem;
    }

    #planos .custom-select .rotate-icon {
        font-size: 1.5rem;
        color: #2B2B2B;
        transition: transform 0.3s ease;
    }

    #planos .custom-select.open .rotate-icon {
        transform: rotate(180deg);
    }

    #planos .custom-select .options {
        margin: 0;
        padding: 0;
        position: absolute;
        top: calc(100% + 5px);
        left: 0;
        width: 100%;
        background: #fff;
        border: 1px solid #EDEDED;
        border-radius: 12px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
        display: none;
        z-index: 10;
    }

    #planos .custom-select .options li {
        padding: 12px 16px;
        cursor: pointer;
        font-size: 1rem;
        color: #333;
        transition: background 0.2s;
    }

    #planos .custom-select .options li:hover {
        background-color: #ED824633;
    }

    #planos .card-plano {
        padding: 20px 30px;
    }

    #plano-recursos-mobile {
        margin-top: 50px;
        width: 100vw;
        margin-left: -50px;
    }

    #plano-recursos-mobile h3 {
        margin: 0;
        font-weight: 600;
        line-height: 40px;
        font-size: 1.125rem;
        color: #000;
        padding-left: 15px;
    }

    #plano-recursos-mobile table {
        width: 100%;
    }

    #plano-recursos-mobile tr td {
        font-size: 1rem;
        line-height: 2.5rem;
        padding: 2px 0;
        color: #3F3F3F;
        border: 3px solid #F2F2F3;
    }

    #plano-recursos-mobile tr td:first-of-type {
        padding-left: 15px;
        border-left: none;
    }

    #plano-recursos-mobile tr td:last-of-type {
        text-align: center;
        padding: 0 10px;
        border-right: none;
    }

    #plano-recursos-mobile tr td i:before {
        margin: 0;
    }

    #plano-recursos-mobile table tbody tr td.add-module span {
        padding: 6px 4px;
        font-size: .688rem;
    }

    /* Conheça o Jueri */
    #conheca-jueri {
        padding: 0 20px 50px;
    }

    #conheca-jueri > div {
        gap: 0;
    }

    #conheca-jueri h2 {
        font-size: 2rem;
        line-height: 2.25rem;
        padding: 0 35px;
        text-align: center;
        margin-bottom: 50px;
    }

    #conheca-jueri iframe {
        width: 96vw;
        height: 40vh;
    }

    /* FAQ */
    #faq {
        padding: 80px 20px;
        background-color: #FFF;
    }

    #faq .row > div {
        padding: 0;
    }

    #faq h2 {
        font-family: 'Poppins', sans-serif;
        font-size: 1.5rem;
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        margin-bottom: 40px;
    }

    #faq #accordion .panel {
        border: none;
        margin-bottom: 15px;
    }

    #faq #accordion .panel-heading {
        background-color: #F2F2F2;
        border-radius: 10px;
    }

    #faq #accordion .panel-heading a {
        font-size: 1rem;
        gap: 20px;
    }

    /* Rodapé */
    #fundo-rodape {
        background: linear-gradient(180deg, #EE9843 0%, #EB544D 100%) no-repeat bottom / 100% 16px, #313131;
    }

    #fundo-rodape > div {
        padding: 0 30px 100px;
    }

    #fundo-rodape #infos > div {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #info-whats a {
        font-size: 2.25rem;
    }

    #info-tel a {
        font-size: 2.25rem;
    }

    :is(#info-whats, #info-tel) .info-tel-ddd {
        font-size: 1.625rem;
    }

    #fundo-rodape hr {
        display: none;
    }

    #fundo-rodape #social-media {
        padding: 0;
    }
}
@media (max-width: 768px) {
    main {
        background-color: #FFF;
        overflow: clip;
    }

    .btn-criar-icon {
        width: 90%;
        margin: 0 5%;
        padding: 12px;
        justify-content: center;
    }

    /* Ferramentas */
    #ferramentas {
        padding: 50px 20px 80px;
    }

    #ferramentas img {
        max-width: 98vw;
    }

    /* JueriZap */
    #juerizap {
        padding: 80px 20px 280px;
    }

    #infos-juerizap img#tela-juerizap {
        display: block;
        width: 100vw;
        max-width: 100vw;
        margin-left: -20px;
        margin-right: -20px;
    }

    /* Catalogo */
    #catalogo {
        padding: 180px 0 80px;
    }

    #catalogo .col-img {
        position: absolute;
        top: -200px;
        padding-left: 20px;
        width: 100%;
    }

    /* Integrações */
    #integracoes {
        padding: 80px 0 45%;
    }

    /* SERASA */
    #serasa-score .col-img {
        top: -12%;
        margin-left: -20px;
    }

    /* Garantia */
    #garantia {
        overflow: clip;
        background: linear-gradient(180deg, #F5F5F5 0%, #FFF 100%);
    }

    #garantia .col-img.mobile img {
        width: 100vw;
        max-width: 100vw;
        margin-left: -20px;
        transform: scale(1.2);
        transform-origin: bottom center;
    }

    #garantia .btn-criar-icon {
        width: 100%;
        margin: 0;
    }

    /* Planos */
    #planos {
        padding: 80px 10px 80px;
    }

    #planos .custom-select {
        width: 100vw;
        margin: 20px 0 20px -25px;
    }

    #plano-recursos-mobile {
        margin-left: -25px;
    }

    /* Conheça o Jueri */
    #conheca-jueri iframe {
        height: 25vh;
    }

    /* App */
    .fundo-app {
        max-height: none;
    }
}
@media (max-width: 425px){
    .cart .btn-success,
    .product-buttons .btn {
        margin-top: 10px;
    }
    #item_amount {
        height: 50px;
    }
    .icon-youtube{
        margin-right: 28px;
    }
    .box-search {
        width: 100%;
    }
    .cart-mobile {
        width: 100%;
        font-size: 0.8em;
        float: left;
        display: flex;
        justify-content: space-around;
        padding: 28px 3.5%;
    }
}