.elementor-420 .elementor-element.elementor-element-cd9d04c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1000;}.elementor-420 .elementor-element.elementor-element-657fc7d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-420 .elementor-element.elementor-element-88221ef{--display:flex;--min-height:92px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-420 .elementor-element.elementor-element-df2b81e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-420 .elementor-element.elementor-element-220c070 img{width:100%;max-width:100%;}.elementor-420 .elementor-element.elementor-element-9e0b80b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-menu-toggle{margin-left:auto;}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;line-height:1.2px;letter-spacing:0px;}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main .elementor-item{color:#182033;fill:#182033;padding-left:10px;padding-right:10px;padding-top:12px;padding-bottom:12px;}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main .elementor-item:hover, .elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main .elementor-item:focus{color:#EA3928;fill:#EA3928;}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#EA3928;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed .elementor-item:before, .elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed .elementor-item:after{border-color:#EA3928;}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#182033;}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#49BCD6;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#49BCD6;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-underline .elementor-item:after, .elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-overline .elementor-item:before, .elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-double-line .elementor-item:before, .elementor-420 .elementor-element.elementor-element-989bbf8 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-420 .elementor-element.elementor-element-989bbf8{--e-nav-menu-horizontal-menu-item-margin:calc( 4px / 2 );}.elementor-420 .elementor-element.elementor-element-989bbf8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:4px;}.elementor-420 .elementor-element.elementor-element-247a1d7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-420 .elementor-element.elementor-element-b81ef8c .elementor-icon-wrapper{text-align:center;}.elementor-420 .elementor-element.elementor-element-b81ef8c.elementor-view-stacked .elementor-icon{background-color:#101827;}.elementor-420 .elementor-element.elementor-element-b81ef8c.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-b81ef8c.elementor-view-default .elementor-icon{color:#101827;border-color:#101827;}.elementor-420 .elementor-element.elementor-element-b81ef8c.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-b81ef8c.elementor-view-default .elementor-icon svg{fill:#101827;}.elementor-420 .elementor-element.elementor-element-b81ef8c .elementor-icon{font-size:24px;}.elementor-420 .elementor-element.elementor-element-b81ef8c .elementor-icon svg{height:24px;}.elementor-420 .elementor-element.elementor-element-8feda1b .elementor-icon-wrapper{text-align:center;}.elementor-420 .elementor-element.elementor-element-8feda1b.elementor-view-stacked .elementor-icon{background-color:#101827;}.elementor-420 .elementor-element.elementor-element-8feda1b.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-8feda1b.elementor-view-default .elementor-icon{color:#101827;border-color:#101827;}.elementor-420 .elementor-element.elementor-element-8feda1b.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-8feda1b.elementor-view-default .elementor-icon svg{fill:#101827;}.elementor-420 .elementor-element.elementor-element-8feda1b .elementor-icon{font-size:18px;}.elementor-420 .elementor-element.elementor-element-8feda1b .elementor-icon svg{height:18px;}.elementor-420 .elementor-element.elementor-element-1f9fb89 .elementor-icon-wrapper{text-align:center;}.elementor-420 .elementor-element.elementor-element-1f9fb89.elementor-view-stacked .elementor-icon{background-color:#101827;}.elementor-420 .elementor-element.elementor-element-1f9fb89.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-1f9fb89.elementor-view-default .elementor-icon{color:#101827;border-color:#101827;}.elementor-420 .elementor-element.elementor-element-1f9fb89.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-1f9fb89.elementor-view-default .elementor-icon svg{fill:#101827;}.elementor-420 .elementor-element.elementor-element-1f9fb89 .elementor-icon{font-size:18px;}.elementor-420 .elementor-element.elementor-element-1f9fb89 .elementor-icon svg{height:18px;}.elementor-420 .elementor-element.elementor-element-1fc1bcf .elementor-icon-wrapper{text-align:center;}.elementor-420 .elementor-element.elementor-element-1fc1bcf.elementor-view-stacked .elementor-icon{background-color:#101827;}.elementor-420 .elementor-element.elementor-element-1fc1bcf.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-1fc1bcf.elementor-view-default .elementor-icon{color:#101827;border-color:#101827;}.elementor-420 .elementor-element.elementor-element-1fc1bcf.elementor-view-framed .elementor-icon, .elementor-420 .elementor-element.elementor-element-1fc1bcf.elementor-view-default .elementor-icon svg{fill:#101827;}.elementor-420 .elementor-element.elementor-element-1fc1bcf .elementor-icon{font-size:18px;}.elementor-420 .elementor-element.elementor-element-1fc1bcf .elementor-icon svg{height:18px;}.elementor-420 .elementor-element.elementor-element-71f381b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-420 .elementor-element.elementor-element-4d866dc{--display:flex;--min-height:58px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-420 .elementor-element.elementor-element-c93083a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-420 .elementor-element.elementor-element-c7eb5b1{text-align:start;}.elementor-420 .elementor-element.elementor-element-cfa2e20{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-420 .elementor-element.elementor-element-c19a2ce{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-420 .elementor-element.elementor-element-87081a9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-420 .elementor-element.elementor-element-87081a9 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-420 .elementor-element.elementor-element-88221ef{--content-width:1240px;}.elementor-420 .elementor-element.elementor-element-df2b81e{--width:260px;}.elementor-420 .elementor-element.elementor-element-9e0b80b{--width:680px;}.elementor-420 .elementor-element.elementor-element-247a1d7{--width:190px;}.elementor-420 .elementor-element.elementor-element-4d866dc{--content-width:1240px;}.elementor-420 .elementor-element.elementor-element-c93083a{--width:145px;}.elementor-420 .elementor-element.elementor-element-cfa2e20{--width:720px;}.elementor-420 .elementor-element.elementor-element-c19a2ce{--width:260px;}}/* Start custom CSS for container, class: .elementor-element-cd9d04c *//* ========================================================= PRATELEIRA DOS NERDS CABEÇALHO GLOBAL DESKTOP + MOBILE EM ALTA + CALENDÁRIO MOBILE COMPACTO ========================================================= */ /* ========================================================= 1. HEADER GERAL ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c { position: relative; width: 100%; z-index: 999; background: #ffffff; box-shadow: 0 4px 18px rgba(16, 33, 61, .055); } /* ========================================================= 2. LINHA PRINCIPAL EXTERNA ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-main-outer { position: relative; width: 100%; background: linear-gradient( 180deg, #ffffff 0%, #fefefe 100% ); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-main-outer::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #43bad5; z-index: 1; } /* DESKTOP: a linha sobe para atravessar visualmente a base do logo. O próprio bloco branco do logo cobre o trecho central, criando o recorte real da referência sem depender do bloco EM ALTA abaixo. */ @media (min-width: 768px) { .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-main-outer::after { bottom: 9px; } } /* ========================================================= 3. LINHA PRINCIPAL INTERNA ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-main-inner { position: relative; min-height: 88px !important; display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; gap: 0 !important; z-index: 2; } /* ========================================================= 4. LOGO ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo { position: relative; flex: 0 0 240px !important; width: 240px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; align-self: stretch !important; z-index: 3; } @media (min-width: 768px) { .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo { /* Como a linha está atrás do conteúdo (z-index 1), esta superfície branca cria o vão real na linha exatamente na área do logo. */ background: #ffffff !important; /* 18px de respiro visual de cada lado, como na referência. */ box-shadow: -18px 0 0 #ffffff, 18px 0 0 #ffffff !important; } /* Abaixa apenas a imagem do logo no desktop. A estrutura, a linha ciano e o bloco mobile permanecem intactos. */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo img { transform: translateY(6px) !important; } } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo img { display: block !important; width: 100% !important; height: auto !important; max-width: 240px !important; } /* ========================================================= 5. ÁREA DO MENU ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu-wrap { flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; display: flex !important; justify-content: flex-start !important; align-items: center !important; margin-left: 54px !important; } /* ========================================================= 6. MENU PRINCIPAL ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu { width: auto !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--main .elementor-nav-menu { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; gap: 28px !important; white-space: nowrap !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--main .elementor-item { position: relative; padding-left: 0 !important; padding-right: 0 !important; color: #162033 !important; font-size: 13px !important; line-height: 1.1 !important; font-weight: 800 !important; letter-spacing: .025em !important; text-transform: uppercase !important; white-space: nowrap !important; transition: color .18s ease, transform .18s ease; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--main .elementor-item:hover { color: #ea3928 !important; transform: translateY(-1px); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--main .elementor-item.elementor-item-active { color: #162033 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--main .elementor-item::after { height: 2px !important; border-radius: 999px; background: #49bed8 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--main .elementor-item:hover::after { background: #ea3928 !important; } /* ========================================================= 7. ÁREA DE AÇÕES ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-actions { position: relative; flex: 0 0 180px !important; width: 180px !important; margin-left: auto !important; display: flex !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; gap: 14px !important; } /* ========================================================= 8. BUSCA ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger { position: relative; display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; flex: 0 0 38px !important; margin-right: 5px !important; border-radius: 50%; transition: background .18s ease, transform .18s ease; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger::after { content: ""; position: absolute; right: -9px; top: 50%; width: 1px; height: 20px; transform: translateY(-50%); background: rgba(16, 32, 51, .16); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger svg, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger i { color: #111c2f !important; fill: #111c2f !important; transition: color .18s ease, fill .18s ease; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger:hover { background: rgba(73,190,216,.09); transform: translateY(-1px); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger:hover svg, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger:hover i { color: #26aecd !important; fill: #26aecd !important; } /* ========================================================= 9. REDES ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-social { display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; flex: 0 0 28px !important; border-radius: 50%; transition: background .18s ease, transform .18s ease; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-social svg, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-social i { color: #162033 !important; fill: #162033 !important; transition: color .18s ease, fill .18s ease; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-social:hover { transform: translateY(-2px); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-instagram:hover, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-youtube:hover { background: rgba(234,57,40,.08); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-instagram:hover svg, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-instagram:hover i, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-youtube:hover svg, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-youtube:hover i { color: #ea3928 !important; fill: #ea3928 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-twitch:hover { background: rgba(73,190,216,.11); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-twitch:hover svg, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-twitch:hover i { color: #26aecd !important; fill: #26aecd !important; } /* ========================================================= 10. FAIXA EM ALTA ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-outer { position: relative; width: 100%; background: linear-gradient( 180deg, #ffffff 0%, #fafbfc 100% ); border-bottom: 1px solid rgba(16,33,61,.08); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-outer::after { content: ""; position: absolute; left: 0; right: 0; bottom: -9px; height: 9px; pointer-events: none; background: linear-gradient( 180deg, rgba(16,33,61,.035), transparent ); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-inner { min-height: 58px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 18px !important; } /* ========================================================= 11. EM ALTA — LABEL ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label-wrap { position: relative; flex: 0 0 145px !important; width: 145px !important; display: flex !important; align-items: center !important; padding-right: 20px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label-wrap::after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 24px; transform: translateY(-50%); background: rgba(16,33,61,.13); } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label .elementor-heading-title, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label { margin: 0 !important; color: #162033 !important; font-size: 14px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .035em; text-transform: uppercase; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label .elementor-heading-title::before { content: ""; display: inline-block; width: 7px; height: 14px; margin-right: 10px; vertical-align: -2px; background: #ea3928; clip-path: polygon( 42% 0, 100% 0, 68% 42%, 100% 42%, 25% 100%, 43% 55%, 0 55% ); } /* ========================================================= 12. POSTS EM ALTA ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-posts-wrap { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; overflow: hidden; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-shortcode { width: 100%; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-posts { width: 100%; display: flex; flex-direction: row; align-items: center; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post { position: relative; min-width: 0; padding: 0 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post:first-child { padding-left: 0; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post:not(:last-child)::after { content: ""; position: absolute; right: 0; top: 50%; width: 5px; height: 5px; transform: translateY(-50%); border-radius: 50%; background: #ea3928; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post a { color: #202a3b !important; font-size: 13px !important; line-height: 1.2 !important; font-weight: 600 !important; text-decoration: none !important; transition: color .18s ease; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post a:hover { color: #ea3928 !important; } /* ========================================================= 13. CALENDÁRIO ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar-wrap { flex: 0 0 260px !important; width: 260px !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-height: 38px !important; padding: 9px 14px !important; background: #ffffff !important; color: #ea3928 !important; border: 1px solid rgba(234,57,40,.22) !important; border-radius: 8px !important; box-shadow: 0 3px 10px rgba(16,33,61,.045) !important; font-size: 11px !important; line-height: 1.15 !important; font-weight: 800 !important; text-transform: uppercase; transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button-icon { color: inherit !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button-icon svg { fill: currentColor !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button:hover { background: #ea3928 !important; color: #ffffff !important; border-color: #ea3928 !important; box-shadow: 0 7px 18px rgba(234,57,40,.16) !important; transform: translateY(-1px) !important; } /* ========================================================= 14. LIMPEZAS ========================================================= */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-posts p, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post p { margin: 0 !important; } /* ========================================================= 15. TABLET ========================================================= */ @media (max-width: 1024px) { .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-main-inner, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-inner { max-width: 100%; } } /* ========================================================= 16. MOBILE ========================================================= */ @media (max-width: 767px) { /* ===================================================== LINHA PRINCIPAL ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-main-inner { position: relative !important; width: 100% !important; min-height: 76px !important; padding: 0 16px !important; display: flex !important; flex-direction: row !important; align-items: center !important; overflow: visible !important; } /* ===================================================== LOGO ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo { flex: 0 0 168px !important; width: 168px !important; max-width: 168px !important; margin: 0 !important; padding: 0 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo img { width: 168px !important; max-width: 168px !important; height: auto !important; } /* ===================================================== BUSCA ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-actions { position: absolute !important; right: 60px !important; top: 50% !important; transform: translateY(-50%) !important; width: 36px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 0 !important; z-index: 1001 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-social { display: none !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger { width: 36px !important; height: 36px !important; flex: 0 0 36px !important; margin: 0 !important; padding: 0 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger::after { display: none !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger svg, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-search-trigger i { width: 21px !important; height: 21px !important; font-size: 21px !important; } /* ===================================================== MENU MOBILE ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu-wrap { position: absolute !important; right: 16px !important; top: 50% !important; transform: translateY(-50%) !important; width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: center !important; align-items: center !important; overflow: visible !important; z-index: 1002 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu { position: relative !important; width: 38px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--main { display: none !important; } /* ===================================================== BOTÃO HAMBÚRGUER ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-menu-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; color: #162033 !important; border: 0 !important; border-radius: 9px !important; font-size: 22px !important; transition: background .18s ease, color .18s ease !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-menu-toggle:hover, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-menu-toggle.elementor-active { background: rgba(234,57,40,.06) !important; color: #ea3928 !important; } /* ===================================================== DROPDOWN MOBILE ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--dropdown { position: absolute !important; top: 48px !important; right: 0 !important; left: auto !important; width: calc(100vw - 32px) !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; background: #ffffff !important; border: 1px solid rgba(16,33,61,.10) !important; border-radius: 16px !important; box-shadow: 0 18px 50px rgba(16,33,61,.18) !important; overflow: hidden !important; z-index: 9999 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--dropdown::before { content: "NAVEGAÇÃO"; display: block; margin: 0 4px 6px 4px; padding: 3px 10px 10px 10px; color: #8690a0; font-size: 10px; line-height: 1; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; border-bottom: 2px solid #49bed8; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--dropdown .elementor-nav-menu { display: flex !important; flex-direction: column !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center !important; width: 100% !important; margin: 0 !important; padding: 13px 14px !important; color: #162033 !important; background: transparent !important; border-radius: 10px !important; font-size: 15px !important; line-height: 1.2 !important; font-weight: 650 !important; text-decoration: none !important; transition: background .18s ease, color .18s ease, padding-left .18s ease !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--dropdown .elementor-item:hover { color: #ea3928 !important; background: rgba(234,57,40,.055) !important; padding-left: 18px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active { color: #149fbd !important; background: rgba(73,190,216,.08) !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-menu .elementor-nav-menu--dropdown li:not(:last-child) { border-bottom: 1px solid rgba(16,33,61,.055) !important; } /* ===================================================== EM ALTA — MOBILE ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-outer { width: 100% !important; overflow: hidden !important; background: linear-gradient( 180deg, #ffffff 0%, #fbfcfd 100% ) !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-inner { width: 100% !important; min-height: 50px !important; padding: 0 16px !important; display: flex !important; flex-direction: row !important; align-items: center !important; gap: 9px !important; overflow: hidden !important; } /* ----------------------------------------------------- LABEL ----------------------------------------------------- */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label-wrap { flex: 0 0 102px !important; width: 102px !important; min-width: 102px !important; padding-right: 10px !important; margin: 0 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label-wrap::after { right: 0 !important; width: 1px !important; height: 22px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label .elementor-heading-title, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label { font-size: 12px !important; white-space: nowrap !important; letter-spacing: .02em !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label .elementor-heading-title::before { width: 6px !important; height: 12px !important; margin-right: 7px !important; } /* ----------------------------------------------------- POST ----------------------------------------------------- */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-posts-wrap { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-shortcode { width: 100% !important; min-width: 0 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-posts { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* SOMENTE O MAIS VISTO */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post { display: none !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post:first-child { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post:first-child::after { display: none !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post:first-child a { display: block !important; width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; color: #263246 !important; font-size: 12px !important; line-height: 1.2 !important; font-weight: 650 !important; text-decoration: none !important; } /* ===================================================== CALENDÁRIO MOBILE SOMENTE ÍCONE ===================================================== */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar-wrap { flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; margin: 0 !important; padding: 0 !important; display: flex !important; justify-content: flex-end !important; align-items: center !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar { width: 38px !important; min-width: 38px !important; margin: 0 !important; padding: 0 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; border-radius: 9px !important; background: #ffffff !important; color: #ea3928 !important; border: 1px solid rgba(234,57,40,.24) !important; box-shadow: 0 3px 10px rgba(16,33,61,.045) !important; } /* ESCONDE TEXTO */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button-text { display: none !important; } /* CENTRALIZA ÍCONE */ .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button-icon { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; color: #ea3928 !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button-icon svg { width: 16px !important; height: 16px !important; margin: 0 !important; fill: currentColor !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button:hover { background: #ea3928 !important; color: #ffffff !important; border-color: #ea3928 !important; transform: translateY(-1px) !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button:hover .elementor-button-icon { color: #ffffff !important; } } /* ========================================================= 17. MOBILE PEQUENO ========================================================= */ @media (max-width: 390px) { .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo { flex-basis: 158px !important; width: 158px !important; max-width: 158px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-logo img { width: 158px !important; max-width: 158px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-inner { padding: 0 12px !important; gap: 7px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label-wrap { flex-basis: 96px !important; width: 96px !important; min-width: 96px !important; padding-right: 8px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label .elementor-heading-title, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-label { font-size: 11.5px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-trending-post:first-child a { font-size: 11.5px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar-wrap { flex-basis: 36px !important; width: 36px !important; min-width: 36px !important; } .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar, .elementor-420 .elementor-element.elementor-element-cd9d04c .pdn-header-calendar .elementor-button { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; } }/* End custom CSS */