.elementor-kit-778{--e-global-color-primary:#056698;--e-global-color-secondary:#009454;--e-global-color-text:#232021;--e-global-color-accent:#E1A100;--e-global-color-36c9462:#FBCF25;--e-global-color-2fdec80:#32B44C;--e-global-color-8b19c79:#00472B;--e-global-color-7d32684:#007BC2;--e-global-color-743627e:#2658A8;--e-global-color-da46db8:#00365F;--e-global-color-96cea34:#788294;--e-global-color-a2b29b0:#878787;--e-global-color-31c7283:#C8C8C8;--e-global-color-39a6bf4:#E8E8E8;--e-global-color-d8703ef:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-778 button,.elementor-kit-778 input[type="button"],.elementor-kit-778 input[type="submit"],.elementor-kit-778 .elementor-button{font-weight:bold;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-778 e-page-transition{background-color:#FFBC7D;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button{bottom:100px;background-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button i{color:var( --e-global-color-d8703ef );}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button span{color:var( --e-global-color-d8703ef );}.hfe-scroll-to-top-wrap .hfe-scroll-to-top-button:hover{background-color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="widescreen"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="desktop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="laptop"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="tablet"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile_extra"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.edit-mode, body[data-elementor-device-mode="mobile"] .hfe-scroll-to-top-wrap.single-page-off{visibility:visible;opacity:1;}}/* Start custom CSS *//********** Gerais do site - CUIDADO */ blockquote { border-left: 4px solid #E1A100; padding-left: 1em; } /********** Box de título e descrição da página */ .box-page { background-color: #006699; padding: 40px; box-sizing: border-box; max-width: 600px; clip-path: polygon( 0% 0%, /* Canto superior esquerdo */ 100% 0%, /* Canto superior direito */ 100% 60%, /* Ponto no lado direito, 80% da altura para baixo */ 85% 100%, /* Ponto no rodapé, 85% da largura da direita para esquerda */ 0% 100% /* Canto inferior esquerdo */ ); } .clip-esqSup { clip-path: polygon( 20% 0%, /* Ponto superior esquerdo na borda de cima */ 100% 0%, /* Canto superior direito */ 100% 100%, /* Canto inferior direito */ 0% 100%, /* Canto inferior esquerdo */ 0% 20% /* Ponto no lado esquerdo da borda */ ); } .associadas-imgs img{ max-height: 110px; width: auto; max-width: 180px; } /* Media query para telas até 767px de largura */ @media (max-width: 1024px) { .box-page { width: 100%; height: auto; clip-path: none; } .clip-esqSup{ clip-path: none; } .associadas-imgs img{ max-width: 100%; } } @media (max-width: 767px){ .associadas-imgs img{ max-width:80%; height:auto; } } /* ====================================================== TAXONOMY FILTER PREMIUM - ABESPETRO ====================================================== */ .empresas-scroll{ --arrow-size:34px; --fade-size:40px; position:relative; } /* Wrapper criado via JS */ .empresas-scroll-wrapper{ display:flex; align-items:center; gap:10px; width:100%; position:relative; } /* Área com scroll */ .empresas-scroll .e-filter{ flex:1; overflow-x:auto !important; overflow-y:hidden; scrollbar-width:none; scroll-behavior:smooth; cursor:grab; user-select:none; position:relative; } .empresas-scroll .e-filter::-webkit-scrollbar{ display:none; } .empresas-scroll.dragging .e-filter{ cursor:grabbing; } /* ====================================================== FADE NAS LATERAIS ====================================================== */ .empresas-scroll-wrapper::before{ content:""; position:absolute; left:44px; top:0; width:40px; height:100%; pointer-events:none; background:linear-gradient(to right,#fff,transparent); opacity:0; transition:.25s; z-index:5; } .empresas-scroll-wrapper::after{ content:""; position:absolute; right:44px; top:0; width:40px; height:100%; pointer-events:none; background:linear-gradient(to left,#fff,transparent); opacity:1; transition:.25s; z-index:5; } .empresas-scroll.show-left .empresas-scroll-wrapper::before{ opacity:1; } .empresas-scroll.hide-right .empresas-scroll-wrapper::after{ opacity:0; } /* ====================================================== SETAS ====================================================== */ .empresas-scroll-arrow{ width:34px; height:34px; display:flex; align-items:center; justify-content:center; flex-shrink:0; cursor:pointer; color:#056698; transition: color .25s ease, opacity .25s ease; } .empresas-scroll-arrow svg{ width:22px; height:22px; stroke:currentColor; } .empresas-scroll-arrow:hover{ color:#00365F; } .empresas-scroll-arrow:active{ color:#00365F; } .empresas-scroll-arrow.hidden{ opacity:0; pointer-events:none; } /* ====================================================== RESPONSIVO ====================================================== */ @media(max-width:767px){ .empresas-scroll-arrow{ display:none; } .empresas-scroll-wrapper{ gap:0; } .empresas-scroll-wrapper::before{ left:0; } .empresas-scroll-wrapper::after{ right:0; } }/* End custom CSS */