:deletar { --cor-mar: #07B0ED; --cor-fundo: #FCFCFC; --cor-preto: #000000; --cor-preto-5: #0000000d; --cor-preto-10: #0000001a; --cor-preto-20: #00000033; --cor-preto-30: #0000004d; --cor-preto-40: #00000066; --cor-preto-50: #00000080; --cor-preto-60: #00000099; --cor-preto-70: #000000b3; --cor-preto-80: #000000cc; --cor-preto-90: #000000e6; --cor-sucesso: #008000; --cor-erro: #FF0000; --cor-atencao: #FFA500; --space-xxs: clamp(0.13rem, calc(0vw + 0.13rem), 0.13rem); --space-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem); --space-s: clamp(0.38rem, calc(0vw + 0.38rem), 0.38rem); --space-base: clamp(0.75rem, calc(0vw + 0.75rem), 0.75rem); --space-m: clamp(1.13rem, calc(0.57vw + 1.01rem), 1.5rem); --space-ml: clamp(1.5rem, calc(1.15vw + 1.27rem), 2.25rem); --space-l: clamp(2.25rem, calc(1.15vw + 2.02rem), 3rem); --space-xl: clamp(3rem, calc(1.15vw + 2.77rem), 3.75rem); --space-xxl: clamp(3.75rem, calc(3.44vw + 3.06rem), 6rem); --space-2xl: clamp(6rem, calc(2.29vw + 5.54rem), 7.5rem); --space-3xl: clamp(6rem, calc(8.03vw + 4.39rem), 11.25rem); --space-4xl: clamp(7.5rem, calc(11.47vw + 5.21rem), 15rem); --text-xxs: clamp(0.75rem, calc(0.19vw + 0.71rem), 0.88rem); --text-xs: clamp(0.88rem, calc(0.19vw + 0.84rem), 1rem); --text-s: clamp(1rem, calc(0.19vw + 0.96rem), 1.13rem); --text-base: clamp(1.13rem, calc(0.19vw + 1.09rem), 1.25rem); --text-m: clamp(1.25rem, calc(0.19vw + 1.21rem), 1.38rem); --text-ml: clamp(1.38rem, calc(0.19vw + 1.34rem), 1.5rem); --text-l: clamp(1.5rem, calc(0.57vw + 1.39rem), 1.88rem); --text-xl: clamp(1.75rem, calc(0.76vw + 1.6rem), 2.25rem); --text-xxl: clamp(1.75rem, calc(1.91vw + 1.37rem), 3rem); --agrandir: 'Agrandir', sans-serif; --libre-franklin: 'Libre Franklin', sans-serif; --regular: "wght" 400; --medium: "wght" 500; --semibold: "wght" 600; --bold: "wght" 700; --line-height-xs: 1; --line-height-s: 1.25; --line-height-m: 1.5; --line-height-xl: 1.75; --line-height-xxl: 2; --letter-spacing-s: .25px; --letter-spacing-m: .50px; --letter-spacing-xl: .75px; --letter-spacing-xxl: 1px; --col-gutter: 36px; --outer-margin: 48px; --grid-12-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 12) + calc(var(--col-gutter) * 11)); --grid-11-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 11) + calc(var(--col-gutter) * 10)); --grid-10-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 10) + calc(var(--col-gutter) * 9)); --grid-9-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 9) + calc(var(--col-gutter) * 8)); --grid-8-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 8) + calc(var(--col-gutter) * 7)); --grid-7-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 7) + calc(var(--col-gutter) * 6)); --grid-6-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 6) + calc(var(--col-gutter) * 5)); --grid-5-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 5) + calc(var(--col-gutter) * 4)); --grid-4-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 4) + calc(var(--col-gutter) * 3)); --grid-3-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 3) + calc(var(--col-gutter) * 2)); --grid-2-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 2) + calc(var(--col-gutter) * 1)); --grid-1-col: calc(calc(calc(calc(100% - calc(var(--col-gutter) * 11)) / 12) * 1)); --radius-s: clamp(0.38rem, calc(0vw + 0.38rem), 0.38rem); --radius-m: clamp(0.75rem, calc(0vw + 0.75rem), 0.75rem); --radius-l: clamp(1.5rem, calc(-1.15vw + 2.48rem), 2.25rem); --radius-full: 999rem; --transition-default: .2s ease-out; --transition-lazy: .4s ease-in-out; } /* -------------------------------------- */ /* GENERAL */ /* -------------------------------------- */ @media /*TABLET_WIDE*/ (max-width: 1036px) { :root { --col-gutter: 36px; --outer-margin: 36px; } } @media /*TABLET_LAND*/ (max-width: 991px) { :root { --col-gutter: 30px; --outer-margin: 30px; } } @media /*MOBILE*/ (max-width: 767px) { :root { --col-gutter: 12px; --outer-margin: 12px; } } /*--> FOCUS AND SELECTIONS <--*/ ::-moz-selection { color: var(--cor-fundo); background: var(--cor-mar) !important; } ::selection { color: var(--cor-fundo); background: var(--cor-mar) !important; } input { border-radius: 0; } input[type=text]:focus-visible, input[type=text]:focus, input[type=search]:focus-visible, input[type=search]:focus, input:focus, input:focus-visible, textarea:focus, textarea:focus-visible, select:focus, select:focus-visible .select2-selection:focus, .select2-selection:focus-visible { outline: unset !important; outline-width: 0px !important; box-shadow: 0px 2px 0 0 var(--cor-preto); } /*--> VISIBILITY <--*/ .mobile { display: none !important; } /*--> TYPOGRAPHY <--*/ body { font-family: var(--libre-franklin);} h1, h2, h3, h4 { font-family: var(--agrandir); } /* -------------------------------------- */ /* GLOBAL ELEMENTS */ /* -------------------------------------- */ /*--> PAGE ELEMENTS <--*/ .page_title { padding: 0 var(--outer-margin); text-align: center; } .page_title__title { max-width: 1024px; margin-bottom: var(--space-base); } .page_title__description { max-width: 1024px; font-size: var(--text-ml); font-style: italic; line-height: var(--line-height-m); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-m); line-height: var(--line-height-s); } } .section_title { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; align-self: stretch; border-bottom: 1px solid var(--cor-preto); padding-bottom: var(--space-s); margin-bottom: var(--space-ml); width: 100%; } .section_container { display: flex; align-self: stretch; gap: var(--col-gutter); } /*--> BUTTONS <--*/ .btn { display: flex; align-items: center; justify-content: center; height: 42px; width: 192px; padding: 3px 12px 0 12px; gap: 0; border: 2px solid var(--cor-preto); border-radius: var(--radius-m); font-family: var(--agrandir); font-variation-settings: var(--semibold); font-size: 20px; letter-spacing: unset; line-height: var(--line-height-xs); background-color: var(--cor-fundo); color: var(--cor-preto); transition: var(--transition-default); outline: 0; cursor: pointer; } .btn:hover { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } .btn:focus, .btn:focus-visible { border-color: var(--cor-mar); color: var(--cor-mar); } .btn__small { height: 36px; width: 120px; font-size: 18px; padding: 3px 6px 0 6px; } .btn__large { width: 100%; max-width: 300px; @media /*MOBILE*/ (max-width: 767px) { max-width: unset; } } .btn-type { display: flex; align-items: center; justify-content: center; width: auto; padding: 0; gap: 0; font-family: var(--agrandir); font-variation-settings: var(--medium); font-size: 18px; letter-spacing: unset; line-height: var(--line-height-xs); color: var(--cor-preto); transition: var(--transition-default); outline: 0; cursor: pointer; } .btn-type:hover { color: var(--cor-mar); text-shadow: 0px 0px .25px var(--cor-mar), 0px 0px .25px var(--cor-mar), 0px 0px .25px var(--cor-mar), 0px 0px .25px var(--cor-mar); } .btn-type:focus, .btn-type:focus-visible { color: var(--cor-mar); outline: 0 !important; } .btn_paginacao, .btn__veja_mais { margin-top: var(--space-ml); margin-left: auto; margin-right: auto; } .btn_paginacao.brx-load-more-hidden { display: none !important; } /*--> ELEMENTOS <--*/ .badge { display: flex; align-items: center; justify-content: center; height: 24px; width: auto; padding: 3px 12px 0 12px; background-color: var(--cor-fundo); color: var(--cor-preto); border: 1px solid var(--cor-preto); border-radius: var(--radius-s); outline: 0; font-size: 14px; font-family: var(--agrandir); font-variation-settings: var(--medium); text-transform: uppercase; letter-spacing: var(--letter-spacing-s); transition: var(--transition-default); @media /*TABLET_LAND*/ (max-width: 991px) { height: 18px; font-size: 12px; } } .badge:hover { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } .badge:focus, .badge:focus-visible { border-color: var(--cor-mar); outline: 0 !important; } .boas-do-clima > .badge { background-color: var(--cor-mar); color: var(--cor-fundo); border-color: var(--cor-mar); pointer-events: none; } /*--> SELECT DROPDOWN <--*/ /*--> NEWSLETTER BOX <--*/ .section_newsletter__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; gap: var(--col-gutter); width: var(--grid-10-col); border-top: 2px solid var(--cor-preto); border-bottom: 2px solid var(--cor-preto); padding: var(--space-ml) 0; @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 100%; } @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; } } .section_newsletter__header { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 40%; @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; } } .section_newsletter__title { font-variation-settings: var(--bold); @media /*TABLET_LAND*/ (max-width: 991px) { margin-bottom: var(--space-base); } } .section_newsletter__container .sib_signup_box_inside_2 { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-end; -moz-column-gap: var(--col-gutter); column-gap: var(--col-gutter); height: 144px; position: relative; @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; } @media /*MOBILE*/ (max-width: 767px) { height: unset; margin-top: 0; } } .section_newsletter__container .form-group:nth-child(1), .section_newsletter__container .form-group:nth-child(2), .section_newsletter__container .newsletter_brevo__form_field { display: flex; width: calc(100% - 196px - var(--col-gutter)); order: 1; padding: 0; margin-top: -18px; @media /*MOBILE*/ (max-width: 767px) { width: 100%; margin-top: 0; } } .section_newsletter__container .form-group:nth-child(3), .section_newsletter__container .form-group:nth-child(4), .section_newsletter__container .newsletter_brevo__form_term_field, .section_newsletter__container .newsletter_brevo__form_submit { display: flex; width: 196px; order: 2; padding: 0; margin-bottom: 0; margin-top: 32px; @media /*MOBILE*/ (max-width: 767px) { width: 100%; margin-top: var(--space-base); } } .section_newsletter__container .newsletter_brevo__form_field:has(.sib-NOME-area) input { margin-top: 0; margin-bottom: 24px; } .section_newsletter__container .footer_newsletter_assine__form_termos { display: none; } .newsletter_brevo__form_term_field.sib-TERMOS-area { flex-direction: row-reverse; justify-content: flex-end; } .section_newsletter__container .newsletter_assine__form .message { width: 100%; height: 132px; @media /*MOBILE*/ (max-width: 767px) { height: 240px; } } .section_newsletter__container p.sib-alert-message-success { position: absolute; width: calc(100% - 196px - var(--col-gutter)); } /*--> FEEDS <--*/ .feed_post__container { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; gap: calc(var(--col-gutter) - 1px); width: var(--grid-12-col); @media /*MOBILE*/ (max-width: 767px) { gap: calc(var(--col-gutter) * 2); } } .feed_post__card { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; flex-basis: var(--grid-3-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-4-col); } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: var(--grid-6-col); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .feed_post__card.videos { flex-basis: calc(var(--grid-3-col) - 1px); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: calc(var(--grid-4-col) - 1px);; } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: calc(var(--grid-6-col) - 1px); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .feed_post__img { aspect-ratio: 1.5; width: 100%; -o-object-fit: cover; object-fit: cover; margin-bottom: var(--space-m); transition: var(--transition-default); } .feed_post__img img { -o-object-fit: cover; object-fit: cover; } .feed_post__card:hover .feed_post__img, .feed_post__card_destaque:hover .feed_post__img { outline: 4px solid var(--cor-mar); } .feed_post__tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; padding: 0; margin: 0; margin-bottom: 12px; } .feed_post__tags li { list-style: none; } .feed_post__title { font-variation-settings: var(--medium); font-size: var(--text-m); line-height: var(--line-height-s); transition: var(--transition-default); @media /*DESK_WIDE*/ (min-width: 1365px) { font-size: var(--text-ml); } } .feed_post__card:hover .feed_post__title, .feed_post__card_destaque:hover .feed_post__title { color: var(--cor-mar); } .feed_post__card_artigo { flex-basis: var(--grid-4-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-6-col) } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .feed_post__card_artigo .feed_post__title, .feed_post__card_video .feed_post__title { font-variation-settings: var(--semibold); } .feed_post__card_destaque { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; flex-basis: var(--grid-6-col); @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .feed_post__card_destaque .feed_post__title { font-variation-settings: var(--semibold); font-size: var(--text-l); line-height: var(--line-height-xs); } .feed_post__card_boa_clima { background-color: var(--cor-mar); align-self: stretch; transition: var(--transition-default); } .feed_post__card_boa_clima:hover { background-color: var(--cor-fundo); outline: 4px solid var(--cor-mar); } .feed_post__card_boa_clima .feed_post__img { margin-bottom: unset; } .feed_post__card_boa_clima:hover .feed_post__img { outline: none; } .feed_post__card_boa_clima .feed_post__title { color: var(--cor-fundo); padding: var(--space-m); } .feed_post__card_video { flex-basis: var(--grid-4-col); @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: var(--grid-6-col); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .feed_post__img_video { aspect-ratio: 16 / 9; } .feed_post__card_video:hover .feed_post__img_video { outline: none; border: 4px solid var(--cor-mar); background-color: var(--cor-preto); } .feed_post__card_video:hover .feed_post__img_video img { opacity: .7; } .feed_post__img_video:before, .videos .feed_post__img:before { content: ''; background-color: var(--cor-branco); -webkit-mask: var(--icon-play); mask: var(--icon-play); -webkit-mask-size: 96px 96px; mask-size: 96px 96px; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; height: 96px; width: 96px; transition: var(--transition-default); z-index: 10; } .feed_post__card:hover .feed_post__img_video:before, .videos.feed_post__card:hover .feed_post__img:before { background-color: var(--cor-mar); opacity: 1; } .post_feed__slider__container .splide__slide, .em_foco__slider__container .splide__slide { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; } .post_feed__slider__container .splide__arrows, .em_foco__slider__container .splide__arrows { position: absolute; top: -66px; right: -12px; width: 84px; @media /*MOBILE*/ (max-width: 767px) { top: -52px; } } .post_feed__slider__container .splide__arrow, .em_foco__slider__container .splide__arrow { font-size: 30px; min-height: 30px; min-width: 30px; height: 42px; width: 42px; transition: var(--transition-default); } .post_feed__slider__container .splide__arrow:hover, .em_foco__slider__container .splide__arrow:hover { color: var(--cor-mar); } .post_foco_curso__container { display: flex; flex-direction: column; flex-basis: var(--grid-6-col); align-self: stretch; @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .em_foco__container { display: flex; flex-direction: column; align-self: stretch; gap: var(--col-gutter); height: 100%; } .em_foco__card { display: flex; align-self: stretch; flex-wrap: nowrap; justify-content: center; align-items: center; border-radius: var(--radius-l); box-shadow: inset 0 0 0 300px var(--cor-preto-10); transition: var(--transition-default); height: 100%; min-height: 420px; background-position: center; box-shadow: inset 0 0 0 600px var(--cor-preto-30); @media /*MOBILE*/ (max-width: 767px) { min-height: 240px; } } .em_foco__card:hover { outline: 4px solid var(--cor-mar); box-shadow: inset 0 0 0 600px var(--cor-preto-50); } .em_foco__card a { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; } .em_foco__card__title { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: var(--text-xl); font-variation-settings: var(--bold); letter-spacing: var(--letter-spacing-m); color: var(--cor-fundo); transition: var(--transition-default); } .em_foco__card:hover .em_foco__card__title { color: var(--cor-mar); } .em_foco__card__title a { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .em_foco__parent__container { display: flex; flex-direction: row; justify-content: center; align-self: stretch; gap: var(--col-gutter); height: 100%; } .em_foco__slider__container .em_foco__card, .em_foco__parent__container .em_foco__card { flex-basis: var(--grid-6-col); min-height: unset; height: 360px !important; @media /*DESK_WIDE*/ (min-width: 1365px) { height: 420px !important; } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: 100%; } @media /*MOBILE*/ (max-width: 767px) { height: 280px !important; } } .em_foco__slider__container .em_foco__card:hover, .em_foco__parent__container .em_foco__card:hover { outline: none; border: 4px solid var(--cor-mar); box-shadow: inset 0 0 0 300px var(--cor-preto-50); } .curso__container { display: flex; align-self: stretch; gap: var(--col-gutter); height: 100%; } .curso__card { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-self: stretch; height: 100%; min-height: 420px; border: 2px solid var(--cor-preto); position: relative; transition: var(--transition-default); @media /*MOBILE*/ (max-width: 767px) { min-height: unset; } } .curso__card:has(.btn:hover) { border-color: var(--cor-mar); outline: 2px solid var(--cor-mar); } .curso__card_header { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; align-self: stretch; border-bottom: 2px solid var(--cor-preto); gap: var(--space-m); transition: var(--transition-default); } .curso__card:has(.btn:hover) .curso__card_header { border-color: var(--cor-mar); background-color: var(--cor-mar); } .curso__card_header_title { transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { font-size: var(--text-ml); } } .curso__card:has(.btn:hover) .curso__card_header_title { color: var(--cor-fundo); } .curso__card_header_icon { height: 120px; width: 120px; padding: var(--space-base); stroke-width: 2px; border-right: 2px solid var(--cor-preto); @media /*TABLET_WIDE*/ (max-width: 1036px) { height: 96px; width: 96px; } } .curso__card:has(.btn:hover) .curso__card_header_icon { border-color: var(--cor-fundo); } .curso__card:has(.btn:hover) .curso__card_header_icon path { stroke: var(--cor-fundo); } .curso__card_descricao { font-size: var(--text-s); padding: var(--space-m); @media /*DESK_WIDE*/ (min-width: 1365px) { font-size: var(--text-base); } } .curso__card_infos { position: absolute; bottom: calc(var(--space-m) + 12px); right: var(--space-m); font-size: var(--text-s); letter-spacing: var(--letter-spacing-s); line-height: var(--line-height-xs); @media /*MOBILE*/ (max-width: 767px) { position: relative; bottom: unset; right: unset; padding-left: var(--space-m); margin-bottom: var(--space-m); margin-top: var(--space-m); } } .curso__card_infos strong { font-weight: 400; font-variation-settings: var(--bold); text-transform: uppercase; } .curso__card_btn { margin: auto var(--space-m) var(--space-m) var(--space-m); @media /*MOBILE*/ (max-width: 767px) { width: calc(100% - calc(var(--space-m)* 2)); } } .feed_curso__container { display: flex; flex-direction: row; flex-wrap: wrap; gap: var(--col-gutter); @media /*MOBILE*/ (max-width: 767px) { gap: calc(var(--col-gutter)* 2); } } .feed_curso__container .curso__card { flex-basis: var(--grid-6-col); @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: 100%; } } .post_foco_curso__container:has(.em_foco__container:empty), .post_foco_curso__container:has(.curso__container:empty) { display: none; } .feed_short__card { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; gap: var(--space-base); flex-basis: var(--grid-3-col); height: auto; @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-4-col); } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: var(--grid-6-col); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; padding: var(--space-l); } } .feed_short__card .brxe-video { aspect-ratio: 9 / 16; border-radius: var(--radius-l); transition: var(--transition-default); } .feed_short__card .brxe-video > div { box-shadow: inset 0 0 0 300px var(--cor-preto-10); transition: var(--transition-default); } .feed_short__card:hover .brxe-video { border: 4px solid var(--cor-mar); } .feed_short__card:hover .brxe-video > div { box-shadow: inset 0 0 0 300px var(--cor-preto-30); } .feed_short__card .brxe-video svg { height: 108px; width: 108px; fill: var(--cor-fundo); transition: var(--transition-default); } .feed_short__card:hover .brxe-video svg { fill: var(--cor-mar); } .feed_short__card .feed_short__title { font-size: var(--text-ml); line-height: var(--line-height-s); } .feed_short__card .feed_short__title:hover { color: var(--cor-mar); } .feed_duvida__card { flex-basis: var(--grid-4-col); height: 324px; justify-content: space-between; border: 2px solid var(--cor-preto); border-radius: var(--radius-l); padding: var(--space-m); transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { height: 300px; } @media /*TABLET_LAND*/ (max-width: 991px) { height: 244px; flex-basis: var(--grid-6-col); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; padding: var(--space-m); } } .feed_duvida__card:hover .feed_post__title { color: unset; } .feed_duvida__card:has(.feed_post__title:hover), .feed_duvida__card:has(.btn:hover) { border-color: var(--cor-mar); outline: 2px solid var(--cor-mar); } .feed_duvida__card .feed_post__title { font-size: var(--text-ml); font-variation-settings: var(--semibold); line-height: var(--line-height-xs); @media /*DESK_WIDE*/ (min-width: 1365px) { font-size: var(--text-l); } } .feed_duvida__card .feed_post__title:hover, .feed_duvida__card:has(.btn:hover) > .feed_post__title { color: var(--cor-mar); } .feed_duvida__card:has(.feed_post__title:hover) > .btn { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } .pagination__container { align-self: stretch; display: flex; align-items: flex-end; margin-top: var(--space-xl); border-top: 1px solid var(--cor-preto); @media /*MOBILE*/ (max-width: 767px) { margin-top: calc(var(--space-xl) + 48px); } } .pagination__container ul.page-numbers { height: 36px; gap: 0; position: relative; } .pagination__container ul.page-numbers li { font-variation-settings: var(--medium); font-size: var(--text-xs); line-height: var(--line-height-xs); text-transform: uppercase; width: 60px; border-left: 1px solid var(--cor-preto); transition: var(--transition-default); @media /*TABLET_LAND*/ (max-width: 991px) { width: 48px; } @media /*MOBILE*/ (max-width: 767px) { width: 14.27%; } } .pagination__container ul.page-numbers li:not(:has(.dots)):hover { background: var(--cor-mar); color: var(--cor-fundo); } .pagination__container ul.page-numbers li .current { background: var(--cor-preto); color: var(--cor-fundo); pointer-events: none; } .pagination__container ul.page-numbers li .dots { pointer-events: none; } .pagination__container ul.page-numbers li:nth-last-child(2) { border-right: 1px solid var(--cor-preto); } .pagination__container ul.page-numbers li:has(.prev), .pagination__container ul.page-numbers li:has(.next) { width: 180px; border-left: 1px solid var(--cor-preto); border-right: 1px solid var(--cor-preto); position: absolute; height: 36px; @media /*TABLET_LAND*/ (max-width: 991px) { width: 120px; } @media /*MOBILE*/ (max-width: 767px) { width: 116px; top: -48px; border: 1px solid var(--cor-preto); } } .pagination__container ul.page-numbers li:has(.prev) { left: 0; } .pagination__container ul.page-numbers li:has(.next) { right: 0; } /* -------------------------------------- */ /* HEADER */ /* -------------------------------------- */ #menu_superior .menu_index_nav #menu-index li { margin: 0; font-family: var(--agrandir); font-size: 16px; font-variation-settings: var(--medium); letter-spacing: var(--letter-spacing-s); line-height: var(--line-height-xs); color: var(--cor-mar); height: 32px; display: flex; align-items: center; padding: 2px 18px 0 18px; border-left: 1px solid var(--cor-preto); background-color: transparent; transition: var(--transition-default); } #menu_superior .menu_index_nav #menu-index li:last-child { border-right: 1px solid var(--cor-preto); } #menu_superior .menu_index_nav #menu-index li:hover, #menu_superior .menu_index_nav #menu-index li.current-menu-item { background-color: var(--cor-mar); color: var(--cor-fundo); } #menu_superior .menu_index_nav #menu-index li a:focus, #menu_superior .menu_index_nav #menu-index li a:focus-visible { outline: 0 !important; color: var(--cor-preto); } #menu_superior .menu_busca_form { position: absolute; width: 0; top: 15px; right: 180px; background: var(--cor-fundo); transition: .25s ease-in; border: none; @media /*TABLET_WIDE*/ (max-width: 1036px) { top: 10px; right: 168px; } @media /*TABLET_LAND*/ (max-width: 991px) { top: 20px; right: 156px; } @media /*MOBILE*/ (max-width: 767px) { top: 54px; right: var(--outer-margin); } } #menu_superior .menu_busca_form.search-open { width: calc(var(--grid-12-col) - calc(var(--outer-margin) * 2) - 132px); @media /*TABLET_LAND*/ (max-width: 991px) { width: calc(var(--grid-12-col) - calc(var(--outer-margin) * 2) - 126px); } @media /*MOBILE*/ (max-width: 767px) { width: calc(100% - calc(var(--outer-margin) * 2)); border-bottom: 1px solid var(--cor-preto); padding-bottom: 12px; padding-top: 12px; z-index: 100; } } #menu_superior #busca_toggle:before, #menu_superior #busca_toggle:after { content: ''; height: 2px; width: 28px; background-color: var(--cor-preto); position: absolute; top: 34px; visibility: hidden; transition: var(--transition-default); } @media /*TABLET_LAND*/ (max-width: 991px) { #menu_superior #busca_toggle:before, #menu_superior #busca_toggle:after { top: 24px; } } #menu_superior #busca_toggle.is-active svg { visibility: hidden; } #menu_superior #busca_toggle.is-active:before, #menu_superior #busca_toggle.is-active:after { visibility: visible; } #menu_superior #busca_toggle.is-active:before { transform: rotate(-45deg); } #menu_superior #busca_toggle.is-active:after { transform: rotate(45deg); } #busca_toggle:focus, #busca_toggle:focus-visible, #side_menu_toggle:focus, #side_menu_toggle:focus-visible { outline: 0; } #busca_toggle:focus svg, #busca_toggle:focus-visible svg, #side_menu_toggle:focus span, #side_menu_toggle:focus-visible span { stroke: var(--cor-mar); color: var(--cor-mar); } #menu_superior .menu_busca_form .bricks-search-form input[type=search] { width: 100%; padding: 0; border: none; font-size: 18px; border-radius: 0; } #menu_superior .menu_busca_form .bricks-search-form input[type=search]::-moz-placeholder { color: var(--cor-preto); } #menu_superior .menu_busca_form .bricks-search-form input[type=search]::placeholder { color: var(--cor-preto); } #menu_superior .menu_busca_form .bricks-search-form button { opacity: 0; display: none; } #menu_superior .menu_busca_form.search-open .bricks-search-form button { opacity: 1; display: flex; align-items: center; justify-content: center; height: 36px; width: 120px; padding: 3px 12px 0 12px; gap: 0; border: 2px solid var(--cor-preto); border-radius: var(--radius-m); font-family: var(--agrandir); font-variation-settings: var(--semibold); font-size: 18px; letter-spacing: unset; line-height: var(--line-height-xs); background-color: var(--cor-fundo); color: var(--cor-preto); transition: var(--transition-default); outline: 0; cursor: pointer; margin-left: 12px; } #menu_superior .menu_busca_form.search-open .bricks-search-form button:hover { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } #menu_superior .menu_busca_form.search-open .bricks-search-form button:focus, #menu_superior .menu_busca_form.search-open .bricks-search-form button:focus-visible { border-color: var(--cor-mar); color: var(--cor-mar); } #menu_superior #side_menu_toggle .brxa-wrap { width: 30px; } #menu_superior #side_menu_toggle { --brxe-toggle-width: 30px; --brxe-toggle-bar-width: 30px; } #menu_superior #side_menu_toggle .brxa-inner, #menu_superior #side_menu_toggle .brxa-inner:after, #menu_superior #side_menu_toggle .brxa-inner:before { transition: .2s ease-out; } body:has(.menu_busca_form.search-open) #logo_site_mobile { transition: var(--transition-default); opacity: 1; @media /*TABLET_LAND*/ (max-width: 991px) { opacity: 0; } @media /*MOBILE*/ (max-width: 767px) { opacity: 1; } } #side_menu { display: flex; flex-direction: column; align-items: flex-start; position: fixed; z-index: 100; top: 56px; right: -480px; height: calc(100svh - 56px); width: 444px; background-color: var(--cor-fundo); border: 1px solid var(--cor-preto); transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); @media /*TABLET_WIDE*/ (max-width: 1036px) { height: calc(100svh - 50px); top: 50px; } @media /*TABLET_LAND*/ (max-width: 991px) { height: calc(100svh - 61px); top: 61px; } @media /*MOBILE*/ (max-width: 767px) { height: calc(100svh - 52px); top: 52px; right: -780px; width: 100%; overflow: auto; } } #side_menu.menu-open { right: 0; } body:has(#side_menu.menu-open) { overflow: hidden; } #side_menu #menu_index_nav_lat { width: 100%; padding: var(--col-gutter) var(--col-gutter) calc(var(--col-gutter) / 2) var(--col-gutter); border-bottom: 1px solid var(--cor-preto); @media /*MOBILE*/ (max-width: 767px) { padding: calc(var(--col-gutter) * 2) var(--col-gutter); } } #side_menu #menu_index_nav_lat .bricks-nav-menu { flex-direction: column; gap: 18px; } #side_menu #menu_index_nav_lat .bricks-nav-menu li { margin: 0; font-family: var(--agrandir); font-variation-settings: var(--semibold); font-size: var(--text-ml); line-height: var(--line-height-xs); color: var(--cor-mar); transition: var(--transition-default); @media /*DESK_WIDE*/ (min-width: 1365px) { font-size: var(--text-l); } } #side_menu #menu_index_nav_lat .bricks-nav-menu li a { } #side_menu #menu_index_nav_lat .bricks-nav-menu li:hover, #side_menu #menu_index_nav_lat .bricks-nav-menu li.current-menu-item { color: var(--cor-preto); } #side_menu #menu_index_nav_lat .bricks-nav-menu li a:focus, #side_menu #menu_index_nav_lat .bricks-nav-menu li a:focus-visible { outline: 0; opacity: .9; } #side_menu #menu_princial_nav_lat { width: 100%; padding: calc(var(--col-gutter) / 2) var(--col-gutter); margin-top: auto; @media /*MOBILE*/ (max-width: 767px) { padding: calc(var(--col-gutter) * 2) var(--col-gutter); } } #side_menu #menu_princial_nav_lat .bricks-nav-menu { gap: 18px; } #side_menu #menu_princial_nav_lat .bricks-nav-menu li { margin: 0; font-family: var(--agrandir); font-size: 18px; font-variation-settings: var(--medium); letter-spacing: var(--letter-spacing-25); line-height: var(--line-height-xs); transition: var(--transition-default); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-m); } } #side_menu #menu_princial_nav_lat .bricks-nav-menu li:hover, #side_menu #menu_princial_nav_lat .bricks-nav-menu li.current-menu-item { color: var(--cor-mar); } #side_menu #social_nav_lat { padding: 18px var(--col-gutter); border-top: 1px solid var(--cor-preto); width: 100%; gap: 36px; } #side_menu #social_nav_lat span { display: none; } #side_menu #social_nav_lat li { flex: none; } #side_menu #social_nav_lat li .icon, #side_menu #social_nav_lat li svg path { transition: var(--transition-default); } #side_menu #social_nav_lat li:hover .icon { color: var(--cor-mar); } #side_menu #social_nav_lat li:hover svg path { fill: var(--cor-mar); } #side_menu #menu_foco_nav_lat .header_nav__side_menu__em_foco__container { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-base); margin-top: var(--space-base); } #side_menu #menu_foco_nav_lat .header_nav__side_menu__em_foco__item { display: flex; font-family: var(--agrandir); font-size: var(--text-m); font-variation-settings: var(--semibold); line-height: var(--line-height-s); } #side_menu #menu_foco_nav_lat .header_nav__side_menu__em_foco__item a { color: var(--cor-preto); transition: var(--transition-default); } #side_menu #menu_foco_nav_lat .header_nav__side_menu__em_foco__item a:hover { color: var(--cor-mar); } #menu_principal_nav #menu-menu-principal { gap: 36px; } #menu_principal_nav #menu-menu-principal li { margin: 0; font-family: var(--agrandir); font-size: 18px; font-variation-settings: var(--medium); letter-spacing: var(--letter-spacing-s); line-height: var(--line-height-xs); color: var(--cor-preto); height: 36px; display: flex; align-items: flex-start; transition: var(--transition-default); } #menu_principal_nav #menu-menu-principal li:after { content: ''; position: absolute; bottom: -1px; height: 0px; width: 100%; background-color: transparent; transition: var(--transition-default); } #menu_principal_nav #menu-menu-principal li:hover, #menu_principal_nav #menu-menu-principal li.current-menu-item { color: var(--cor-mar); } #menu_principal_nav #menu-menu-principal li:hover:after, #menu_principal_nav #menu-menu-principal li.current-menu-item:after { height: 6px; background-color: var(--cor-mar); } #menu_principal_nav #menu-menu-principal li a:focus, #menu_principal_nav #menu-menu-principal li li a:focus-visible { color: var(--cor-mar); outline: 0; } /* --> HEADER INDEX <-- */ #header_container_light #menu_superior { border-color: var(--cor-branco); } #header_container_light #menu_superior .menu_index_nav #menu-index li, #header_container_light #menu_superior .menu_index_nav #menu-index li:last-child { border-color: var(--cor-branco); color: var(--cor-branco); } #header_container_light #busca_toggle svg { stroke: var(--cor-branco); } #header_container_light #menu_superior #busca_toggle.is-active:before, #header_container_light #menu_superior #busca_toggle.is-active:after { background-color: var(--cor-branco); } #header_container_light #menu_superior .menu_busca_form { background: transparent; } #header_container_light #menu_superior:has(#busca_toggle.is-active) .menu_busca_form .bricks-search-form input[type=search] { background: var(--cor-branco); padding-left: 12px; } #header_container_light #menu_principal { border-color: var(--cor-branco); } #header_container_light #menu_principal_nav #menu-menu-principal li { color: var(--cor-branco); } #header_container_light #menu_principal_nav #menu-menu-principal li:hover { color: var(--cor-mar); } #header_container_light #logo_site .bricks-site-logo, #header_container_light #logo_site_mobile .bricks-site-logo { filter: brightness(100); } /* -------------------------------------- */ /* FOOTER */ /* -------------------------------------- */ #footer_nav .footer_nav__container { display: flex; flex-direction: column; flex-basis: var(--grid-4-col); border-top: 2px solid var(--cor-preto); padding-top: var(--space-base); @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; flex-basis: unset; } } #footer_nav .footer_nav__title { font-size: var(--text-m); font-family: "Agrandir"; font-variation-settings: var(--medium); line-height: var(--line-height-xs); margin-bottom: var(--space-m); } #footer_principal_nav .bricks-nav-menu { gap: 12px; align-items: flex-start; } #footer_principal_nav .bricks-nav-menu li { display: flex; justify-content: flex-start; margin: 0; line-height: var(--line-height-xs); transition: var(--transition-default); } #footer_principal_nav .bricks-nav-menu li:hover, #footer_principal_nav .bricks-nav-menu li.current-menu-item { font-variation-settings: var(--semibold); color: var(--cor-mar); } #footer_principal_nav .bricks-nav-menu li a:focus, #footer_principal_nav .bricks-nav-menu li a:focus-visible { color: var(--cor-mar); outline: 0; } #redes_sociais_footer li a { transition: var(--transition-default); } #redes_sociais_footer li a:hover { font-variation-settings: var(--semibold); color: var(--cor-mar); } #redes_sociais_footer li a:focus, #redes_sociais_footer li a:focus-visible { color: var(--cor-mar); outline: 0; } .footer_newsletter_assine__container { display: flex; flex-direction: column; align-items: flex-start; position: fixed; z-index: 200; top: 0px; right: -480px; height: 100vh; width: 444px; background-color: var(--cor-fundo); border: 1px solid var(--cor-preto); transition: right 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); overflow: auto; @media /*MOBILE*/ (max-width: 767px) { height: 100%; padding-bottom: var(--space-l); } } .footer_newsletter_assine__container.news-open { right: 0; } body:has(.footer_newsletter_assine__container.news-open) { overflow: hidden; } #news_open_toggle .brxa-wrap { width: 30px; } #news_open_toggle { position: absolute; right: var(--outer-margin); top: 23px; --brxe-toggle-width: 30px; --brxe-toggle-bar-width: 30px; @media /*MOBILE*/ (max-width: 767px) { top: 16px; } } #news_open_toggle .brxa-inner, #news_open_toggle .brxa-inner:after, #news_open_toggle .brxa-inner:before { transition: .2s ease-out; } .footer_newsletter_assine__title { align-self: stretch; padding: var(--space-m); border-bottom: 1px solid; font-family: var(--agrandir); font-variation-settings: var(--bold); letter-spacing: var(--letter-spacing-s); line-height: var(--line-height-xs); } .footer_newsletter_assine__form_descricao { font-size: var(--text-s); } .footer_newsletter_assine__form_container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; align-self: stretch; height: 100%; padding: var(--space-m); } .footer_newsletter_assine__form_container .newsletter_assine__form { margin-top: var(--space-base); } .newsletter_assine__form label:not(.sib-TERMOS-area) { display: none; } .newsletter_assine__form input { border: none; background: transparent; border-bottom: 1px solid var(--cor-preto); padding: 0; line-height: 60px; margin-top: var(--space-m); } .newsletter_assine__form input::-moz-placeholder { color: var(--cor-preto); } .newsletter_assine__form input::placeholder { color: var(--cor-preto); } .footer_newsletter_assine__form_termos { display: flex; font-size: var(--text-xxs); margin-top: var(--space-l); } .newsletter_brevo__form_term_field { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; margin-top: var(--space-m); } .newsletter_assine__form input[type=checkbox] { margin: 0; box-sizing: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 14px; width: 14px; border: 2px solid var(--cor-preto); margin-right: var(--space-base); } .newsletter_assine__form input[type=checkbox]:after { content: ''; background: transparent; display: block; height: 14px; width: 14px; transition: var(--transition-default); } .newsletter_assine__form input[type=checkbox]:checked:after { background: var(--cor-mar); } .newsletter_assine__form input[type=checkbox]:hover, input[type=checkbox]:focus, input[type=checkbox]:focus-visible { box-shadow: none; border-color: var(--cor-mar); } .newsletter_assine__form .options-wrapper li, .newsletter_brevo__form_term_field { display: flex; align-items: center; margin-bottom: -12px; } .newsletter_assine__form .options-wrapper li a, .newsletter_brevo__form_term_field a { color: var(--cor-preto); text-decoration: underline; transition: var(--transition-default); } .newsletter_assine__form .options-wrapper li a:hover, .newsletter_brevo__form_term_field a:hover { color: var(--cor-mar); } .newsletter_assine__form .options-wrapper label, .newsletter_brevo__form_term_field label { color: var(--cor-preto); font-size: var(--text-xs); line-height: var(--line-height-xs); margin: 0; } .newsletter_assine__form .submit-button-wrapper, .newsletter_assine__form .newsletter_brevo__form_submit { display: flex; @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } .newsletter_assine__form button, .newsletter_brevo__form_submit { margin-top: var(--space-base); @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } .newsletter_assine__form .message { position: absolute; height: 144px; width: calc(100% - calc(var(--space-m) * 2)); display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; background-color: var(--cor-fundo); border: 2px solid var(--cor-mar); font-size: var(--text-s); padding: var(--space-base); } .newsletter_assine__form .message .text { padding: 0; font-size: var(--text-m); font-variation-settings: var(--bold); } .newsletter_assine__form .message .close { padding: 15px; position: absolute; right: 0; top: 0px; } /*--> ASSINATURA EMMA <--*/ .by_emma_sign { position: absolute; right: 12px; bottom: 240px; transform: rotate(-90deg); translate: 24px; opacity: .25; transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { bottom: 192px; } @media /*TABLET_LAND*/ (max-width: 991px) { bottom: 168px;; } @media /*MOBILE*/ (max-width: 767px) { bottom: 296px; } } .by_emma_sign:hover { opacity: 1; } .by_emma_sign img { height: 12px; width: 54px; } /* -------------------------------------- */ /* NOTICIAS SINGLE */ /* -------------------------------------- */ .post_title__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; gap: var(--col-gutter); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-direction: column; } } .post_title__title_area { display: flex; flex-direction: column; flex-basis: var(--grid-9-col); } .post_title__title { line-height: var(--line-height-xs); margin-top: var(--space-base); } .post_title__excerpt { font-size: var(--text-ml); line-height: var(--line-height-s); font-style: italic; margin-top: var(--space-base); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-m); } } .post_title__info_area { display: flex; flex-direction: column; justify-content: space-between; flex-basis: var(--grid-3-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { margin-top: var(--space-base); } } .post_title__date { font-size: var(--text-s); line-height: var(--line-height-xs); padding-top: 8px; @media /*TABLET_WIDE*/ (max-width: 1036px) { padding-top: 0; } } .post_title__authors, .post_title__externo { margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-s); padding-bottom: 4px; @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-direction: row; padding-bottom: 0; margin-top: var(--space-base); } } .post_title__authors:before { content: 'por'; font-size: var(--text-s); line-height: var(--line-height-xs); margin-bottom: var(--space-s); } .post_title__externo:before { content: 'via'; font-size: var(--text-s); line-height: var(--line-height-xs); margin-bottom: var(--space-s); } .post_title__author { list-style: none; font-variation-settings: var(--medium); font-size: var(--text-s); font-style: italic; line-height: var(--line-height-xs); } .post_content__container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: var(--col-gutter); margin-top: var(--space-ml); @media /*TABLET_LAND*/ (max-width: 991px) { margin-top: var(--space-l); } @media /*MOBILE*/ (max-width: 767px) { margin-top: var(--space-m); } } .post_content__cover { display: flex; flex-basis: var(--grid-9-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-8-col); } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: 100%; } } .post_content__cover img { -o-object-fit: cover; object-fit: cover; padding-top: 18px; min-height: 540px; aspect-ratio: 1.5; @media /*TABLET_WIDE*/ (max-width: 1036px) { min-height: 468px; } @media /*TABLET_LAND*/ (max-width: 991px) { min-height: unset; } } .post_content__cover figcaption { background: none; padding: 0; width: auto; text-align: unset; bottom: unset; font-size: 14px; font-style: italic; line-height: var(--line-height-xs); color: var(--cor-preto); top: 0; right: 0; } .post_content__share_related { display: flex; flex-direction: column; flex-basis: var(--grid-3-col); justify-content: space-between; position: relative; padding-top: 18px; @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-4-col); } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: var(--grid-10-col); margin: var(--space-l) auto 0; } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .post_content__share { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; flex-direction: row; align-self: stretch; position: relative; } .post_content__share_related:has(.post_content__share__bottom) { @media /*TABLET_LAND*/ (max-width: 991px) { margin: 0 auto; height: 144px; } @media /*MOBILE*/ (max-width: 767px) { height: 132px; } } .post_content__share:before { content: 'Compartilhe'; position: absolute; top: -32px; font-family: var(--agrandir); font-variation-settings: var(--bold); font-size: var(--text-m); letter-spacing: var(--letter-spacing-m); line-height: var(--line-height-xs); } #post_noticias_video .post_content__share:before { top: -12px; } .post_content__share li { height: 36px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border-top: 1px solid var(--cor-preto); border-left: 1px solid var(--cor-preto); } .post_content__share li:last-child { border-right: 1px solid var(--cor-preto); } .post_content__share li a { height: 100%; width: 100%; } .post_content__share svg { height: 24px; width: auto; transition: var(--transition-default); } .post_content__share li:hover svg path { fill: var(--cor-mar) } .post_content__related__container { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-evenly; height: 100%; max-height: 480px; margin-top: var(--col-gutter); @media /*TABLET_LAND*/ (max-width: 991px) { margin-top: var(--space-xl); } } .post_content__related__title { font-family: var(--agrandir); font-variation-settings: var(--bold); font-size: var(--text-m); letter-spacing: var(--letter-spacing-m); line-height: var(--line-height-xs); margin-bottom: var(--space-base); } .post_content__related__container:not(:has(article)) .post_content__related__title { display: none; } .post_content__related { display: flex; flex-direction: column; justify-content: center; height: calc(100% / 4); font-size: var(--text-s); font-variation-settings: var(--medium); line-height: var(--line-height-s); border-top: 1px solid var(--cor-preto); padding: var(--space-base) 0; min-height: 72px; @media /*DESK_WIDE*/ (min-width: 1365px) { font-size: var(--text-base); } @media /*TABLET_LAND*/ (max-width: 991px) { min-height: 72px; } @media /*MOBILE*/ (max-width: 767px) { min-height: 84px; } } .post_content__related:last-child { border-bottom: 1px solid var(--cor-preto); } .post_content__related__post { color: var(--cor-preto); transition: var(--transition-default); padding-left: 20px; position: relative; transition: var(--transition-default); } .post_content__related__post:hover { color: var(--cor-mar); } .post_content__related__post:before { content: ''; display: block; height: 12px; width: 12px; border-top: 2px solid var(--cor-mar); border-right: 2px solid var(--cor-mar); transform: rotate(45deg); position: absolute; left: 0; top: 5px; } .post_content__container:not(:has(.post_content__cover)) .post_content__share_related { flex-direction: row-reverse; flex-basis: 100%; @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; flex-basis: var(--grid-10-col); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .post_content__container:not(:has(.post_content__cover)) .post_content__share_related .post_content__share { flex-basis: var(--grid-3-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-4-col); } @media /*TABLET_LAND*/ (max-width: 991px) {; flex-basis: unset; } } .post_content__container:not(:has(.post_content__cover)) .post_content__share_related .post_content__related__container { margin-top: -34px; flex-basis: var(--grid-7-col); margin-left: calc(var(--grid-2-col) + var(--col-gutter)); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-8-col); margin-left: 0; margin-top: -33px; } @media /*TABLET_LAND*/ (max-width: 991px) {; flex-basis: unset; margin-left: unset; margin-top: var(--space-xl); } } .post_content__content { flex-basis: var(--grid-12-col); margin-top: var(--col-gutter); @media /*MOBILE*/ (max-width: 767px) { margin-top: var(--space-ml); } } .post_content__content h2, .post_content__content h3 { width: var(--grid-9-col); margin: var(--space-l) 0; @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; } } .post_content__content h4 { width: var(--grid-9-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); margin-top: var(--space-l); margin-bottom: var(--space-base); @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; margin-left: 0; } } .post_content__content p, .post_content__content ul { width: var(--grid-7-col); margin-left: calc(var(--grid-2-col) + var(--col-gutter)); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-9-col); margin-left: calc(var(--grid-2-col) + var(--col-gutter)); } @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-10-col); margin-left: auto; margin-right: auto; } @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } .post_content__content p a, .post_content__em_tempo p a, .post_content__content li a { color: var(--cor-mar); border-bottom: 2px solid transparent; transition: var(--transition-default); } .post_content__content p a:hover, .post_content__em_tempo p a:hover, .post_content__content li a:hover { border-bottom: 2px solid var(--cor-mar); } .post_content__content ul { padding: 0px 18px 0; list-style: square; } .post_content__content blockquote { border: 0; padding: 0; font-family: inherit; margin: 0; } .post_content__content blockquote p, .post_content__content blockquote cite { font-size: var(--text-ml); font-variation-settings: var(--medium); color: var(--cor-preto); width: var(--grid-9-col); margin-left: calc(var(--grid-2-col) + var(--col-gutter)); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-10-col); } @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-12-col); margin-left: 0; } } .post_content__content .wp-block-pullquote { font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: left; position: relative; } .post_content__content .wp-block-pullquote:before { content: '"'; font-size: 180px; position: absolute; line-height: 60px; top: 48px; color: var(--cor-mar); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); @media /*TABLET_LAND*/ (max-width: 991px) { position: relative; margin-left: -12px; height: 60px; display: block; top: 36px; } @media /*MOBILE*/ (max-width: 767px) { top: 36px; font-size: 144px; line-height: 36px; height: 36px; } } .post_content__content .wp-block-pullquote p { font-size: var(--text-l); font-style: italic; font-variation-settings: var(--bold); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-ml); } } .post_content__content blockquote cite { opacity: 1; font-size: var(--text-s); font-style: normal; font-variation-settings: var(--regular); margin-top: var(--space-base); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-xs); } } .post_content__content details { width: var(--grid-9-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); margin-top: var(--space-l); border: 4px solid var(--cor-mar); padding: var(--space-m); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-10-col); } @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-12-col); margin-left: 0; } } .post_content__content details summary { font-family: var(--agrandir); font-variation-settings: var(--bold); font-size: var(--text-ml); line-height: var(--line-height-s); color: var(--cor-mar); } .post_content__content details p { width: 100% !important; margin: 0; margin-top: var(--space-m); font-variation-settings: var(--medium); } .post_content__content details p:first-of-type { margin-top: var(--space-ml); } .post_content__content .wp-block-file { width: var(--grid-10-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; border-top: 2px solid; justify-content: flex-start; margin-bottom: 0; position: relative; @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-12-col); margin-left: 0; } @media /*MOBILE*/ (max-width: 767px) { flex-direction: column; } } .post_content__content .wp-block-file:before { content: url("data:image/svg+xml;utf8,"); display: flex; width: 120px; height: 96px; justify-content: center; padding: 18px 0; align-items: stretch; @media /*MOBILE*/ (max-width: 767px) { justify-content: flex-start; width: 100%; } } .post_content__content .wp-block-file:last-child { border-bottom: 2px solid; } .post_content__content .wp-block-file object { display: none !important; } .post_content__content .wp-block-file a:not(.wp-block-file__button) { display: flex; font-size: var(--text-ml); font-variation-settings: var(--bold); line-height: var(--line-height-xs); color: var(--preto); width: calc(100% - 96px - 120px); border-right: 2px solid var(--cor-preto); border-left: 2px solid var(--cor-preto); align-items: flex-end; padding: 18px var(--col-gutter); align-self: stretch; transition: var(--transition-default); @media /*TABLET_LAND*/ (max-width: 991px) { font-size: var(--text-m); } @media /*MOBILE*/ (max-width: 767px) { border-right: 0; border-left: 0; width: 100%; padding: 0; margin-bottom: 18px; } } .post_content__content .wp-block-file a:not(.wp-block-file__button):hover { color: var(--cor-mar); } .post_content__content .wp-block-file .wp-block-file__button { display: flex; align-items: center; justify-content: center; height: 36px; width: 120px; padding: 3px 6px 0 6px; gap: 0; border: 2px solid var(--cor-preto); border-radius: var(--radius-m); font-family: var(--agrandir); font-variation-settings: var(--semibold); font-size: 18px; letter-spacing: unset; line-height: var(--line-height-xs); background-color: var(--cor-fundo); color: var(--cor-preto); transition: var(--transition-default); outline: 0; cursor: pointer; margin: 18px; margin-bottom: 18px; align-self: flex-end; @media /*MOBILE*/ (max-width: 767px) { position: absolute; margin: 0; top: 18px; } } .post_content__content .wp-block-file .wp-block-file__button:hover { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } .post_content__content .wp-block-file .wp-block-file__button:focus, .post_content__content .wp-block-file .wp-block-file__button:focus-visible { border-color: var(--cor-mar); color: var(--cor-mar); } .post_content__content .wp-block-image { width: var(--grid-10-col) !important; margin-left: calc(var(--grid-2-col) + var(--col-gutter)); margin-top: var(--space-l); margin-bottom: var(--space-l); @media /*TABLET_LAND*/ (max-width: 991px) { width: 100% !important; margin-left: 0; } } .post_content__content .wp-block-image .alignleft, .post_content__content .wp-block-image .alignright { width: auto !important; margin: 0; float: unset; } .post_content__content .wp-block-image:has(.aligncenter) { width: var(--grid-7-col) !important; margin-left: calc(var(--grid-2-col) + var(--col-gutter)); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-9-col) !important; } @media /*TABLET_LAND*/ (max-width: 991px) { width: 100% !important; margin-left: 0; } } .post_content__content .wp-block-image .aligncenter { width: auto !important; margin: 0; } .post_content__content .wp-block-image.alignwide { width: var(--grid-10-col) !important; max-width: unset; margin-left: calc(var(--grid-1-col) + var(--col-gutter)); @media /*TABLET_LAND*/ (max-width: 991px) { width: 100% !important; margin-left: 0; } } .post_content__content .wp-block-image.alignwide img { -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .post_content__content .wp-block-image.alignfull { width: 100% !important; max-width: unset; right: unset; left: unset; max-width: unset; margin-left: 0; } .post_content__content .wp-block-image.alignfull img { height: calc(100svh - calc(var(--outer-margin) * 2 )); -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .post_content__content .wp-block-image figcaption { font-size: 14px; font-style: italic; line-height: var(--line-height-xs); color: var(--cor-preto); margin-top: var(--space-s); margin-bottom: var(--space-s); } .post_content__content .wp-block-columns { -moz-column-gap: var(--col-gutter); column-gap: var(--col-gutter); row-gap: var(--col-gutter); @media /*TABLET_LAND*/ (max-width: 991px) { row-gap: var(--space-s); margin-bottom: var(--space-s); } } .post_content__content .wp-block-column .wp-block-image { width: unset; margin-left: unset; text-align: center; } .post_content__content .wp-block-column img { width: 100%; } .post_content__content .wp-block-preformatted { background-color: transparent; padding: 0; font-family: var(--libre-franklin); font-size: var(--text-xs); line-height: var(--line-height-m); color: var(--cor-preto); margin-bottom: var(--space-l); margin-left: calc(var(--grid-2-col) + var(--col-gutter)); @media /*TABLET_LAND*/ (max-width: 991px) { margin-left: 0; } } .post_content__content .instagram-media { margin-left: calc(var(--grid-2-col) + var(--col-gutter)) !important; margin-top: var(--space-xl) !important; margin-bottom: var(--space-xl) !important; @media /*TABLET_WIDE*/ (max-width: 1036px) { margin-left: calc(var(--grid-2-col) + var(--col-gutter)) !important; } @media /*TABLET_LAND*/ (max-width: 991px) { margin-left: auto !important; margin-right: auto !important; } } .post_content__em_tempo { margin: 0; padding: 0; width: var(--grid-8-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-10-col); } @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-12-col); margin-left: 0; } } .post_content__em_tempo__container { list-style: none; width: 100%; border-top: 1px solid var(--cor-preto); padding-top: var(--space-base); margin-top: var(--space-ml); } .post_content__em_tempo__title { display: block; font-variation-settings: var(--bold); margin-bottom: var(--space-s); } .post_content__em_tempo__content { font-variation-settings: var(--medium); } .post_content__boa_clima__btn { margin-left: auto; margin-top: calc(calc(calc(var(--col-gutter) + 42px) - calc(calc(var(--col-gutter) + 42px) * 2)) - 9px); @media /*TABLET_WIDE*/ (max-width: 1036px) { margin-left: calc(var(--grid-2-col) + var(--col-gutter)); margin-top: unset; } @media /*TABLET_LAND*/ (max-width: 991px) { margin-top: unset; margin-left: calc(calc(var(--grid-2-col) / 2) + calc(var(--col-gutter) / 2)); } @media /*MOBILE*/ (max-width: 767px) { margin-left: 0; margin-top: var(--space-m); } } .post_content__tags { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; width: 100%; gap: var(--space-m); border-top: 1px solid var(--cor-preto); border-bottom: 1px solid var(--cor-preto); padding: var(--space-m); margin-top: var(--space-l); @media /*MOBILE*/ (max-width: 767px) { flex-direction: column; align-items: flex-start; padding: var(--space-m) 0; } } .post_content__tags a { padding: 0; font-variation-settings: var(--semibold); font-style: italic; font-size: var(--text-base); letter-spacing: var(--letter-spacing-s); line-height: var(--line-height-xs); gap: unset; transition: var(--transition-default); } .post_content__tags a:hover { color: var(--cor-mar); } .post_content__tags a:before { content: '#'; } #continue_lendo:not(:has(article)) { display: none; } /*--> EXTRA CONTENT <--*/ .post_content__resumo_box { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: var(--space-base); height: 48px; width: var(--grid-8-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); border-top: 1px solid; border-bottom: 1px solid; padding: var(--space-base) 0; position: relative; transition: var(--transition-default); transition-behavior: allow-discrete; cursor: pointer; @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-11-col); margin-left: 0; margin-top: var(--space-l); margin-bottom: calc(0% - var(--space-ml)); } @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-10-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); margin-top: var(--space-base); margin-bottom: unset; border-top: 0; } @media /*MOBILE*/ (max-width: 767px) { height: 44px; width: 100%; margin-left: 0; margin-top: var(--space-l); border-top: 1px solid; } } .post_content__resumo_box.open-box { height: auto; } .post_content__resumo_title { font-family: var(--agrandir); font-variation-settings: var(--semibold); font-size: var(--text-m); letter-spacing: var(--letter-spacing-m); line-height: var(--line-height-xs); margin-bottom: -2px; transition: var(--transition-default); } .post_content__resumo_box.open-box .post_content__resumo_title { margin-bottom: var(--space-s); } .post_content__resumo_box:hover .post_content__resumo_title, .post_content__resumo_box.open-box .post_content__resumo_title { color: var(--cor-mar); } .post_content__resumo_title:after { content: ''; display: block; height: 12px; width: 12px; border-top: 2px solid var(--cor-preto); border-right: 2px solid var(--cor-preto); transform: rotate(135deg); position: absolute; right: 4px; top: 12px; transition: var(--transition-default); } .post_content__resumo_box:hover .post_content__resumo_title:after, .post_content__resumo_box.open-box .post_content__resumo_title:after { border-color: var(--cor-mar); } .post_content__resumo_box.open-box .post_content__resumo_title:after { transform: rotate(-45deg); top: 18px; } .post_content__resumo_text { font-size: var(--text-s); padding-left: 24px; position: relative; } .post_content__resumo_text:before { content: ''; display: block; height: 12px; width: 12px; border-top: 2px solid var(--cor-preto); border-right: 2px solid var(--cor-preto); transform: rotate(45deg); position: absolute; left: 0; top: 9px; } .post_content__resumo_loop { display: none; opacity: 0; transition: var(--transition-default); transition-behavior: allow-discrete; } .post_content__resumo_box.open-box .post_content__resumo_loop { display: flex; opacity: 1; height: auto; } @starting-style { .post_content__resumo_box.open-box, .post_content__resumo_box.open-box .post_content__resumo_loop { height: 48px; opacity: 0; } } .feed_faq__container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: var(--space-m); width: var(--grid-10-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 100%; } } .faq_card__box { border: 3px solid var(--cor-preto); border-radius: var(--radius-l); padding: var(--space-base) var(--space-m); transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { border-radius: var(--radius-m); padding: var(--space-s) var(--space-base); } } .faq_card__box:hover, .faq_card__box.brx-open { border-color: var(--cor-mar); } .faq_card__title_box { min-height: 48px !important; justify-content: space-between; position: relative; } .faq_card__title_box:before, .faq_card__title_box:after { content: ''; height: 3px; width: 28px; background-color: var(--cor-preto); position: absolute; right: 0; opacity: 1; transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 20px; } } .faq_card__title_box:after { transform: rotate(90deg); } .faq_card__box:hover .faq_card__title_box:before, .faq_card__box:hover .faq_card__title_box:after, .faq_card__box.brx-open .faq_card__title_box:before { background-color: var(--cor-mar); } .faq_card__box.brx-open .faq_card__title_box:after { transform: rotate(45deg); opacity: 0; } .faq_card__title { width: calc(100% - 48px); @media /*TABLET_LAND*/ (max-width: 991px) { font-size: var(--text-ml); } @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-m); font-variation-settings: var(--medium); line-height: var(--line-height-xs); } } .faq_card__box:hover .faq_card__title, .faq_card__box.brx-open .faq_card__title { color: var(--cor-mar); } .post_referencias__content { margin-top: calc(0% - var(--space-base)); } .post_referencias__content p { font-size: var(--text-s); margin-block: 0 .75em; } /*--> VÍDEOS POSTS <--*/ #post_noticias_video .post_title__container { flex-direction: column; align-items: center; width: var(--grid-10-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 100%; } } #post_noticias_video .post_title__title_area .post_title__title { text-align: center; } #post_noticias_video .post_title__title_area .feed_post__tags { justify-content: center; } #post_noticias_video .post_title__excerpt { text-align: center; } #post_noticias_video .post_content__container { flex-direction: column; } #post_noticias_video .post_content__video_cover__container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: var(--grid-10-col); height: auto; align-self: center; @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 100%; } } #post_noticias_video .post_content__video_cover { border: 1px solid var(--cor-preto); } #video_cover svg { height: 108px; width: 108px; fill: var(--cor-fundo); transition: var(--transition-default); } #video_cover svg:hover { fill: var(--cor-mar); } #post_noticias_video .post_content__video_cover__share_info { display: flex; flex-direction: column; align-items: center; width: var(--grid-4-col); align-self: center; position: relative; margin-top: var(--space-m); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-5-col); } @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } #post_noticias_video .post_content__share { justify-content: center; padding-top: 18px; } #post_noticias_video .post_title__info_area { margin-top: var(--space-l); } #post_noticias_video .post_title__date { padding-top: 0; } #post_noticias_video .post_title__authors { align-items: center; gap: 0; padding-bottom: 0; margin-top: var(--space-m); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-direction: column; } } #post_noticias_video .post_title__authors:before { content: 'em colaboração com'; } #post_noticias_video .post_content__content p, #post_noticias_video .post_content__content ul { width: var(--grid-8-col); margin-left: auto; margin-right: auto; @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-10-col); } @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } /* -------------------------------------- */ /* NOTICIAS ARCHIVE */ /* -------------------------------------- */ .feed_filter__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: space-between; align-self: stretch; gap: var(--col-gutter); height: 48px; border-bottom: 1px solid var(--cor-preto); margin-bottom: var(--space-l); margin-top: var(--space-l); @media /*TABLET_LAND*/ (max-width: 991px) { flex-wrap: wrap; gap: unset; border-bottom: 0; height: auto; } } .feed_filter__filters_container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; width: var(--grid-8-col); @media /*DESK_WIDE*/ (min-width: 1365px) { width: var(--grid-6-col); } @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; border-top: 1px solid var(--cor-preto); } @media /*MOBILE*/ (max-width: 767px) { flex-direction: column; border-top: 0; gap: 12px; margin-top: 12px; } } .feed_filter__title { font-family: var(--agrandir); font-variation-settings: var(--semibold); font-size: 18px; line-height: var(--line-height-xs); margin-bottom: 14px; } #feed_filter_reset { margin-right: auto; margin-bottom: 6px; @media /*TABLET_LAND*/ (max-width: 991px) { margin-right: unset; } } .feed_filter__filter_select { height: 48px; border: none; border-left: 1px solid var(--cor-preto); font-family: var(--agrandir); font-size: 16px; text-transform: uppercase; letter-spacing: var(--letter-spacing-m); line-height: var(--line-height-xs); padding: 17px 18px; background-image: linear-gradient(45deg, transparent 50%, var(--cor-preto) 0), linear-gradient(135deg, var(--cor-preto) 50%, transparent 0); background-position: calc(100% - 25px) calc(50% + 2px), calc(100% - 16px) calc(50% + 2px); background-size: 9px 9px, 9px 9px; transition: var(--transition-default); @media /*MOBILE*/ (max-width: 767px) { height: 42px; border: 1px solid var(--cor-preto); padding: 14px 18px; } } .feed_filter__filter_select:last-child { border-right: 1px solid var(--cor-preto); } .feed_filter__filter_select:hover { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); background-image: linear-gradient(45deg, transparent 50%, var(--cor-fundo) 0), linear-gradient(135deg, var(--cor-fundo) 50%, transparent 0); } /* -------------------------------------- */ /* EM FOCO SINGLE */ /* -------------------------------------- */ .header__internal_nav__container { position: fixed; bottom: 0; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; flex-wrap: nowrap; width: 100%; background-color: var(--cor-fundo); padding: 0 var(--outer-margin); padding-top: var(--space-base); z-index: 10; @media /*MOBILE*/ (max-width: 767px) { position: absolute; top: calc(100svh - 132px); bottom: unset; } } .header__internal_nav__container .post_content__share:before { display: none; } .header__internal_nav { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; flex-basis: calc(var(--grid-9-col) + var(--col-gutter)); max-width: 840px; @media /*TABLET_LAND*/ (max-width: 991px) { display: none; } } .header__internal_nav__btn { height: 36px; width: 100%; display: flex; justify-content: center; align-items: center; padding: 0; padding-top: 2px; border-left: 1px solid var(--cor-preto); font-family: var(--agrandir); font-size: 14px; text-transform: uppercase; letter-spacing: var(--letter-spacing-m); line-height: var(--line-height-xs); transition: var(--transition-default); @media /*DESK_WIDE*/ (min-width: 1365px) { width: 100%; } } .header__internal_nav__btn:last-child { border-right: 1px solid var(--cor-preto); } .header__internal_nav__btn:hover { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } .header__internal_nav__container .post_content__share_related { padding-top: 0; @media /*TABLET_LAND*/ (max-width: 991px) { margin: 0 auto; } } .em_foco__post__capa_container { display: flex; flex-direction: column; align-self: stretch; height: calc(100svh - 220px); @media /*TABLET_WIDE*/ (max-width: 1036px) { height: calc(100svh - 180px); } @media /*TABLET_LAND*/ (max-width: 991px) { height: calc(100svh - 112px); } @media /*MOBILE*/ (max-width: 767px) { height: calc(100svh - 80px); } } #em_foco_capa { display: flex; align-self: stretch; height: calc(100svh - 220px - 84px); border-radius: var(--radius-l); box-shadow: inset 0 0 0 1200px var(--cor-preto-30); background-position: center center; @media /*TABLET_WIDE*/ (max-width: 1036px) { height: calc(100svh - 180px - 84px); } @media /*TABLET_LAND*/ (max-width: 991px) { height: calc(100svh - 112px - 84px); } @media /*MOBILE*/ (max-width: 767px) { height: calc(100svh - 80px - 56px); } } .em_foco__post__title { height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color: var(--cor-fundo); font-size: var(--text-xxl); line-height: var(--line-height-xs); padding: 4px var(--col-gutter) 0 var(--col-gutter); text-align: center; max-width: 1200px; margin-left: auto; margin-right: auto; } .em_foco__content__data { display: flex; flex-direction: column; align-items: center; margin-top: var(--space-m); } .em_foco__content__container { padding-top: var(--col-gutter); @media /*MOBILE*/ (max-width: 767px) { margin-top: var(--space-xxl); } } .em_foco__content__container .feed_post__tags { margin-bottom: 0; } .em_foco__content__title { line-height: var(--line-height-xs); margin-top: var(--space-m); } .em_foco__content__container .post_content__content p { width: var(--grid-8-col); margin-left: auto; margin-right: auto; @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-10-col); } @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } #relacionados:has(.em_foco__slider__container .splide__list:not(:empty)) .em_foco__parent__container { display: none; } #relacionados:has(.em_foco__slider__container .splide__list:empty) .splide__arrows { visibility: hidden; } #relacionados:has(.em_foco__parent__container:not(:empty)) { display: flex !important; } #em_foco #relacionados:has(.em_foco__slider__container .splide__list:empty), #em_foco #artigos:has(.feed_post__container:empty), #em_foco #saiba-mais:has(.feed_post__container:empty), #em_foco #videos:has(.post_feed__slider__container .splide__list:empty), #em_foco #noticias:has(.feed_post__container:empty) { display: none; } /* -------------------------------------- */ /* EM FOCO ARCHIVE */ /* -------------------------------------- */ .feed_em_foco__container { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; gap: var(--col-gutter); align-self: stretch; @media /*MOBILE*/ (max-width: 767px) { gap: var(--space-l); } } .feed_em_foco__card { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; flex-basis: var(--grid-4-col); @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: var(--grid-6-col); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .feed_em_foco__card__destaque { flex-basis: var(--grid-6-col); @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; } } .feed_em_foco__card__image { display: flex; align-self: stretch; border-radius: var(--radius-l) var(--radius-l) 0 0; margin-bottom: var(--space-m); height: 288px; transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { height: 204px; } } .feed_em_foco__card__destaque .feed_em_foco__card__image { height: 300px; @media /*DESK_WIDE*/ (min-width: 1365px) { height: 360px; } @media /*TABLET_WIDE*/ (max-width: 1036px) { height: 288px; } @media /*TABLET_LAND*/ (max-width: 991px) { height: 240px; } } .feed_em_foco__card__image img { -o-object-fit: cover; object-fit: cover; } .feed_em_foco__card__image:hover, .feed_em_foco__card:has(.btn:hover) .feed_em_foco__card__image { outline: 4px solid var(--cor-mar); } .feed_em_foco__card__image:hover ~ .btn { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } .feed_em_foco__card__title { text-transform: capitalize; line-height: var(--line-height-xs); margin-bottom: var(--space-s); transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { font-size: var(--text-ml); } } .feed_em_foco__card__image:hover ~ .feed_em_foco__card__title, .feed_em_foco__card:has(.btn:hover) .feed_em_foco__card__title { color: var(--cor-mar); } .feed_em_foco__card__destaque .feed_em_foco__card__title { @media /*TABLET_WIDE*/ (max-width: 1036px) { font-size: var(--text-l); } } .feed_em_foco__card .feed_post__tags { margin-bottom: 0; } .feed_em_foco__card__excerpt { margin: var(--space-m) 0; } /* -------------------------------------- */ /* INDEX SINGLE */ /* -------------------------------------- */ .index__banner { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; height: 100svh; width: 100%; margin-top: -218px; @media /*TABLET_WIDE*/ (max-width: 1036px) { margin-top: -188px; } @media /*TABLET_LAND*/ (max-width: 991px) { margin-top: -110px; } @media /*MOBILE*/ (max-width: 767px) { margin-top: -84px; } } .index__banner__capa { display: flex; justify-content: center; align-items: center; align-self: stretch; background-position: center; box-shadow: inset 0 0 0 1200px var(--cor-preto-10); z-index: -1; width: 100%; } .index__banner__title { line-height: var(--line-height-xs); color: var(--cor-fundo); } #index_content #em-foco:has(.em_foco__slider__container .splide__list:empty), #index_content #artigos:not(:has(.feed_post__card_artigo)), #index_content #videos:has(.post_feed__slider__container .splide__list:empty), #index_content #noticias:has(.feed_post__container:empty) { display: none; } /* -------------------------------------- */ /* SHORTS SINGLE */ /* -------------------------------------- */ .short_content__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; gap: var(--col-gutter); margin-bottom: var(--space-xl); @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; } } .short__video__container { display: flex; flex-basis: var(--grid-5-col); height: calc(100vh - var(--space-2xl)); @media /*TABLET_WIDE*/ (max-width: 1036px) { height: calc(100vh - var(--space-xxl)); } @media /*TABLET_LAND*/ (max-width: 991px) { height: unset; flex-basis: unset; align-self: stretch; justify-content: center; } } .short__video { aspect-ratio: 9 / 16; border-radius: var(--radius-l); transition: var(--transition-default); height: auto; width: auto; @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-7-col); } @media /*MOBILE*/ (max-width: 767px) { width: var(--grid-10-col); } } .short__video > div { box-shadow: inset 0 0 0 300px var(--cor-preto-10); transition: var(--transition-default); } .short__video:hover > div { box-shadow: inset 0 0 0 300px var(--cor-preto-30); } .short__video svg { height: 108px; width: 108px; fill: var(--cor-fundo); transition: var(--transition-default); } .short__video:hover svg { fill: var(--cor-mar); } .short__content { display: flex; flex-basis: var(--grid-7-col); flex-direction: column; align-items: flex-start; justify-content: space-between; @media /*TABLET_LAND*/ (max-width: 991px) { margin-top: var(--space-ml); } } .short__content .post_title__title_area { flex-basis: unset; } .short__descricao { margin-top: var(--space-ml); } .short__content .btn { margin-top: var(--space-base); position: relative; } .short__btn_descricao { font-family: var(--agrandir); font-variation-settings: var(--bold); font-size: var(--text-m); letter-spacing: var(--letter-spacing-m); line-height: var(--line-height-xs); margin-top: var(--space-m); } .short__share_infos { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; align-self: stretch; justify-content: space-between; margin-top: auto; @media /*MOBILE*/ (max-width: 767px) { flex-direction: column-reverse; align-items: flex-start; margin-top: var(--space-ml); } } .short__share_infos .post_content__share_related { flex-basis: var(--grid-5-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-7-col); } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: var(--grid-10-col); margin: var(--space-l) auto 0; } @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } .short__share_infos .post_title__info_area { flex-basis: var(--grid-5-col); text-align: right; } /* -------------------------------------- */ /* SHORTS ARCHIVE */ /* -------------------------------------- */ #shorts_archive .feed_filter__container { @media /*TABLET_LAND*/ (max-width: 991px) { margin-bottom: 0 !important; } } #shorts_archive .feed_filter__filters_container { flex-basis: var(--grid-3-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-4-col); } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: 100%; } } #shorts_archive .feed_short__card { @media /*MOBILE*/ (max-width: 767px) { padding: var(--space-base) var(--space-l); } } /* -------------------------------------- */ /* HOME */ /* -------------------------------------- */ .home_banner__container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; gap: var(--col-gutter); padding-top: 24px; @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; padding-top: 0; } @media /*MOBILE*/ (max-width: 767px) { padding-top: 14px; } } .home_banner__slider { display: flex; flex-basis: var(--grid-8-col); transition: var(--transition-default); @media /*MOBILE*/ (max-width: 767px) { margin-bottom: var(--space-ml); } } .home_banner__slider:has(.post_home_destaque__title:hover) { outline: 4px solid var(--cor-mar); } .post_home_destaque__card { display: flex; flex-direction: column; justify-content: flex-end; padding: var(--space-ml); height: calc(100svh - 240px - var(--outer-margin)); width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; box-shadow: inset 0 0 0 1200px var(--cor-preto-10); transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { height: calc(100svh - 214px - var(--outer-margin)); } @media /*TABLET_LAND*/ (max-width: 991px) { height: calc(50svh); } @media /*MOBILE*/ (max-width: 767px) { padding: var(--space-s) var(--space-base); } } .post_home_destaque__card.post_img_low_contrast { box-shadow: inset 0px -240px 120px -60px var(--cor-preto-70); } .post_home_destaque__container:has(.post_home_destaque__title:hover) .post_home_destaque__card { box-shadow: inset 0 0 0 1200px var(--cor-preto-30); } .post_home_destaque__card .feed_post__tags { margin-bottom: var(--space-base); } .post_home_destaque__card .badge { background: transparent; border-color: var(--cor-branco); color: var(--cor-branco); } .post_home_destaque__card .badge:hover { background: var(--cor-mar); border-color: var(--cor-mar); } .post_home_destaque__title { font-size: var(--text-xxl); font-variation-settings: var(--semibold); line-height: var(--line-height-xs); letter-spacing: var(--letter-spacing-s); color: var(--cor-branco); transition: var(--transition-default); @media /*TABLET_WIDE*/ (max-width: 1036px) { font-size: var(--text-xl); } @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-l); letter-spacing: var(--letter-spacing-xs); } } .post_home_destaque__title:hover { color: var(--cor-mar); } .home_banner__slider .splide__pagination { bottom: unset; left: unset; transform: unset; top: -24px; right: 0; } .home_banner__slider .splide__pagination .splide__pagination__page { margin: 0; border-radius: 0; height: 8px; width: 24px; background-color: var(--cor-fundo); border: 1px solid var(--cor-preto); margin-left: 13px; } .home_banner__slider .splide__pagination .splide__pagination__page.is-active { background-color: var(--cor-preto); } .home_banner__top__container { display: flex; flex-basis: var(--grid-4-col); height: calc(100svh - 240px - var(--outer-margin)); @media /*TABLET_LAND*/ (max-width: 991px) { height: auto; } } .home_banner__top__container .post_content__related__container { margin-top: 0; max-height: unset; } .home_banner__top__tabs__container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; position: absolute; width: calc(var(--grid-4-col) - calc(var(--outer-margin)* 2 / 3)); top: -2px; @media /*TABLET_LAND*/ (max-width: 991px) { position: relative; width: 100%; top: 0; } } .home_banner__top__tabs__container .btn-type { border-bottom: 4px solid transparent; padding-bottom: 4px; transition: var(--transition-default); pointer-events: none; } .home_banner__top__tabs__container .btn-type.is-active { font-variation-settings: var(--semibold); border-bottom: 4px solid var(--cor-preto); padding-bottom: 4px; } .home_banner__top__container #feed_destaque_ultimas:nth-child(5), .home_banner__top__container #feed_destaque_top:nth-child(5) { border-bottom: 1px solid var(--cor-preto); } /*.home_banner__top__container #feed_destaque_ultimas, .home_banner__top__container #feed_destaque_top { display: none; } .home_banner__top__container #feed_destaque_ultimas.is-active, .home_banner__top__container #feed_destaque_top.is-active { display: flex; }*/ .home_video_destaque__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; align-self: stretch; gap: var(--col-gutter); @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; } @media /*MOBILE*/ (max-width: 767px) { gap: var(--space-ml); } } .home_video_destaque__video { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-basis: var(--grid-8-col); transition: var(--transition-default); } .home_video_destaque__video:has(#video_cover svg:hover) { outline: 4px solid var(--cor-mar); } .home_video_destaque__infos { display: flex; flex-direction: column; align-items: flex-start; flex-basis: var(--grid-4-col); } .home_video_destaque__infos .feed_post__title { font-size: var(--text-ml); font-variation-settings: var(--bold); letter-spacing: var(--letter-spacing-s); line-height: var(--line-height-xs); margin-bottom: var(--space-base); @media /*DESK_WIDE*/ (min-width: 1365px) { font-size: var(--text-xl); } } .home_video_destaque__infos__descricao { margin-top: auto; font-size: var(--text-xs); @media /*DESK_WIDE*/ (min-width: 1365px) { font-size: var(--text-base); } @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-s); } } .home_video_destaque__infos__descricao p { text-align: left; } #duvidas-clima .feed_post__container article.feed_duvida__card:last-of-type { display: none; @media /*TABLET_LAND*/ (max-width: 991px) { display: flex; } } /* -------------------------------------- */ /* SOBRE */ /* -------------------------------------- */ .sobre__banner__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: space-between; align-self: stretch; gap: var(--col-gutter); @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; } @media /*MOBILE*/ (max-width: 767px) { min-height: 246px; } } .sobre__titulo { flex-basis: var(--grid-3-col); @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: 100%; } } .sobre__video__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; align-self: stretch; flex-basis: var(--grid-9-col); @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: 100%; } } .sobre__conteudo__texto { margin-left: calc(var(--grid-3-col) + var(--col-gutter)); margin-right: calc(var(--grid-1-col) + var(--col-gutter)); margin-top: var(--space-xl); width: var(--grid-8-col); @media /*TABLET_LAND*/ (max-width: 991px) { margin-left: calc(var(--grid-1-col) + var(--col-gutter)); margin-right: calc(var(--grid-1-col) + var(--col-gutter)); width: var(--grid-10-col); } @media /*MOBILE*/ (max-width: 767px) { margin-left: 0; margin-right: 0; width: 100%; } } .sobre__equipe__container { display: flex; flex-direction: row; flex-wrap: wrap; align-self: stretch; gap: var(--col-gutter); @media /*MOBILE*/ (max-width: 767px) { flex-direction: column; row-gap: 48px; } } .sobre__equipe__item { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; justify-content: flex-start; flex-basis: var(--grid-3-col); @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: var(--grid-4-col); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100% } } .sobre__equipe__item__image { aspect-ratio: 1; width: 192px; height: 192px; border-radius: var(--radius-full); @media /*MOBILE*/ (max-width: 767px) { width: 144px; height: 144px; } } .sobre__equipe__item__image img { -o-object-fit: cover; object-fit: cover; } .sobre__equipe__item__nome { font-variation-settings: var(--bold); line-height: var(--line-height-s); margin-top: var(--space-base); } .sobre__equipe__item__cargo { font-size: var(--text-xs); text-transform: uppercase; margin-top: var(--space-xxs); } .sobre__contato__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; align-self: stretch; gap: var(--col-gutter); @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; row-gap: 48px; } } .sobre__contato__item { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; align-self: stretch; flex-basis: var(--grid-4-col); border-top: 2px solid var(--cor-preto); padding-top: var(--space-base); } .sobre__contato__item__title { margin-bottom: var(--space-m); } .sobre__contato__item__descricao { margin-bottom: var(--space-m); } .sobre__contato__item__email { font-variation-settings: var(--medium); color: var(--cor-preto); text-decoration: underline; margin-top: auto; transition: var(--transition-default); } .sobre__contato__item__email:hover { color: var(--cor-mar); text-decoration: none; } /* -------------------------------------- */ /* AULAS */ /* -------------------------------------- */ .aula__breadcrumb__container { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; height: 72px; border-bottom: 1px solid var(--cor-preto); margin-top: -48px; margin-bottom: 48px; position: relative; @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; height: auto; padding: var(--space-base) 0; align-items: flex-start; gap: var(--space-s); margin-bottom: 24px; } @media /*MOBILE*/ (max-width: 767px) { margin-top: -24px; } } .aula__breadcrumb__curso__btn { margin-left: auto; @media /*TABLET_LAND*/ (max-width: 991px) { position: absolute; bottom: var(--space-base); right: 0; } @media /*MOBILE*/ (max-width: 767px) { display: none; } } .aula__breadcrumb__curso_info { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; align-items: flex-start; } } .aula__breadcrumb__curso_info .badge { pointer-events: none; @media /*TABLET_LAND*/ (max-width: 991px) { margin-bottom: var(--space-base); } } .aula__breadcrumb__curso_info .badge span { padding: 0; } .aula__breadcrumb__curso_info__title, .aula__breadcrumb__tema { display: flex; font-family: var(--libre-franklin); font-size: var(--text-s); line-height: var(--line-height-s); text-transform: uppercase; @media /*TABLET_WIDE*/ (max-width: 1036px) { font-size: var(--text-xs); } } .aula__breadcrumb__curso_info__title:before, .aula__breadcrumb__tema:before { content: ''; display: inline-flex; height: 2px; width: 24px; background: var(--cor-preto); align-self: center; margin: 0 var(--space-base); @media /*TABLET_LAND*/ (max-width: 991px) { margin-left: 0; } @media /*MOBILE*/ (max-width: 767px) { display: none; } } #curso_aula_video .post_title__container { flex-direction: column; align-items: center; width: var(--grid-10-col); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 100%; } } #curso_aula_video .post_title__title_area .post_title__title { text-align: center; } #curso_aula_video .post_title__title_area .feed_post__tags { justify-content: center; } #curso_aula_video .post_title__excerpt { text-align: center; font-style: normal; @media /*TABLET_WIDE*/ (max-width: 1036px) { font-size: var(--text-m); } @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-s); } } #curso_aula_video .post_content__container { flex-direction: column; } #curso_aula_video .post_content__video_cover__container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: var(--grid-10-col); height: auto; align-self: center; @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 100%; } } #curso_aula_video .post_content__video_cover { border: 1px solid var(--cor-preto); } #video_cover svg { height: 108px; width: 108px; fill: var(--cor-fundo); transition: var(--transition-default); } #video_cover svg:hover { fill: var(--cor-mar); } #curso_aula_video .post_content__video_cover__share_info { display: flex; flex-direction: column; align-items: center; width: var(--grid-4-col); align-self: center; position: relative; margin-top: var(--space-m); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-5-col); } @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } #curso_aula_video .post_content__share { justify-content: center; @media /*MOBILE*/ (max-width: 767px) { margin-top: var(--space-ml); } } .aula_conteudo__pdf__container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: var(--col-gutter); } .aula_conteudo__pdf__capa { width: 300px; border: 1px solid var(--cor-preto); } .aula_conteudo__container { display: flex;; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-self: stretch; position: relative; margin-top: var(--space-l); } .aula_conteudo__destaques { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: var(--grid-8-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); border-top: 1px solid var(--cor-preto); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-9-col); margin-left: 0; } @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; margin-left: 0; } } .aula_conteudo__container:has(.aula_conteudo__autor__container) .aula_conteudo__destaques { margin-left: calc(var(--grid-2-col) + var(--col-gutter)); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-10-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); } @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; margin-left: 0; } } .aula_conteudo__item_title { margin-top: var(--space-base); margin-bottom: var(--space-base); } .aula_conteudo__destaques__item { font-variation-settings: var(--medium); line-height: var(--line-height-s); margin-bottom: var(--space-base); position: relative; padding-left: 24px; } .aula_conteudo__destaques__item:before { content: ''; display: block; height: 12px; width: 12px; border-top: 2px solid var(--cor-preto); border-right: 2px solid var(--cor-preto); transform: rotate(45deg); position: absolute; left: 0; top: 6px; } .aula_conteudo__duracao { width: var(--grid-3-col); border-top: 1px solid var(--cor-preto); position: absolute; right: 0; @media /*TABLET_LAND*/ (max-width: 991px) { position: relative; width: 100%; margin-top: var(--col-gutter); } } .aula_conteudo__duracao__dado { line-height: var(--line-height-s); } .aula_conteudo__professor__container { width: var(--grid-3-col); border-top: 1px solid var(--cor-preto); position: absolute; right: 0; top: calc(72px + var(--col-gutter)); @media /*TABLET_LAND*/ (max-width: 991px) { position: relative; width: 100%; margin-top: var(--col-gutter); top: 0; border-bottom: 1px solid var(--cor-preto); margin-bottom: var(--space-ml); } } .aula_conteudo__professor, .aula_conteudo__autor { margin-bottom: var(--space-base); } .aula_conteudo__professor_minibio, .aula_conteudo__autor_minibio { @media /*TABLET_WIDE*/ (max-width: 1036px) { font-size: var(--text-s); line-height: var(--line-height-s); } } .aula_conteudo__autor__container { width: var(--grid-8-col); margin-left: calc(var(--grid-2-col) + var(--col-gutter)); border-top: 1px solid var(--cor-preto); margin-top: var(--space-xl); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: 100%; margin-left: 0; } } #curso_aula_video .post_content__content p { @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-9-col); margin-left: 0; } @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; } } #curso_aula_video:has(.aula_conteudo__autor__container) .post_content__content p { @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-10-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); } @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; margin: 0; } } .aula_conteudo__saiba_mais__container { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: var(--grid-8-col); margin-left: calc(var(--grid-1-col) + var(--col-gutter)); border-top: 1px solid var(--cor-preto); margin-top: var(--space-xl); @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-9-col); margin-left: 0; } @media /*TABLET_LAND*/ (max-width: 991px) { width: 100%; } } .aula_conteudo__saiba_mais h3 { font-family: var(--libre-franklin); font-size: var(--text-base); text-transform: uppercase; margin-bottom: var(--space-s); margin-top: var(--space-m); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-s); } } .aula_conteudo__saiba_mais h3:first-child { margin-top: 0; } .aula_conteudo__saiba_mais ul { list-style: none; padding: 0; } .aula_conteudo__saiba_mais li a { font-variation-settings: var(--medium); color: var(--cor-preto); border-bottom: 1px solid var(--cor-preto); padding-left: 24px; transition: var(--transition-default); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-s); padding-left: 12px; } } .aula_conteudo__saiba_mais li a:hover { color: var(--cor-mar); border-color: var(--cor-mar); } .aula_navigation__container { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; margin-top: var(--space-xxl); position: relative; @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column-reverse; } } .aula_navigation__nav a { width: auto; } .aula_navigation__nav .label { font-family: var(--agrandir); font-variation-settings: var(--medium); font-weight: unset; font-size: var(--text-ml); line-height: var(--line-height-xs); text-transform: capitalize; transition: var(--transition-default); @media /*MOBILE*/ (max-width: 767px) { font-size: var(--text-m); } } .aula_navigation__nav .label:hover { color: var(--cor-mar); } .aula_navigation__nav .title, .aula_navigation__aulas__title { position: absolute; width: 100%; display: flex; justify-content: center; text-align: center; opacity: 0; right: 50%; translate: 50%; top: -60px; pointer-events: none; line-height: var(--line-height-s); word-break: break-word; white-space: break-spaces; transition: var(--transition-default); @media /*MOBILE*/ (max-width: 767px) { top: -52px; } } .aula_navigation__nav .content:has(.label:hover) > .title, .aula_navigation__aula:has(.aula_navigation__aulas__numero:hover) > .aula_navigation__aulas__title { opacity: 1; } .aula_navigation__aulas__container { display: flex; flex-wrap: wrap; flex-direction: row; align-items: flex-end; justify-content: center; margin-top: -44px; max-width: calc(100% - 360px); @media /*TABLET_LAND*/ (max-width: 991px) { margin-top: 0; margin-bottom: var(--space-m); max-width: 100%; } } .aula_navigation__aula { display: flex; height: 36px; width: 48px; justify-content: center; align-items: center; border-left: 1px solid var(--cor-preto); border-right: 1px solid var(--cor-preto); border-bottom: 1px solid var(--cor-preto); margin-left: -1px; } .aula_navigation__aulas__numero { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-family: var(--agrandir); font-variation-settings: var(--medium); font-size: var(--text-base); line-height: var(--line-height-xs); color: var(--cor-preto); padding-top: 5px; transition: var(--transition-default); } .aula_navigation__aulas__numero:hover, .aula_navigation__aulas__numero[aria-current=page] { background-color: var(--cor-mar); color: var(--cor-fundo); } /* -------------------------------------- */ /* CURSOS */ /* -------------------------------------- */ #curso_content .page_title .badge { pointer-events: none; margin-bottom: var(--space-base); } #curso_content .page_title .badge span { padding: 0; } .curso__info__container { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-end; align-self: stretch; justify-content: space-between; font-size: var(--text-s); line-height: var(--line-height-xs); margin-bottom: var(--space-base); } .curso__info__aulas { font-variation-settings: var(--bold); text-transform: uppercase; } .curso__aulas__container { display: flex; flex-direction: column; flex-wrap: nowrap; align-self: stretch; border-top: 1px solid var(--cor-preto); @media /*MOBILE*/ (max-width: 767px) { border-bottom: 2px solid var(--cor-preto); } } .curso__aulas__aula { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-end; justify-content: flex-start; align-self: stretch; border-bottom: 1px solid var(--cor-preto); height: 120px; position: relative; @media /*TABLET_LAND*/ (max-width: 991px) { flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; border-right: 1px solid var(--cor-preto); border-left: 1px solid var(--cor-preto); height: 180px; } @media /*MOBILE*/ (max-width: 767px) { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; border-right: 0; border-left: 0; border-top: 2px solid var(--cor-preto); height: auto; } } .curso__aulas__aula__ordem { display: flex; justify-content: center; flex-basis: var(--grid-1-col); padding: var(--space-base) 0; font-size: var(--text-l); font-variation-settings: var(--bold); @media /*TABLET_LAND*/ (max-width: 991px) { width: 96px; flex-direction: column; align-items: center; align-self: stretch; border-bottom: 1px solid var(--cor-preto); } @media /*MOBILE*/ (max-width: 767px) { flex-basis: 100%; align-self: flex-start; align-items: center; margin-right: calc(100% - 43px); border-right: 1px solid var(--cor-preto); } } .curso__aulas__aula__tipo { display: flex; flex-direction: column; align-items: center; flex-basis: calc(var(--grid-1-col) + calc(var(--col-gutter) * 2)); align-self: stretch; justify-content: center; border-left: 1px solid var(--cor-preto); border-right: 1px solid var(--cor-preto); padding: var(--space-base) 0; @media /*TABLET_LAND*/ (max-width: 991px) { width: 96px; flex-direction: column; align-items: center; align-self: unset; border-left: 0; border-right: 0; } @media /*MOBILE*/ (max-width: 767px) { padding: 0; flex-basis: 42px; align-self: stretch; justify-content: center; text-align: center; align-items: flex-start; } } .curso__aulas__aula__tipo svg { width: 48px; @media /*MOBILE*/ (max-width: 767px) { width: 36px; } } .curso__aulas__aula__tipo svg * { stroke-width: 2 !important; } .curso__aulas__aula__tipo span { font-size: var(--text-xs); line-height: var(--line-height-xs); font-variation-settings: var(--semibold); margin-top: var(--space-base); @media /*MOBILE*/ (max-width: 767px) { padding-right: 6px; } } .curso__aulas__aula__title__container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; flex-basis: var(--grid-7-col); padding: var(--space-base) 0 var(--space-base) var(--space-base); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-6-col); } @media /*TABLET_LAND*/ (max-width: 991px) { width: calc(100% - 96px); border-left: 1px solid var(--cor-preto); min-height: 100%; } @media /*MOBILE*/ (max-width: 767px) { flex-basis: calc(100% - 42px); height: 204px; border-top: 1px solid var(--cor-preto); margin-top: -1px; } } .curso__aulas__aula__title { font-size: var(--text-ml); line-height: var(--line-height-xs); } .curso__aulas__aula__tema { font-size: var(--text-xs); line-height: var(--line-height-xs); text-transform: uppercase; margin-bottom: var(--space-base); } .curso__aulas__aula__autor__container { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; flex-basis: calc(var(--grid-3-col) - 132px); padding: var(--space-base); @media /*TABLET_WIDE*/ (max-width: 1036px) { flex-basis: var(--grid-4-col); } @media /*TABLET_LAND*/ (max-width: 991px) { flex-basis: unset; width: auto; position: absolute; bottom: 0; left: 96px; } @media /*MOBILE*/ (max-width: 767px) { left: 42px; width: calc(100% - 42px); padding-right: 0; } } .curso__aulas__aula__autor__container:empty { display: none; } .curso__aulas__aula__autor { font-size: var(--text-s); line-height: var(--line-height-xs); margin-top: var(--space-s); } .curso__aulas__aula .btn { margin-left: auto; margin-bottom: var(--space-base); @media /*TABLET_LAND*/ (max-width: 991px) { position: absolute; bottom: 0; right: var(--space-base); } @media /*MOBILE*/ (max-width: 767px) { top: var(--space-base); right: 0; } } /* -------------------------------------- */ /* BUSCA */ /* -------------------------------------- */ .feed_post__busca_resumo { font-size: var(--text-xs); margin-top: var(--space-s); } #busca_emfoco:has(.em_foco__slider__container .splide__list:empty), #busca_artigos:has(.feed_post__container:empty), #busca_shorts:has(.post_feed__slider__container .splide__list:empty), #busca_noticias:has(.feed_post__container:empty) { display: none; } /* -------------------------------------- */ /* ERRO */ /* -------------------------------------- */ .erro_busca__form { width: var(--grid-4-col); background: var(--cor-fundo); transition: .25s ease-in; border: none; @media /*TABLET_WIDE*/ (max-width: 1036px) { width: var(--grid-6-col); } @media /*TABLET_LAND*/ (max-width: 991px) { width: var(--grid-10-col); } @media /*MOBILE*/ (max-width: 767px) { width: 100%; } } .erro_busca__form .bricks-search-form { display: flex; flex-direction: column; gap: var(--space-ml); align-items: center; } .erro_busca__form .bricks-search-form input[type=search] { width: 100%; padding: 0; border: none; border-bottom: 1px solid var(--cor-preto); font-size: var(--text-base); border-radius: 0; text-align: center; } .erro_busca__form .bricks-search-form input[type=search]::-moz-placeholder { color: var(--cor-preto); } .erro_busca__form .bricks-search-form input[type=search]::placeholder { color: var(--cor-preto); } .erro_busca__form .bricks-search-form button { opacity: 1; display: flex; align-items: center; justify-content: center; height: 42px; width: 192px; padding: 3px 12px 0 12px; gap: 0; border: 2px solid var(--cor-preto); border-radius: var(--radius-m); font-family: var(--agrandir); font-variation-settings: var(--semibold); font-size: 18px; letter-spacing: unset; line-height: var(--line-height-xs); background-color: var(--cor-fundo); color: var(--cor-preto); transition: var(--transition-default); outline: 0; cursor: pointer; margin-left: 12px; } .erro_busca__form .bricks-search-form button:hover { background-color: var(--cor-mar); border-color: var(--cor-mar); color: var(--cor-fundo); } .erro_busca__form .bricks-search-form button:focus, .erro_busca__form .bricks-search-form button:focus-visible { border-color: var(--cor-mar); color: var(--cor-mar); }