/** * Swiper 14.0.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2026 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 29, 2026 */ :root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{box-sizing:initial;display:-ms-flexbox;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{display:block;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{-ms-scroll-snap-type:none;scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{-ms-flex-align:center;align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:-ms-flexbox;display:flex;height:var(--swiper-navigation-size);-ms-flex-pack:center;justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:center;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;-ms-touch-action:none;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .SumoSelect p{margin:0}.SumoSelect{width:200px}.SelectBox{padding:5px 8px}.sumoStopScroll{overflow:hidden}.SumoSelect .hidden{display:none}.SumoSelect .search-txt{display:none;outline:0}.SumoSelect .no-match{display:none;padding:6px}.SumoSelect.open .search-txt{display:inline-block;position:absolute;top:0;left:0;width:100%;margin:0;padding:5px 8px;border:none;box-sizing:border-box;border-radius:5px}.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden}.SelectClass,.SumoUnder{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;box-sizing:border-box;-moz-opacity:0;-khtml-opacity:0;opacity:0}.SelectClass{z-index:1}.SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{-ms-user-select:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.SumoSelect{display:inline-block;position:relative;outline:0}.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{box-shadow:0 0 2px #7799d0;border-color:#7799d0}.SumoSelect>.CaptionCont{position:relative;border:1px solid #a4a4a4;min-height:14px;background-color:#fff;border-radius:2px;margin:0}.SumoSelect>.CaptionCont>span{display:block;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default}.SumoSelect>.CaptionCont>span.placeholder{color:#ccc;font-style:italic}.SumoSelect>.CaptionCont>label{position:absolute;top:0;right:0;bottom:0;width:30px}.SumoSelect>.CaptionCont>label>i{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=');background-position:center center;width:16px;height:16px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:.8}.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:3px;overflow:hidden}.SumoSelect.open>.optWrapper{top:35px;display:block}.SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}.SumoSelect>.optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}.SumoSelect>.optWrapper>.options{border-radius:2px;position:relative;max-height:250px}.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px}.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0}.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5}.SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px}.SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px}.SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959}.SumoSelect>.optWrapper>.options li.opt{padding:6px 6px;position:relative;border-bottom:1px solid #f5f5f5}.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0}.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none}.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0}.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#e4e4e4}.SumoSelect .select-all.sel,.SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4}.SumoSelect>.optWrapper>.options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer}.SumoSelect>.optWrapper>.options li span{display:none}.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700}.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}.SumoSelect>.optWrapper>.options li.opt.disabled{background-color:inherit;pointer-events:none}.SumoSelect>.optWrapper>.options li.opt.disabled *{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:.5}.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer}.SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px}.SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #aeaeae;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff}.SumoSelect>.optWrapper>.MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.13);border-radius:0 0 3px 3px}.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{display:block}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:6px}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:0;background-color:#a1c0e4}.SumoSelect>.optWrapper.multiple>.MultiControls>p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{background-color:#f1f1f1}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{border-right:1px solid #dbdbdb;border-radius:0 0 0 3px}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{border-radius:0 0 3px 0}.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px}.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px}.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px}.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#11a911;box-shadow:none;border-color:transparent;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');background-repeat:no-repeat;background-position:center center}.SumoSelect.disabled{opacity:.7;cursor:not-allowed}.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none}.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer}.SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer}.SumoSelect .select-all.partial>span i{background-color:#ccc}.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline}.reset-all{padding:5px 10px 5px 35px;border-bottom:1px solid #cdcdcd}.SumoSelect[is-selected=false] .reset-all{opacity:.5;pointer-events:none}.SumoSelect[is-selected=true] .reset-all{opacity:1;cursor:pointer;color:#7799d0}.SumoSelect[is-selected=true] .reset-all *{cursor:pointer}.SumoSelect[is-selected=true] .reset-all:hover{color:#000} @charset "UTF-8"; /* =================== FONTS =================== */ /* =================== COLOR =================== */ /* =================== MEDIA QUERY =================== */ /* =================== CONTAINER =================== */ /* =================== FORM GRID =================== */ /*=================== FONTS ===================*/ @font-face { font-family: 'Hanken Grotesk'; src: url("../fonts/HankenGrotesk/HankenGrotesk-Light.woff2") format("woff2"), url("../fonts/HankenGrotesk/HankenGrotesk-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Hanken Grotesk'; src: url("../fonts/HankenGrotesk/HankenGrotesk-Regular.woff2") format("woff2"), url("../fonts/HankenGrotesk/HankenGrotesk-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Hanken Grotesk'; src: url("../fonts/HankenGrotesk/HankenGrotesk-Medium.woff2") format("woff2"), url("../fonts/HankenGrotesk/HankenGrotesk-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Hanken Grotesk'; src: url("../fonts/HankenGrotesk/HankenGrotesk-SemiBold.woff2") format("woff2"), url("../fonts/HankenGrotesk/HankenGrotesk-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Hanken Grotesk'; src: url("../fonts/HankenGrotesk/HankenGrotesk-Bold.woff2") format("woff2"), url("../fonts/HankenGrotesk/HankenGrotesk-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Hanken Grotesk'; src: url("../fonts/HankenGrotesk/HankenGrotesk-Black.woff2") format("woff2"), url("../fonts/HankenGrotesk/HankenGrotesk-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } :root { --spacing: 16px; } *, *:before, *:after { box-sizing: border-box; } html { height: 100vh; overflow-y: scroll; overflow-x: hidden; background: #fff; font: 16px/1.5 "Hanken Grotesk", sans-serif, sans-serif; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } html.disabled { position: fixed; width: 100%; } html.disabled body, html.disabled { overflow-y: hidden; height: 100%; } body { margin: 0; background: #fff; color: #000; } img, iframe, svg { display: block; } svg { fill: currentColor; } a { text-decoration: none; color: inherit; } p { margin-top: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } figure { margin: 0; } input { width: 100%; background: transparent; border: none; font-family: inherit; color: inherit; outline: none; } input:required { box-shadow: none; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; appearance: none; } button { border: none; background: transparent; font: inherit; -moz-appearance: none; appearance: none; cursor: pointer; } textarea { resize: none; font-family: "Hanken Grotesk", sans-serif; outline: none; border: none; } :focus { outline: none; } :active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } :-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } .grecaptcha-badge { visibility: hidden; } /* =================== SWIPER / NAVEGAÇÃO =================== */ .navigation { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; gap: 15px; min-height: 20px; } .navigation .swiper-pagination { position: absolute; } .navigation .swiper-button-prev, .navigation .swiper-button-next { position: static; margin-top: 0; } /* =================== SWIPER / CONTAINER =================== */ .swiper-container { width: 100%; height: 100%; overflow: hidden; } /* =================== SWIPER / PAGINAÇÃO =================== */ .swiper-pagination { position: relative; } @media only screen and (min-width: 768px) { .swiper-pagination { display: none; } } .swiper-pagination .swiper-pagination-bullet { background-color: rgba(41, 56, 104, 0.4); width: 10px; height: 10px; opacity: 1; margin: 0 5px !important; transition: background-color 350ms ease; } .swiper-pagination .swiper-pagination-bullet-active { background-color: #293868; } /* =================== SWIPER / NAVEGAÇÃO (SETAS) =================== */ .swiper-button-next, .swiper-button-prev { display: none; } @media only screen and (min-width: 768px) { .swiper-button-next, .swiper-button-prev { width: 44px; height: 44px; background-color: #fff; border: 2px solid #666D80; border-radius: 50%; color: #666D80; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease; margin-top: -22px; } } .swiper-button-next::after, .swiper-button-prev::after { content: ""; background-color: currentColor; -webkit-mask-image: url("../img/icons/icon-arrow-slide.png"); mask-image: url("../img/icons/icon-arrow-slide.png"); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -ms-flex-negative: 0; flex-shrink: 0; width: 22px; height: 22px; } .swiper-button-next svg, .swiper-button-prev svg { display: none; } @media only screen and (min-width: 1025px) { .swiper-button-next:hover, .swiper-button-prev:hover { color: #fff; background-color: #CE322B; border-color: #CE322B; } } .swiper-button-next-primary, .swiper-button-prev-primary { background-color: transparent; border-color: #293868; color: #293868; } @media only screen and (min-width: 1025px) { .swiper-button-next-primary:hover, .swiper-button-prev-primary:hover { background-color: #293868; color: #fff; } } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .swiper-button-prev::after { transform: rotate(180deg); } /* =================== FANCBOY / TIRAR MARGEM DA BODY =================== */ body.compensate-for-scrollbar { margin-right: 0 !important; } /* =================== FANCBOY / CONTROLAR LIMITE DE LARGURA E ALTURA DAS FOTOS E VÍDEOS =================== */ .fancybox-slide { padding: 20px !important; } .fancybox-slide.fancybox-slide--image { padding: 45px 20px !important; } .fancybox-slide.fancybox-slide--video .fancybox-content { max-width: 1410px !important; max-height: 700px !important; } .fancybox-slide.fancybox-slide--iframe .fancybox-content { max-width: 1410px !important; max-height: 700px !important; } @media only screen and (min-height: 740px) { .fancybox-slide.fancybox-slide--iframe .fancybox-content { height: auto !important; } } .fancybox-slide.fancybox-slide--iframe .fancybox-content::before { display: block; content: ""; padding-top: 56.25%; } .fancybox-slide .fancybox-content { padding: 40px 20px; } @media only screen and (min-width: 768px) { .fancybox-slide .fancybox-content { padding: 45px; } } .fancybox-slide .fancybox-content a { display: block; width: 100%; height: 100%; } .fancybox-slide .fancybox-content a .fancybox-image { cursor: inherit; } .fancybox-slide .fancybox-content .iframe { aspect-ratio: 1410 / 705; } /* =================== FANCBOY / PERSONALIZAR LEGENDA QUANDO ABRE O MODAL =================== */ .fancybox-caption__body { color: #ccd9e8; font-weight: 300; font-size: 1rem; } @media only screen and (min-width: 480px) { .fancybox-caption__body { font-size: 1.25rem; } } .fancybox-caption__body strong { color: #fff; display: block; font-size: 1.25rem; } @media only screen and (min-width: 480px) { .fancybox-caption__body strong { font-size: 1.5rem; } } /* =================== FANCBOY / MODAL TEXTO =================== */ #modal-text p { color: #333; font-size: 1rem; margin: 0; } @media only screen and (min-width: 768px) { #modal-text p { font-size: 1.125rem; } } #modal-text p + p { margin: 20px 0 0 0; } /* =================== FANCBOY / MODAL IMAGEM =================== */ #imagem-linkada { padding: 0; background-color: transparent; } @media only screen and (max-height: 640px) { #imagem-linkada { height: 100%; max-height: 600px; } } #imagem-linkada img { width: 100%; height: 100%; object-fit: contain; } #imagem-linkada .fancybox-button { color: #fff; background-color: rgba(0, 0, 0, 0.3); display: none; } /* =================== FLEX =================== */ [data-flex] { display: -ms-flexbox; display: flex; } [data-flex~="justify-center"] { -ms-flex-pack: center; justify-content: center; } [data-flex~="justify-between"] { -ms-flex-pack: justify; justify-content: space-between; } [data-flex~="justify-around"] { -ms-flex-pack: distribute; justify-content: space-around; } [data-flex~="justify-end"] { -ms-flex-pack: end; justify-content: flex-end; } [data-flex~="justify-start"] { -ms-flex-pack: start; justify-content: flex-start; } [data-flex~="align-center"] { -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } [data-flex~="align-start"] { -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } [data-flex~="align-end"] { -ms-flex-align: end; align-items: flex-end; -ms-flex-line-pack: end; align-content: flex-end; } [data-flex~="wrap"] { -ms-flex-wrap: wrap; flex-wrap: wrap; } [data-flex~="column"] { -ms-flex-direction: column; flex-direction: column; } [data-flex~="column-reverse"] { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* =================== FORM GRID =================== */ [data-custom-width] { width: 100%; } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="90"] { width: calc(90% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="80"] { width: calc(80% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="70"] { width: calc(70% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="60"] { width: calc(60% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="50"] { width: calc(50% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="40"] { width: calc(40% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="33"] { width: calc(33% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="30"] { width: calc(30% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="25"] { width: calc(25% - var(--spacing)); } } @media only screen and (min-width: 768px) { [data-custom-width][data-custom-width="20"] { width: calc(20% - var(--spacing)); } } /* =================== TITULO =================== */ [data-title] { gap: 5px; margin: 0 0 15px 0; } @media only screen and (min-width: 480px) { [data-title] { margin: 0 0 30px 0; } } [data-title] .title { color: #293868; font-size: 1.625rem; font-weight: 400; line-height: 1em; margin: 0 0 5px 0; } @media only screen and (min-width: 480px) { [data-title] .title { font-size: 2.25rem; } } [data-title] .resume { color: #293868; font-size: 1.125rem; font-weight: 500; margin: 0; } @media only screen and (min-width: 480px) { [data-title] .resume { font-size: 1.25rem; } } /* =================== TITULO SESSÃO =================== */ [data-section-title] { max-width: 720px; margin: 0 auto 20px; } @media only screen and (min-width: 992px) { [data-section-title] { margin: 0 auto 30px; } } [data-section-title] .tag { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; background-color: #D0EFD6; color: #2D6A4F; padding: 6px 15px; border-radius: 50px; font-size: 0.75rem; font-weight: 500; margin-bottom: 20px; } @media only screen and (min-width: 480px) { [data-section-title] .tag { font-size: 0.875rem; padding: 6px 20px; } } @media only screen and (min-width: 768px) { [data-section-title] .tag { font-size: 1rem; } } [data-section-title] .tag i { background-color: #346B3F; width: 18px; height: 18px; margin-right: 8px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } [data-section-title] .tag i.icon-medal { -webkit-mask-image: url("../img/icons/icon-award.svg"); mask-image: url("../img/icons/icon-award.svg"); } [data-section-title] .title { color: #293868; font-size: 1.75rem; font-weight: 300; line-height: 1.2; margin: 0 0 15px 0; } @media only screen and (min-width: 601px) { [data-section-title] .title { font-size: 2.375rem; } } @media only screen and (min-width: 1200px) { [data-section-title] .title { font-size: 3rem; } } [data-section-title] .title b, [data-section-title] .title strong { color: #CE322B; font-weight: 700; } [data-section-title] .description p { color: #64748B; font-size: 1.125rem; font-weight: 700; line-height: 1.3; margin: 0 0 15px 0; } @media only screen and (min-width: 480px) { [data-section-title] .description p { font-size: 1.25rem; } } @media only screen and (min-width: 768px) { [data-section-title] .description p { font-size: 1.5rem; } } [data-section-title] .resume p { color: #64748B; font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0; } @media only screen and (min-width: 480px) { [data-section-title] .resume p { font-size: 1.125rem; } } @media only screen and (min-width: 768px) { [data-section-title] .resume p { font-size: 1.25rem; } } [data-section-title] .resume p + p { margin: 15px 0 0 0; } [data-section-title~="red"] .title { color: #fff; } [data-section-title~="red"] .title b, [data-section-title~="red"] .title strong { color: #CE322B; } [data-section-title~="red"] .description p { color: #fff; } [data-section-title~="red"] .resume p { color: #fff; } /* =================== CONTENT =================== */ [data-content] { /* TEXTO EM COLUNAS */ } [data-content] h1, [data-content] h2, [data-content] h3, [data-content] h4, [data-content] h5, [data-content] h6 { color: #293868; font-weight: 400; line-height: 1.3em; margin: 0 0 15px 0; } [data-content] h1 { font-size: 1.875rem; } @media only screen and (min-width: 480px) { [data-content] h1 { font-size: 2.5rem; } } [data-content] h2 { font-size: 1.625rem; margin: 0 0 5px 0; } @media only screen and (min-width: 480px) { [data-content] h2 { font-size: 2.25rem; } } [data-content] h3 { font-size: 1.5rem; } @media only screen and (min-width: 480px) { [data-content] h3 { font-size: 1.75rem; } } [data-content] h4 { font-size: 1.375rem; } @media only screen and (min-width: 480px) { [data-content] h4 { font-size: 1.5rem; } } [data-content] h5 { font-size: 1.25rem; } @media only screen and (min-width: 480px) { [data-content] h5 { font-size: 1.375rem; } } [data-content] h6 { font-size: 1.125rem; } @media only screen and (min-width: 480px) { [data-content] h6 { font-size: 1.25rem; } } [data-content] p { color: #14214C; font-size: 1rem; line-height: 1.75em; margin: 0 0 15px 0; } @media only screen and (min-width: 480px) { [data-content] p { font-size: 1.125rem; margin: 0 0 30px 0; } } @media only screen and (min-width: 768px) { [data-content] p { font-size: 1.25rem; } } [data-content] p:last-child { margin-bottom: 0; } [data-content] strong { color: currentColor; transition: color 300ms; } [data-content] a { color: #CE322B; display: inline-block; font-weight: 500; text-decoration: underline; transition: color 300ms; /* HOVER */ } [data-content] a strong { color: #CE322B; } @media only screen and (min-width: 1025px) { [data-content] a:hover { color: #293868; } [data-content] a:hover strong { color: #293868; } } [data-content] img { max-width: 100%; height: auto; border-radius: 10px; } [data-content] img.alignleft { margin: auto 0 0; } @media only screen and (min-width: 992px) { [data-content] img.alignleft { margin-right: 20px; float: left; } } [data-content] img.aligncenter { margin: 0 auto; } [data-content] img.alignright { margin: auto 0 0; } @media only screen and (min-width: 992px) { [data-content] img.alignright { margin-left: 20px; float: right; } } [data-content] .custom-instagram { background: #f3f3f3; padding: 20px; } [data-content] iframe.instagram-media { margin: 0 auto !important; } [data-content] figure { border: 2px solid #293868; border-radius: 10px; overflow: hidden; position: relative; max-width: 1200px; margin: 0 auto 30px auto; } [data-content] figure img { display: block; width: 100%; height: auto; max-height: 600px; margin: 0 auto; object-fit: cover; } [data-content] .slide-content { margin-bottom: 15px; } [data-content] .slide-content .navigation { margin-top: 15px; } [data-content] .slide-content .swiper-pagination { bottom: unset; } [data-content] .slide-content .swiper-slide .image { display: block; width: 100%; border-radius: 10px; overflow: hidden; } [data-content] .slide-content .swiper-slide .image img { aspect-ratio: 16/9; } [data-content] .wp-caption { position: relative; max-width: 100%; margin: 0 auto 15px; } [data-content] .wp-caption p:not(.wp-caption-text) { margin: 0; display: none; } [data-content] .wp-caption .wp-caption-text { margin-top: 8px; color: #000; font-size: 0.75rem; line-height: 1.25em; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; } [data-content] ul, [data-content] ol { margin: 0 0 30px 20px; } [data-content] ul li, [data-content] ol li { color: #14214C; font-size: 1rem; line-height: 1.75em; padding: 5px 0; } @media only screen and (min-width: 480px) { [data-content] ul li, [data-content] ol li { font-size: 1.125rem; } } @media only screen and (min-width: 768px) { [data-content] ul li, [data-content] ol li { font-size: 1.25rem; } } [data-content] ul { list-style: disc; } [data-content] ol { list-style: decimal; } [data-content] table { border: 1px solid #14214C; border-collapse: collapse; max-width: 100%; padding: 5px; } [data-content] table th { border: 1px solid #14214C; background: #FBFBFB; color: #14214C; font-size: 0.875rem; padding: 5px; } @media only screen and (min-width: 768px) { [data-content] table th { font-size: 1rem; } } [data-content] table td { border: 1px solid #14214C; background: #fff; color: #14214C; font-size: 0.875rem; padding: 5px; } @media only screen and (min-width: 768px) { [data-content] table td { font-size: 1rem; } } [data-content] hr { border: none; background-color: #000; height: 4px; margin: 20px 0; } [data-content] blockquote { background-color: #CE322B; border-left: 6px solid #a42822; padding: 15px; margin: 0 0 30px 0; } @media only screen and (min-width: 768px) { [data-content] blockquote { padding: 30px 60px; } } [data-content] blockquote p { color: #fff; font-weight: 400; padding: 0; margin: 0; } [data-content] blockquote p + p { margin: 15px 0 0 0; } @media only screen and (min-width: 992px) { [data-content] blockquote p + p { margin: 30px 0 0 0; } } @media only screen and (min-width: 1200px) { [data-content].box-content-columns { column-count: 2; column-gap: 40px; } } @media only screen and (min-width: 1600px) { [data-content].box-content-columns { column-gap: 60px; } } /* =================== TEXT =================== */ [data-text~="center"] { text-align: center; } [data-text~="right"] { text-align: right; } [data-text~="left"] { text-align: left; } /* =================== BUTTON =================== */ [data-custom-button] { border-radius: 50px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 8px; padding: 10px; width: 100%; min-width: 150px; min-height: 46px; font-weight: 500; text-align: center; font-size: 0.875rem; line-height: 1em; } @media only screen and (min-width: 480px) { [data-custom-button] { font-size: 1rem; min-height: 52px; min-width: 170px; width: auto; } } @media only screen and (min-width: 768px) { [data-custom-button] { padding: 10px 20px; min-width: 200px; } } @media only screen and (min-width: 1025px) { [data-custom-button] { transition: background 300ms ease-in-out, color 300ms ease-in-out, border-color 300ms ease-in-out; } } [data-custom-button][href], [data-custom-button][aria-label] { cursor: pointer; } [data-custom-button] .icon { background-color: #fff; width: 20px; height: 20px; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 768px) { [data-custom-button] .icon { width: 24px; height: 24px; } } [data-custom-button] .icon.icon-play { -webkit-mask-image: url("../img/icons/icon-play.png"); mask-image: url("../img/icons/icon-play.png"); } [data-custom-button][data-custom-button~="auto"] { min-width: 100%; } [data-custom-button][data-custom-button~="lg"] { min-height: 70px; } [data-custom-button][data-custom-button~="solid"] { background: #232F50; color: #fff; } @media only screen and (min-width: 1025px) { [data-custom-button][data-custom-button~="solid"]:hover { background: #334473; } } [data-custom-button][data-custom-button~="solid"][data-custom-button~="white"] { background: #fff; color: #293868; } [data-custom-button][data-custom-button~="solid"][data-custom-button~="white"] .icon { background-color: #293868; } @media only screen and (min-width: 1025px) { [data-custom-button][data-custom-button~="solid"][data-custom-button~="white"]:hover { background: #293868; color: #fff; } [data-custom-button][data-custom-button~="solid"][data-custom-button~="white"]:hover .icon { background-color: #fff; } } [data-custom-button][data-custom-button~="solid"][data-custom-button~="secondary"] { background: #CE322B; } @media only screen and (min-width: 1025px) { [data-custom-button][data-custom-button~="solid"][data-custom-button~="secondary"]:hover { background: #a42822; } } [data-custom-button][data-custom-button~="solid"][data-custom-button~="green"] { background: #346B3F; } @media only screen and (min-width: 1025px) { [data-custom-button][data-custom-button~="solid"][data-custom-button~="green"]:hover { background: #23492b; } } [data-custom-button][data-custom-button~="radius"] { border-radius: 40px; } [data-custom-button][data-custom-button~="border"] { border: 2px solid #293868; color: #293868; } @media only screen and (min-width: 1025px) { [data-custom-button][data-custom-button~="border"]:hover { background: #293868; color: #fff; } } [data-custom-button][data-custom-button~="border"][data-custom-button~="secondary"] { border-color: #CE322B; } @media only screen and (min-width: 1025px) { [data-custom-button][data-custom-button~="border"][data-custom-button~="secondary"]:hover { background: #CE322B; } } /* =================== IMG =================== */ .img-responsive { max-width: 100%; display: block; height: auto; } .img-cover, .img-contain { display: block; width: 100%; height: 100%; } .img-cover { object-fit: cover; } .img-contain { object-fit: contain; } /* =================== CONTAINER =================== */ .container { position: relative; width: 100%; margin: 0 auto; padding: 0 20px; } .container[data-full] { max-width: none; padding: 0 20px; } @media only screen and (min-width: 768px) { .container[data-full] { padding: 0 40px; } } @media only screen and (min-width: 1200px) { .container[data-full] { padding: 0 60px; } } @media only screen and (min-width: 1600px) { .container[data-full] { padding: 0 100px; } } @media only screen and (min-width: 992px) { .container { max-width: 970px; } } @media only screen and (min-width: 1200px) { .container { max-width: 1170px; } } @media only screen and (min-width: 1600px) { .container { max-width: 1440px; } } /* =================== EMBED =================== */ .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; padding-top: 56.25%; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } /* =================== LOAD PADRÃO =================== */ .load { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #293868; z-index: 100; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 350ms ease; } .load.active { opacity: 1 !important; pointer-events: auto; } .load .item-load { display: inline-block; width: 64px; height: 64px; position: relative; } .load .item-load:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #fff; border-color: #fff transparent #fff transparent; animation: load 1.2s linear infinite; } @keyframes load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* =================== CONFIRMAÇÃO DE ENVIADO PADRÃO =================== */ .mensagem { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 999; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; opacity: 0; transition: opacity 350ms ease; } .mensagem.active { opacity: 1 !important; pointer-events: auto; } .mensagem .item-mensagem { border-radius: 20px; background: #fff; color: #293868; display: inline-block; font-size: 1.25rem; font-weight: 700; line-height: 1.2em; text-align: center; position: relative; max-width: 720px; width: 100%; padding: 30px; margin: 0 15px; } @media only screen and (min-width: 768px) { .mensagem .item-mensagem { padding: 80px; font-size: 1.75rem; } } .mensagem .close-mensagem { cursor: pointer; position: absolute; top: 15px; right: 15px; } @media only screen and (min-width: 1200px) { .mensagem .close-mensagem { top: 40px; right: 40px; } } .mensagem .close-mensagem svg { width: 40px; height: 40px; fill: #fff; } @media only screen and (min-width: 1200px) { .mensagem .close-mensagem svg { width: 48px; height: 48px; } } /* =================== NENHUM RESULTADO =================== */ .no-results { display: none; color: #000; font-size: 1.375rem; font-weight: 700; line-height: 1.2em; margin: 0; text-align: center; } @media only screen and (min-width: 768px) { .no-results { font-size: 1.5rem; } } /* =================== BARRA DE COOKIES =================== */ #cookie { width: calc(100% - 30px); max-width: 1500px; bottom: 20px; left: 50%; transform: translate(-50%, 0); box-shadow: 0 0 1em rgba(0, 0, 0, 0.2); position: fixed; display: block; background: #fff; padding: 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; z-index: 10; transition: opacity 350ms ease, transform 350ms ease; } @media only screen and (min-width: 768px) { #cookie { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } #cookie.disabled { opacity: 0; pointer-events: none; transform: translate(-50%, 40px); } #cookie p { margin: 0 0 20px; width: 100%; color: #000; font-size: 14px; font-weight: 400; text-align: center; } @media only screen and (min-width: 768px) { #cookie p { text-align: left; margin: 0 20px 0 0; width: auto; } } #cookie .buttons { width: 100%; } @media only screen and (min-width: 768px) { #cookie .buttons { width: auto; } } #cookie .accept { padding: 5px 20px; height: 47px; color: #fff; background-color: #2271b1; font-size: 14px; font-weight: 500; text-transform: uppercase; transition: background 350ms ease; } #cookie .accept:nth-child(2) { margin-left: 10px; } @media only screen and (min-width: 1025px) { #cookie .accept:hover { background: #135e96; } } @media only screen and (min-width: 768px) { #cookie .accept { margin: 0; padding: 10px 20px; font-size: 16px; } } /* =================== HEADER =================== */ #header { background-color: #293868; position: relative; z-index: 10; } #header:hover, #header:focus-within { z-index: 101; } #header .menu > li { position: relative; } #header .menu > li:before { content: ""; background: #fff; display: block; transition: transform 300ms; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; transform: scaleX(0); } #header .menu > li > a { position: relative; padding: 13px 0; } #header .menu > li:hover:before { transform: scaleX(1); } #header .menu-item-has-children:hover > .sub-menu { opacity: 1; pointer-events: auto; } #header .sub-menu { list-style: none; top: 100%; left: 0; position: absolute; z-index: 99; margin: 0; padding: 0; background: #fff; width: 280px; pointer-events: none; opacity: 0; transition: opacity 300ms; } #header .sub-menu::-webkit-scrollbar { width: 6px; } #header .sub-menu::-webkit-scrollbar-track { background: #dedede; } #header .sub-menu::-webkit-scrollbar-thumb { background: #CE322B; border-radius: 6px; } #header .sub-menu::-webkit-scrollbar-thumb:hover { background: #CE322B; } #header .sub-menu li { border: 1px solid #DBDBDB; border-bottom: none; transition: background 300ms; } #header .sub-menu li:last-child { border-bottom: 1px solid #DBDBDB; } #header .sub-menu li:hover { background: #293868; } #header .sub-menu li:hover > a { color: #fff; } #header .sub-menu a { color: #293868; display: block; font-size: 0.75rem; font-weight: 500; line-height: 1.6em; padding: 15px 20px; text-transform: inherit; transition: color 300ms; } @media only screen and (min-width: 768px) { #header .sub-menu a { font-size: 1rem; } } #header .sub-menu .sub-menu { background: transparent; top: 0; left: calc(100% - 1px); min-height: 100%; } #header .sub-menu .sub-menu li { background: #fff; } #header .sub-menu .sub-menu li:hover { background: #293868; } #header .sub-menu .sub-menu a { color: #4A4A49; } /* ====================================== HEADER LOGOS ====================================== */ .header-logos { background: #770F0C; width: 100%; padding: 11px 0 12px; } .header-logos .logo-flacsi { margin: 0 0 0 25px; } @media only screen and (min-width: 768px) { .header-logos .logo-flacsi { margin: 0 0 0 82px; } } .header-logos img { transition: filter 0.3s ease; /* HOVER */ } @media only screen and (min-width: 1025px) { .header-logos img:hover { filter: sepia(1) saturate(10000%) hue-rotate(-30deg) brightness(90%); } } @media only screen and (max-width: 767px) { .header-logos .logo-jesuitas { width: 110px; } .header-logos .logo-rje { width: 90px; } .header-logos .logo-flacsi { width: 60px; } } /* ====================================== HEADER SECUNDÁRIO ====================================== */ .header-secondary { background: #293868; position: relative; width: 100%; z-index: 110; } .header-secondary .container { position: static; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 992px) { .header-secondary .container { -ms-flex-pack: justify; justify-content: space-between; } } .header-secondary #menu-menu-secundario { display: none; } @media only screen and (min-width: 992px) { .header-secondary #menu-menu-secundario { display: -ms-flexbox; display: flex; } } .header-secondary #menu-menu-secundario > li.custom-button-menu { display: block; } .header-secondary #menu-menu-secundario > li > a { color: #fff; cursor: pointer; display: block; font-weight: 500; font-size: 0.6rem; text-transform: uppercase; transition: color 300ms; } @media only screen and (min-width: 480px) { .header-secondary #menu-menu-secundario > li > a { font-size: 0.8rem; } } .header-secondary #menu-menu-secundario > li:not(:last-child) { margin-right: 44px; } .header-secondary #menu-menu-secundario > li:not(:last-child) > a:after { content: ""; background-color: #fff; position: absolute; top: 50%; right: -22px; width: 1px; height: 12px; transform: translateY(-50%); } .header-secondary #menu-menu-terciario { display: -ms-flexbox; display: flex; } .header-secondary #menu-menu-terciario > li > a { color: #fff; cursor: pointer; display: block; font-size: 0.6rem; font-weight: 500; text-transform: uppercase; transition: color 300ms; } @media only screen and (min-width: 480px) { .header-secondary #menu-menu-terciario > li > a { font-size: 0.8rem; } } .header-secondary #menu-menu-terciario > li:not(:last-child) { margin-right: 22px; } @media only screen and (min-width: 480px) { .header-secondary #menu-menu-terciario > li:not(:last-child) { margin-right: 44px; } } .header-secondary #menu-menu-terciario > li:not(:last-child) > a:after { content: ""; background-color: #fff; position: absolute; top: 50%; right: -11px; width: 1px; height: 10px; transform: translateY(-50%); } @media only screen and (min-width: 480px) { .header-secondary #menu-menu-terciario > li:not(:last-child) > a:after { right: -22px; height: 12px; } } #header .header-secondary .menu > li { position: static; } #header .header-secondary .menu > li:before { display: none; } #header .header-secondary .menu > li > a:before { content: ""; background: #fff; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; transform: scaleX(0); transition: transform 300ms; } #header .header-secondary .menu > li:hover > a:before { transform: scaleX(1); } #header .header-secondary .sub-menu { background-color: color-mix(in srgb, #152B57 80%, black); border-bottom: 1px solid rgba(255, 255, 255, 0.05); display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 6px 32px; top: 100%; left: 0; width: 100%; padding: 16px 20px; transform: translateY(-10px); transition: opacity 300ms, transform 300ms; } @media only screen and (min-width: 992px) { #header .header-secondary .sub-menu { padding: 18px calc((100% - 970px) / 2 + 20px); } } @media only screen and (min-width: 1200px) { #header .header-secondary .sub-menu { padding: 18px calc((100% - 1170px) / 2 + 20px); } } @media only screen and (min-width: 1600px) { #header .header-secondary .sub-menu { padding: 18px calc((100% - 1440px) / 2 + 20px); } } #header .header-secondary .sub-menu li { border: none; background: transparent; } #header .header-secondary .sub-menu li:last-child { border-bottom: none; } #header .header-secondary .sub-menu li:hover { background: transparent; } #header .header-secondary .sub-menu a { color: #fff; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; font-size: .875rem; font-weight: 500; line-height: 1.2em; padding: 3px 0; position: relative; } #header .header-secondary .sub-menu a:before { content: ''; width: 0%; height: 1px; background-color: #fff; position: absolute; top: 100%; left: 0; transition: width 350ms ease; } @media only screen and (min-width: 1025px) { #header .header-secondary .sub-menu a:hover { color: #fff; } #header .header-secondary .sub-menu a:hover:before { width: 100%; } } #header .header-secondary .sub-menu li.current-menu-item > a:before { width: 100%; } #header .header-secondary .menu-item-has-children:hover > .sub-menu { transform: none; } #header .header-secondary #menu-menu-terciario .sub-menu { -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 992px) { #header .header-secondary #menu-menu-terciario .sub-menu { -ms-flex-pack: end; justify-content: flex-end; } } /* ====================================== HEADER PRINCIPAL ====================================== */ .header-main { background-color: #FEFEFE; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05); position: sticky; top: 0; left: 0; z-index: 100; width: 100%; padding: 20px 0; /* ÍCONE DO MENU MOBILE */ } .admin-bar .header-main { top: 32px; } @media screen and (max-width: 782px) { .admin-bar .header-main { top: 46px; } } @media screen and (max-width: 600px) { .admin-bar .header-main { top: 0; } } @media only screen and (min-width: 480px) { .header-main { padding: 30px 0; } } .header-main .container { gap: 0 10px; } .header-main .list-icons { position: relative; gap: 10px; display: none; } @media only screen and (min-width: 992px) { .header-main .list-icons { display: -ms-flexbox; display: flex; } } .header-main .list-icons .icon-search { width: 36px; height: 36px; color: #293868; border: 1px solid #C1C1C1; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition: color 350ms; } @media only screen and (min-width: 480px) { .header-main .list-icons .icon-search { width: 42px; height: 42px; } } .header-main .list-icons .icon-search svg { width: 20px; height: 20px; } @media only screen and (min-width: 1025px) { .header-main .list-icons .icon-search:hover { color: #CE322B; } } .header-main .logo { max-width: 260px; } @media only screen and (min-width: 480px) { .header-main .logo { max-width: 320px; } } @media only screen and (min-width: 1200px) { .header-main .logo { max-width: 400px; } } @media only screen and (min-width: 1600px) { .header-main .logo { max-width: 450px; } } .header-main .links { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0 15px; } @media only screen and (min-width: 992px) { .header-main .links { gap: 0 25px; } } @media only screen and (min-width: 1200px) { .header-main .links { gap: 0 30px; } } .header-main .social { display: none; } @media only screen and (min-width: 992px) { .header-main .social { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 0 10px; } } .header-main .social .item-social a { width: 36px; height: 36px; color: #293868; border: 1px solid #C1C1C1; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: color 350ms; } @media only screen and (min-width: 480px) { .header-main .social .item-social a { width: 42px; height: 42px; } } .header-main .social .item-social a svg { width: 20px; height: 20px; } @media only screen and (min-width: 1025px) { .header-main .social .item-social a:hover { color: #CE322B; } } .header-main .menu-icon { border: 1px solid #C1C1C1; border-radius: 50px; cursor: pointer; width: 36px; height: 36px; padding: 10px 15px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 10px; transition: background-color 350ms ease, border-color 350ms ease; } @media only screen and (min-width: 480px) { .header-main .menu-icon { width: initial; height: 36px; } } .header-main .menu-icon .label { color: #CE322B; text-transform: uppercase; font-size: 1rem; font-weight: 500; transition: color 350ms ease; } @media only screen and (max-width: 479px) { .header-main .menu-icon .label { display: none; } } .header-main .menu-icon .icon-content { width: 21px; height: 21px; position: relative; } .header-main .menu-icon .icon-content .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .header-main .menu-icon .icon { position: relative; overflow: hidden; transition: opacity 350ms ease; } .header-main .menu-icon .icon svg { color: #CE322B; width: 21px; height: 21px; transition: color 350ms ease, transform 350ms ease; } .header-main .menu-icon .icon svg line { transform-origin: center; transition: transform 350ms ease, opacity 350ms ease; } .header-main .menu-icon .icon-open { opacity: 1; } .header-main .menu-icon .icon-close { opacity: 0; } .header-main .menu-icon .icon-close svg { transform: translateX(100%); } .header-main .menu-icon.active .icon-open { opacity: 0; } .header-main .menu-icon.active .icon-open svg { transform: translateX(-100%); } .header-main .menu-icon.active .icon-close { opacity: 1; } .header-main .menu-icon.active .icon-close svg { transform: none; } @media only screen and (min-width: 1025px) { .header-main .menu-icon:hover { background-color: #CE322B; border-color: #CE322B; } .header-main .menu-icon:hover .label { color: #fff; } .header-main .menu-icon:hover svg { color: #fff; } } /* ====================================== HEADER FORM ====================================== */ #form-search { padding: 13px 13px 13px 26px; border: 1px solid #DBDBDB; border-radius: 8px; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity 350ms ease; /* INPUT */ } @media only screen and (min-width: 992px) { #form-search { -ms-flex-align: center; align-items: center; width: 100%; max-width: 250px; } } @media only screen and (min-width: 1200px) { #form-search { max-width: 300px; } } #form-search.active { opacity: 1; pointer-events: auto; } #form-search .icon-close-search { cursor: pointer; } @media only screen and (min-width: 1025px) { #form-search .icon-close-search:hover { color: #CE322B; } } #form-search .icon-close-search svg { width: 20px; height: 20px; transition: color 350ms ease; } #form-search .input-text { color: #666D80; display: block; font-size: 0.875rem; font-weight: 400; line-height: 1em; outline: none; width: 100%; } @media only screen and (min-width: 1200px) { #form-search .input-text { font-size: 1rem; } } /* ====================================== MENU MOBILE ====================================== */ @media only screen and (max-width: 991px) { html.menu-mobile-open { overflow: hidden; } } .menu-mobile { position: absolute; top: 76px; right: 0; width: 100%; height: calc(100vh - 76px); overflow: hidden; z-index: 100; opacity: 0; pointer-events: none; overscroll-behavior: contain; transition: opacity 350ms ease; /* ACTIVE */ /* FUNDO */ /* ICONE FECHAR MENU */ /* CONTENT */ /* MENU */ /* MENU SECUNDÁRIO (SÓ NO MOBILE, ONDE O #menu-menu-secundario FICA OCULTO) — MESMO VISUAL DO .menu-principal-mobile */ /* SOCIAL */ } @media only screen and (min-width: 480px) { .menu-mobile { top: 102px; height: calc(100vh - 102px); } } @media only screen and (min-width: 992px) { .menu-mobile { top: 106px; height: calc(100vh - 106px); } } @media only screen and (min-width: 1200px) { .menu-mobile { top: 111px; height: calc(100vh - 111px); } } @media only screen and (min-width: 1600px) { .menu-mobile { top: 118px; height: calc(100vh - 118px); } } @media only screen and (max-width: 991px) { .menu-mobile { position: fixed; top: var(--menu-mobile-top, 76px); height: calc(100vh - var(--menu-mobile-top, 76px)); height: calc(100dvh - var(--menu-mobile-top, 76px)); } } .menu-mobile.active { opacity: 1; pointer-events: auto; } .menu-mobile.active .menu-mobile-content { transform: none; } .menu-mobile.active .menu-mobile-layer { opacity: 1; transition-delay: 250ms; } .menu-mobile .menu-icon-close { cursor: pointer; position: absolute; z-index: 2; top: 20px; right: 20px; } @media only screen and (min-width: 1600px) { .menu-mobile .menu-icon-close { right: 55px; } } .menu-mobile .menu-icon-close svg { color: #fff; width: 40px; height: 40px; } .menu-mobile-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; gap: 32px 16px; width: 100%; } @media only screen and (min-width: 601px) { .menu-mobile-header { -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 992px) { .menu-mobile-header { display: none; } } .menu-mobile-header .logo { max-width: 260px; display: none; } @media only screen and (min-width: 480px) { .menu-mobile-header .logo { max-width: 320px; } } @media only screen and (min-width: 1200px) { .menu-mobile-header .logo { max-width: 400px; } } @media only screen and (min-width: 1600px) { .menu-mobile-header .logo { max-width: 450px; } } .menu-mobile-layer { background-color: rgba(248, 248, 255, 0.5); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; opacity: 0; transition: opacity 350ms ease; pointer-events: none; } .menu-mobile-content { border-bottom: 1px solid rgba(255, 255, 255, 0.05); background-color: color-mix(in srgb, #152B57 80%, black); position: absolute; top: 0; right: 0; width: 100%; height: auto; max-height: calc(100% - 68px); overflow-y: auto; overflow-x: hidden; padding: 30px 0; transform: translateY(-100%); z-index: 2; transition: transform 350ms ease; } @media only screen and (min-width: 480px) { .menu-mobile-content { max-height: calc(100% - 96px); } } @media only screen and (max-width: 991px) { .menu-mobile-content { max-height: 100%; -webkit-overflow-scrolling: touch; } } @media only screen and (min-width: 768px) { .menu-mobile-content { padding: 50px 0; } } @media only screen and (min-width: 992px) { .menu-mobile-content { max-height: calc(100% - 98px); } .menu-mobile-content:after { content: ""; background: url("../img/logos/logo-simbolo.svg") no-repeat -20% 0; background-size: contain; position: absolute; pointer-events: none; top: 0; left: 0; width: 500px; height: 300px; opacity: 0.1; mix-blend-mode: luminosity; } } @media only screen and (min-width: 1200px) { .menu-mobile-content { max-height: calc(100% - 103px); } } @media only screen and (min-width: 1600px) { .menu-mobile-content { max-height: calc(100% - 110px); } } .menu-mobile-content .container { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; gap: 32px; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 992px) { .menu-mobile-content .container { -ms-flex-pack: start; justify-content: flex-start; -ms-flex-direction: row; flex-direction: row; } } .menu-mobile-content .nav { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .menu-mobile-content .box-info-mobile { text-align: center; width: 100%; margin: 0 0 0 auto; } @media only screen and (min-width: 992px) { .menu-mobile-content .box-info-mobile { width: calc(33.33% - 16px); } } .menu-mobile-content .box-info-mobile #form-search { display: -ms-flexbox; display: flex; margin-bottom: 20px; } @media only screen and (min-width: 992px) { .menu-mobile-content .box-info-mobile #form-search { display: none; } } .menu-mobile-content .box-info-mobile .tag { transform: translateY(-17px); margin: 0; } .menu-mobile-content .box-info-mobile .title { font-size: 1.75rem; } @media only screen and (min-width: 1200px) { .menu-mobile-content .box-info-mobile .title { font-size: 2rem; } } @media only screen and (min-width: 480px) { .menu-mobile-content .box-info-mobile .resume p { font-size: 1.125rem; } } .menu-mobile .menu-principal-mobile { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; /* MENU COM SUBMENU */ /* SUBMENU */ } @media only screen and (min-width: 768px) { .menu-mobile .menu-principal-mobile { gap: 30px 20px; } } .menu-mobile .menu-principal-mobile > li { margin-bottom: 10px; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @media only screen and (min-width: 768px) { .menu-mobile .menu-principal-mobile > li { margin-bottom: 0; border-bottom: none; width: calc(20% - 16px); } } .menu-mobile .menu-principal-mobile > li:last-child { margin-bottom: 0; } .menu-mobile .menu-principal-mobile > li > a { margin-bottom: 10px; color: #fff; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; font-size: 1rem; line-height: 1em; font-weight: 700; transition: color 350ms; } @media only screen and (min-width: 768px) { .menu-mobile .menu-principal-mobile > li > a { font-size: 1.25rem; } } @media only screen and (min-width: 1025px) { .menu-mobile .menu-principal-mobile > li:hover > a { color: #fff; } } .menu-mobile .menu-principal-mobile .menu-item-has-children { /* ACTIVE */ } .menu-mobile .menu-principal-mobile .menu-item-has-children > a:after { content: ""; background-color: #fff; -webkit-mask-image: url("../img/icons/icon-arrow.svg"); mask-image: url("../img/icons/icon-arrow.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 12px; height: 12px; -ms-flex-negative: 0; flex-shrink: 0; gap: 10px; margin: 0 0 0 auto; transition: transform 300ms ease; } @media only screen and (min-width: 768px) { .menu-mobile .menu-principal-mobile .menu-item-has-children > a:after { width: 18px; height: 18px; gap: 20px; } } @media only screen and (min-width: 768px) { .menu-mobile .menu-principal-mobile .menu-item-has-children > a:after { display: none; } } @media only screen and (min-width: 1200px) { .menu-mobile .menu-principal-mobile .menu-item-has-children > a:after { width: 20px; height: 20px; } } .menu-mobile .menu-principal-mobile .menu-item-has-children.active > a:after { transform: rotate(180deg); } @media only screen and (max-width: 767px) { .menu-mobile .menu-principal-mobile .sub-menu { display: none; } } .menu-mobile .menu-principal-mobile .sub-menu li.current-menu-item a:before { width: 100%; } .menu-mobile .menu-principal-mobile .sub-menu a { cursor: pointer; color: #fff; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; font-size: .875rem; padding: 3px 0; position: relative; transition: color 350ms; } .menu-mobile .menu-principal-mobile .sub-menu a:before { content: ''; width: 0%; height: 1px; background-color: #fff; position: absolute; top: 100%; left: 0; transition: width 350ms ease; } @media only screen and (min-width: 1025px) { .menu-mobile .menu-principal-mobile .sub-menu a:hover { color: #fff; } .menu-mobile .menu-principal-mobile .sub-menu a:hover:before { width: 100%; } } .menu-mobile-secondary { width: 100%; } @media only screen and (min-width: 992px) { .menu-mobile-secondary { display: none; } } .menu-mobile .social { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; margin: 0; gap: 10px; } .menu-mobile .social a { background-color: #172859; border-radius: 50%; display: block; width: 44px; height: 44px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1025px) { .menu-mobile .social a[href] { transition: background 300ms ease-in-out; } .menu-mobile .social a[href]:hover { background: #293868; } } .menu-mobile .social svg { color: #fff; } /* ====================================== FOOTER ====================================== */ #footer { position: relative; } /* ====================================== FOOTER BOTÕES ====================================== */ .footer-buttons { padding: 0 0 40px 0; background-color: color-mix(in srgb, #152B57 80%, black); /* FORMULÁRIO */ /* SOCIAL */ } @media only screen and (min-width: 992px) { .footer-buttons { padding: 0 0 50px 0; } } .footer-buttons .container { gap: 20px; } @media only screen and (max-width: 991px) { .footer-buttons .container { -ms-flex-direction: column; flex-direction: column; } } .footer-buttons .newsletter { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; gap: 27px; } @media only screen and (min-width: 992px) { .footer-buttons .newsletter { -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: row; flex-direction: row; } } .footer-buttons .newsletter .box-title-newsletter { width: 280px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 992px) { .footer-buttons .newsletter .box-title-newsletter { -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } } .footer-buttons .newsletter .box-title-newsletter .label { max-width: 280px; color: #fff; font-weight: 500; font-size: 1rem; line-height: 1.25em; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .footer-buttons .newsletter .box-title-newsletter .label svg { width: 35px; height: 35px; fill: #fff; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 10px 0 0; display: none; } .footer-buttons .newsletter .wpcf7 { -ms-flex-positive: 1; flex-grow: 1; } .footer-buttons .newsletter .wpcf7-form { margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 10px; /* Linha principal: nome, e-mail, botão */ /* Campos de texto */ /* Botão */ /* Mensagens de validação/erro */ } .footer-buttons .newsletter .wpcf7-form p { margin: 0; } .footer-buttons .newsletter .wpcf7-form span { display: -ms-inline-flexbox; display: inline-flex; } .footer-buttons .newsletter .wpcf7-form span.wpcf7-form-control-wrap { -ms-flex-direction: column; flex-direction: column; } .footer-buttons .newsletter .wpcf7-form a { color: #fff; text-decoration: underline; } @media only screen and (min-width: 1025px) { .footer-buttons .newsletter .wpcf7-form a:hover { color: #cfd8ff; } } .footer-buttons .newsletter .wpcf7-form .wpcf7-list-item { margin: 0; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; gap: 8px; /* Bloco de aceite (LGPD) e checkbox */ } .footer-buttons .newsletter .wpcf7-form .wpcf7-list-item label { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .footer-buttons .newsletter .wpcf7-form .wpcf7-list-item input[type="checkbox"] { width: auto; margin-right: 10px; accent-color: #fff; cursor: pointer; border-radius: 50px; } .footer-buttons .newsletter .wpcf7-form .wpcf7-list-item-label { display: inline; } .footer-buttons .newsletter .wpcf7-form .wpcf7-list-item-label a { margin: 0 4px; transition: color 350ms ease; } @media only screen and (min-width: 1025px) { .footer-buttons .newsletter .wpcf7-form .wpcf7-list-item-label a:hover { color: #cfd8ff !important; } } .footer-buttons .newsletter .wpcf7-form .button-newsletter { margin-bottom: auto; position: relative; } .footer-buttons .newsletter .wpcf7-form .wpcf7-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; } .footer-buttons .newsletter .wpcf7-form .form-group .wpcf7-form-control-wrap { width: 100%; } .footer-buttons .newsletter .wpcf7-form .row { margin-top: 0 !important; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 16px; -ms-flex-align: start; align-items: flex-start; } .footer-buttons .newsletter .wpcf7-form .col-md-5 { -ms-flex: 1 1 100%; flex: 1 1 100%; } @media only screen and (min-width: 768px) { .footer-buttons .newsletter .wpcf7-form .col-md-5 { -ms-flex: 1 1; flex: 1 1; } } .footer-buttons .newsletter .wpcf7-form .col-md-2 { -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } @media only screen and (min-width: 768px) { .footer-buttons .newsletter .wpcf7-form .col-md-2 { -ms-flex: 0 0 auto; flex: 0 0 auto; } } .footer-buttons .newsletter .wpcf7-form .form-group { margin-bottom: 0; } .footer-buttons .newsletter .wpcf7-form .form-control { width: 100%; padding: 12px 16px; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50px; font-size: 14px; background-color: rgba(255, 255, 255, 0.08); color: #fff; transition: border-color 0.2s ease, background-color 0.2s ease; } .footer-buttons .newsletter .wpcf7-form .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } .footer-buttons .newsletter .wpcf7-form .form-control::placeholder { color: rgba(255, 255, 255, 0.6); } .footer-buttons .newsletter .wpcf7-form .form-control:focus { outline: none; border-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .footer-buttons .newsletter .wpcf7-form .btn { padding: 12px 28px; width: 100%; border: none; border-radius: 6px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 600; white-space: nowrap; text-transform: uppercase; transition: background-color 0.2s ease, transform 0.15s ease; } .footer-buttons .newsletter .wpcf7-form .btn.btn-primary { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.7); border-radius: 50px; } @media only screen and (min-width: 1025px) { .footer-buttons .newsletter .wpcf7-form .btn.btn-primary:hover { color: #0a1f44; background-color: #e6e6e6; transform: translateY(-1px); } } .footer-buttons .newsletter .wpcf7-form .wpcf7-acceptance, .footer-buttons .newsletter .wpcf7-form .wpcf7-checkbox { display: block; font-size: 12px; line-height: 1.5; color: rgba(255, 255, 255, 0.75); } .footer-buttons .newsletter .wpcf7-form .wpcf7-not-valid-tip { color: #fff; font-size: 12px; } .footer-buttons .newsletter .wpcf7-form .wpcf7-response-output { color: #fff; font-size: 13px; border: none; margin: 10px 0 0; padding: 0; text-transform: uppercase; } .footer-buttons .social { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: start; justify-content: flex-start; margin: 0; gap: 10px; } .footer-buttons .social a { background-color: transparent; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); display: block; width: 35px; height: 35px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 1025px) { .footer-buttons .social a[href] { transition: background-color 300ms ease, border-color 300ms ease; } .footer-buttons .social a[href]:hover { border-color: #293868; background-color: #293868; } } .footer-buttons .social svg { width: 15px; color: rgba(255, 255, 255, 0.7); } /* ====================================== FOOTER INFO ====================================== */ .footer-info { background-color: color-mix(in srgb, #152B57 80%, black); } .footer-info .container { margin: 0 auto; padding: 40px 20px; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media only screen and (min-width: 992px) { .footer-info .container { padding: 50px 20px; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1200px) { .footer-info .container { margin: 0 auto; gap: 15px 30px; } } .footer-info .logo { max-width: 260px; } @media only screen and (min-width: 480px) { .footer-info .logo { max-width: 300px; } } @media only screen and (min-width: 1200px) { .footer-info .logo { max-width: 400px; } } @media only screen and (min-width: 1600px) { .footer-info .logo { max-width: 430px; } } .footer-info .contact { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; text-align: center; gap: 5px 0; } @media only screen and (min-width: 992px) { .footer-info .contact { text-align: left; -ms-flex-align: end; align-items: flex-end; gap: 12px 0; } } .footer-info .contact .tel, .footer-info .contact .address { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 0.875rem; font-weight: 400; gap: 0 8px; margin: 0; max-width: 300px; text-align: center; transition: color 350ms; } @media only screen and (min-width: 992px) { .footer-info .contact .tel, .footer-info .contact .address { max-width: inherit; text-align: right; } } @media only screen and (min-width: 1200px) { .footer-info .contact .tel, .footer-info .contact .address { font-size: 1rem; } } .footer-info .contact .tel svg, .footer-info .contact .address svg { margin-top: 3px; display: none; } @media only screen and (min-width: 992px) { .footer-info .contact .tel svg, .footer-info .contact .address svg { display: block; -ms-flex-negative: 0; flex-shrink: 0; border-style: solid; border-width: 1px; border-color: #fff; border-radius: 50%; padding: 5px; width: 24px; height: 24px; transition: border-color 350ms ease; } } @media only screen and (min-width: 1025px) { .footer-info .contact .tel:hover, .footer-info .contact .address:hover { color: #E18F00; } .footer-info .contact .tel:hover svg, .footer-info .contact .address:hover svg { border-color: #E18F00; } } .footer-info .list-buttons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .footer-info .list-buttons [data-custom-button] { min-height: 36px; min-width: auto; background-color: #fff; border-style: solid; border-width: 1px; border-color: #fff; color: #0a1f44; } .footer-info .list-buttons [data-custom-button]:not(.button-matriculas) { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.5); background-color: color-mix(in srgb, #152B57 80%, black); } @media only screen and (min-width: 1025px) { .footer-info .list-buttons [data-custom-button]:not(.button-matriculas):hover { color: #293868; background-color: #fff; border-color: #fff; } } @media only screen and (min-width: 1025px) { .footer-info .list-buttons [data-custom-button].button-phone:hover .icon-phone { background-color: #293868; } } .footer-info .list-buttons [data-custom-button].button-phone .icon-phone { background-color: #fff; width: 15px; height: 15px; -webkit-mask-image: url("../img/icons/icon-phone.png"); mask-image: url("../img/icons/icon-phone.png"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -ms-flex-negative: 0; flex-shrink: 0; } .footer-info .list-buttons [data-custom-button].menu-icon { padding: 5px 10px; } @media only screen and (min-width: 480px) { .footer-info .list-buttons [data-custom-button].menu-icon { padding: 5px 20px; } } @media only screen and (min-width: 1025px) { .footer-info .list-buttons [data-custom-button].menu-icon:hover .icon svg { color: #293868; } } .footer-info .list-buttons [data-custom-button].menu-icon .icon-content { width: 21px; height: 21px; position: relative; } .footer-info .list-buttons [data-custom-button].menu-icon .icon-content .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer-info .list-buttons [data-custom-button].menu-icon .icon { width: 21px; height: 21px; background-color: transparent; position: relative; overflow: hidden; transition: opacity 350ms ease; } .footer-info .list-buttons [data-custom-button].menu-icon .icon svg { color: rgba(255, 255, 255, 0.7); width: 21px; height: 21px; transition: color 350ms ease, transform 350ms ease; } .footer-info .list-buttons [data-custom-button].menu-icon .icon svg line { transform-origin: center; transition: transform 350ms ease, opacity 350ms ease; } .footer-info .list-buttons [data-custom-button].menu-icon .icon-open { opacity: 1; } .footer-info .list-buttons [data-custom-button].menu-icon .icon-close { opacity: 0; } .footer-info .list-buttons [data-custom-button].menu-icon .icon-close svg { transform: translateX(100%); } .footer-info .list-buttons [data-custom-button].menu-icon.active .icon-open { opacity: 0; } .footer-info .list-buttons [data-custom-button].menu-icon.active .icon-open svg { transform: translateX(-100%); } .footer-info .list-buttons [data-custom-button].menu-icon.active .icon-close { opacity: 1; } .footer-info .list-buttons [data-custom-button].menu-icon.active .icon-close svg { transform: none; } @media only screen and (min-width: 1025px) { .footer-info .list-buttons [data-custom-button]:hover { color: #fff; background-color: #293868; border-color: #293868; } } /* ====================================== FOOTER NAV ====================================== */ .footer-nav { padding: 40px 0 20px 0; background-color: color-mix(in srgb, #152B57 80%, black); } @media only screen and (min-width: 992px) { .footer-nav { padding: 60px 0 30px 0; } } .footer-nav .footer-nav-close { color: #CE322B; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; margin: 0 0 20px; transition: opacity 300ms; } .footer-nav .footer-nav-close span { margin-left: 4px; } @media only screen and (min-width: 1025px) { .footer-nav .footer-nav-close:hover { opacity: 0.7; } } .footer-nav .footer-nav-grid { border-top: 1px solid #425D94; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; gap: 30px 20px; padding: 20px 0 0 0; } @media only screen and (min-width: 768px) { .footer-nav .footer-nav-grid { padding: 40px 0 0 0; } } .footer-nav .footer-menu { list-style: none; margin: 0; padding: 0; } .footer-nav .footer-menu > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; margin: 0 0 10px 0; } @media only screen and (min-width: 768px) { .footer-nav .footer-menu > li { border: none; width: calc(25% - 15px); margin: 0; } } @media only screen and (min-width: 992px) { .footer-nav .footer-menu > li { width: calc(20% - 21px); } } @media only screen and (min-width: 1200px) { .footer-nav .footer-menu > li { width: calc(20% - 16px); } } .footer-nav .footer-menu > li > a { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; gap: 0 6px; font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; text-transform: none; transition: color 300ms; position: relative; } @media only screen and (min-width: 1025px) { .footer-nav .footer-menu > li > a:hover { color: #E18F00; } } @media only screen and (max-width: 767px) { .footer-nav .footer-menu > li.menu-item-has-children > a::after { content: ''; display: block; background-color: #fff; -webkit-mask-image: url("../img/icons/icon-arrow.svg"); mask-image: url("../img/icons/icon-arrow.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; width: 12px; height: 12px; transition: transform 300ms; } } @media only screen and (max-width: 767px) { .footer-nav .footer-menu > li.active.menu-item-has-children > a::after { transform: rotate(-180deg); } } .footer-nav .footer-menu > li > .sub-menu { list-style: none; margin: 0; padding: 0; position: static; opacity: 1; pointer-events: auto; background: transparent; width: auto; } @media only screen and (max-width: 767px) { .footer-nav .footer-menu > li > .sub-menu { display: none; padding-bottom: 15px; } } .footer-nav .footer-menu > li > .sub-menu li { border: none; background: transparent; } .footer-nav .footer-menu > li > .sub-menu a { color: #fff; display: block; font-size: 1rem; font-weight: 400; padding: 4px 0; text-transform: none; transition: color 300ms; } @media only screen and (min-width: 768px) { .footer-nav .footer-menu > li > .sub-menu a { font-size: 0.875rem; } } @media only screen and (min-width: 1025px) { .footer-nav .footer-menu > li > .sub-menu a:hover { color: #E18F00; } } .footer-nav .footer-menu-desktop { display: none; } @media only screen and (min-width: 768px) { .footer-nav .footer-menu-desktop { display: contents; } } .footer-nav .footer-menu-mobile { display: block; width: 100%; } @media only screen and (min-width: 768px) { .footer-nav .footer-menu-mobile { display: none; } } .footer-nav .footer-trabalhe { border: 1px solid #152B57; border-radius: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; text-align: center; gap: 15px 0; padding: 30px; width: 100%; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (min-width: 480px) { .footer-nav .footer-trabalhe { text-align: left; -ms-flex-direction: row; flex-direction: row; gap: 0 28px; } } @media only screen and (min-width: 992px) { .footer-nav .footer-trabalhe { -ms-flex-pack: start; justify-content: flex-start; width: 30%; max-width: 470px; } } @media only screen and (min-width: 1200px) { .footer-nav .footer-trabalhe { padding: 40px; } } .footer-nav .footer-trabalhe .footer-trabalhe-img { -ms-flex-negative: 0; flex-shrink: 0; } .footer-nav .footer-trabalhe .footer-trabalhe-img img { max-width: 60px; } @media only screen and (min-width: 1200px) { .footer-nav .footer-trabalhe .footer-trabalhe-img img { max-width: 90px; } } .footer-nav .footer-trabalhe .footer-trabalhe-content p { color: #fff; font-size: 1.375rem; font-weight: 700; line-height: 1.2em; margin: 0 0 10px; } @media only screen and (min-width: 1200px) { .footer-nav .footer-trabalhe .footer-trabalhe-content p { font-size: 1.5rem; } } .footer-nav .footer-trabalhe .footer-trabalhe-btn { background-color: #CE322B; border-radius: 8px; color: #fff; display: inline-block; font-size: 1rem; font-weight: 500; padding: 8px 12px; text-transform: uppercase; transition: background-color 300ms; } @media only screen and (min-width: 1025px) { .footer-nav .footer-trabalhe .footer-trabalhe-btn:hover { background-color: #a42822; } } /* ====================================== FOOTER MAPA ====================================== */ .footer-map { background: #f1f1f1; } @media only screen and (min-width: 1025px) { .footer-map { background-color: transparent; } } .footer-map .box-address { padding: 40px 0; -ms-flex-direction: column; flex-direction: column; background: #f1f1f1; gap: 15px; } @media only screen and (min-width: 768px) { .footer-map .box-address { padding: 40px; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1025px) { .footer-map .box-address { margin: 0 auto -75px; max-width: 720px; border-radius: 20px; border: 1px solid #d7d7d7; } } @media only screen and (min-width: 1200px) { .footer-map .box-address { max-width: 840px; } } .footer-map .box-address .text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; gap: 20px; -ms-flex-negative: 0; flex-shrink: 0; } @media only screen and (min-width: 768px) { .footer-map .box-address .text { border-right: 1px solid #d7d7d7; } } .footer-map .box-address .text svg { -ms-flex-negative: 0; flex-shrink: 0; } .footer-map .box-address .text span { max-width: 165px; color: #CE322B; line-height: 1.2em; font-size: 1.5rem; } @media only screen and (min-width: 1200px) { .footer-map .box-address .text span { max-width: 180px; } } .footer-map .box-address .address { margin: 0; color: #666d80; font-size: 1rem; line-height: 1.5em; -ms-flex-positive: 1; flex-grow: 1; text-align: center; transition: color 350ms ease; } @media only screen and (min-width: 768px) { .footer-map .box-address .address { text-align: right; } } @media only screen and (min-width: 1025px) { .footer-map .box-address .address:hover { color: #293868; } } @media only screen and (max-width: 1199px) { .footer-map .box-address .address br { display: none; } } .footer-map iframe { width: 100%; height: 390px; } /* ====================================== FOOTER PARCEIROS ====================================== */ .footer-parceiros { background-color: color-mix(in srgb, #152B57 80%, black); } .footer-parceiros .container { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 40px 20px; } .footer-parceiros .footer-parceiros-list { gap: 20px; } @media only screen and (min-width: 480px) { .footer-parceiros .footer-parceiros-list { gap: 20px 40px; } } @media only screen and (min-width: 992px) { .footer-parceiros .footer-parceiros-list { gap: 20px 60px; } } .footer-parceiros .footer-parceiro-item { display: block; filter: brightness(0) invert(1); opacity: 0.7; transition: opacity 300ms, filter 300ms; } .footer-parceiros .footer-parceiro-item img { max-height: 40px; width: auto; } @media only screen and (min-width: 1025px) { .footer-parceiros .footer-parceiro-item:hover { opacity: 1; } } /* ====================================== FOOTER BOTTOM ====================================== */ .footer-bottom { padding: 0 0 30px 0; background-color: color-mix(in srgb, #152B57 80%, black); /* LOGO IWWA */ } @media only screen and (min-width: 992px) { .footer-bottom { padding: 0 0 15px 0; } } .footer-bottom .container { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 15px; gap: 10px; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 480px) { .footer-bottom .container { -ms-flex-direction: row; flex-direction: row; } } .footer-bottom p { margin: 0 0 10px 0; color: rgba(255, 255, 255, 0.6); font-size: 0.875rem; font-weight: 500; text-align: center; } @media only screen and (min-width: 480px) { .footer-bottom p { margin: 0; } } @media only screen and (min-width: 768px) { .footer-bottom p { font-size: 1rem; } } .footer-bottom .logo-iwwa { color: rgba(255, 255, 255, 0.5); -ms-flex-negative: 0; flex-shrink: 0; transition: color 300ms; } .footer-bottom .logo-iwwa svg { width: 42px; height: 14px; } @media only screen and (min-width: 1025px) { .footer-bottom .logo-iwwa:hover { color: #fff; } } /* =================== CARD PADRÃO =================== */ .card { box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); -ms-flex-negative: 0; flex-shrink: 0; /* IMAGEM */ /* DATA */ /* INFORMAÇÕES */ /* HOVER */ } .card .image { position: relative; overflow: hidden; } .card .image img { object-fit: cover; aspect-ratio: 1 / 0.75; filter: saturate(55%); width: 100%; transition: filter 500ms ease, transform 500ms ease; } .card .date { background-color: #293868; border-radius: 5px; color: #fff; font-size: 0.875rem; font-weight: 600; position: absolute; left: 20px; bottom: 15px; padding: 4px 10px; } @media only screen and (min-width: 1200px) { .card .date { left: 30px; } } .card .info { padding: 20px; } @media only screen and (min-width: 1200px) { .card .info { padding: 30px; } } .card .info .title { color: #000; display: block; font-size: 1.25rem; font-weight: 700; line-height: 1.2em; } .card .info .description { color: #000; font-size: 1rem; margin: 10px 0 0 0; } @media only screen and (min-width: 1025px) { .card:hover .image img { filter: saturate(100%); transform: scale(1.1); } } /*# sourceMappingURL=style.css.map */