html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
.splide__container {
box-sizing: border-box;
position: relative
}
.splide__list {
backface-visibility: hidden;
display: -ms-flexbox;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important
}
.splide.is-initialized:not(.is-active) .splide__list {
display: block
}
.splide__pagination {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
pointer-events: none
}
.splide__pagination li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto
}
.splide:not(.is-overflow) .splide__pagination {
display: none
}
.splide__progress__bar {
width: 0
}
.splide {
position: relative;
visibility: hidden
}
.splide.is-initialized,
.splide.is-rendered {
visibility: visible
}
.splide__slide {
backface-visibility: hidden;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative
}
.splide__slide img {
vertical-align: bottom
}
.splide__spinner {
animation: splide-loading 1s linear infinite;
border: 2px solid #999;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 20px
}
.splide__sr {
clip: rect(0 0 0 0);
border: 0;
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
display: none
}
.splide__toggle.is-active .splide__toggle__pause {
display: inline
}
.splide__track {
overflow: hidden;
position: relative;
z-index: 0
}
@keyframes splide-loading {
0% {
transform: rotate(0)
}
to {
transform: rotate(1turn)
}
}
.splide__track--draggable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.splide__track--fade>.splide__list>.splide__slide {
margin: 0 !important;
opacity: 0;
z-index: 0
}
.splide__track--fade>.splide__list>.splide__slide.is-active {
opacity: 1;
z-index: 1
}
.splide--rtl {
direction: rtl
}
.splide__track--ttb>.splide__list {
display: block
}
.splide__arrow {
-ms-flex-align: center;
align-items: center;
background: #ccc;
border: 0;
border-radius: 50%;
cursor: pointer;
display: -ms-flexbox;
display: flex;
height: 2em;
-ms-flex-pack: center;
justify-content: center;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 2em;
z-index: 1
}
.splide__arrow svg {
fill: #000;
height: 1.2em;
width: 1.2em
}
.splide__arrow:hover:not(:disabled) {
opacity: .9
}
.splide__arrow:disabled {
opacity: .3
}
.splide__arrow:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__arrow--prev {
left: 1em
}
.splide__arrow--prev svg {
transform: scaleX(-1)
}
.splide__arrow--next {
right: 1em
}
.splide.is-focus-in .splide__arrow:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__pagination {
bottom: .5em;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1
}
.splide__pagination__page {
background: #ccc;
border: 0;
border-radius: 50%;
display: inline-block;
height: 8px;
margin: 3px;
opacity: .7;
padding: 0;
position: relative;
transition: transform .2s linear;
width: 8px
}
.splide__pagination__page.is-active {
background: #fff;
transform: scale(1.4);
z-index: 1
}
.splide__pagination__page:hover {
cursor: pointer;
opacity: .9
}
.splide__pagination__page:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__pagination__page:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__progress__bar {
background: #ccc;
height: 3px
}
.splide__slide {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.splide__slide:focus {
outline: 0
}
@supports(outline-offset:-3px) {
.splide__slide:focus-visible {
outline: 3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide__slide:focus-visible {
border: 3px solid #0bf
}
}
@supports(outline-offset:-3px) {
.splide.is-focus-in .splide__slide:focus {
outline: 3px solid #0bf;
outline-offset: -3px
}
}
@media screen and (-ms-high-contrast:none) {
.splide.is-focus-in .splide__slide:focus {
border: 3px solid #0bf
}
.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
border-color: #0bf
}
}
.splide__toggle {
cursor: pointer
}
.splide__toggle:focus-visible {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide.is-focus-in .splide__toggle:focus {
outline: 3px solid #0bf;
outline-offset: 3px
}
.splide__track--nav>.splide__list>.splide__slide {
border: 3px solid transparent;
cursor: pointer
}
.splide__track--nav>.splide__list>.splide__slide.is-active {
border: 3px solid #000
}
.splide__arrows--rtl .splide__arrow--prev {
left: auto;
right: 1em
}
.splide__arrows--rtl .splide__arrow--prev svg {
transform: scaleX(1)
}
.splide__arrows--rtl .splide__arrow--next {
left: 1em;
right: auto
}
.splide__arrows--rtl .splide__arrow--next svg {
transform: scaleX(-1)
}
.splide__arrows--ttb .splide__arrow {
left: 50%;
transform: translate(-50%)
}
.splide__arrows--ttb .splide__arrow--prev {
top: 1em
}
.splide__arrows--ttb .splide__arrow--prev svg {
transform: rotate(-90deg)
}
.splide__arrows--ttb .splide__arrow--next {
bottom: 1em;
top: auto
}
.splide__arrows--ttb .splide__arrow--next svg {
transform: rotate(90deg)
}
.splide__pagination--ttb {
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
left: auto;
padding: 1em 0;
right: .5em;
top: 0
}
.barra-integradora-topo-2023 {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
height: 35px;
background-color: rgba(0, 0, 0, 0);
border-bottom: 1px solid var(--corCinza100)
}
.barra-integradora-topo-2023__casas {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
position: relative;
height: 100%
}
.barra-integradora-topo-2023__casa {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
position: relative;
padding: 0 12px;
height: 100%;
background-color: rgba(0, 0, 0, 0);
transition: all 120ms ease
}
.barra-integradora-topo-2023__casa:focus,
.barra-integradora-topo-2023__casa:hover {
background-color: #d3dae3
}
.barra-integradora-topo-2023__casa svg {
display: block;
position: relative;
height: 12px;
fill: var(--corCinza300)
}
.barra-integradora-topo-2023__casa:focus svg,
.barra-integradora-topo-2023__casa:hover svg {
fill: #fff
}
@media only screen and (max-width: 1200px) {
.barra-integradora-topo-2023__casa {
padding: 0 10px
}
.barra-integradora-topo-2023__casa svg {
height: 10px
}
}
.barra-integradora-rodape-2023 {
display: flex;
flex-flow: column nowrap;
position: relative;
width: 100%;
background-color: #fff
}
.barra-integradora-rodape-2023__row {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center
}
.barra-integradora-rodape-2023__row:not(:first-child) {
border-top: 1px solid #bcc9ff
}
.barra-integradora-rodape-2023__row:nth-child(1) {
height: 60px
}
.barra-integradora-rodape-2023__row:nth-child(2) {
height: 80px
}
.barra-integradora-rodape-2023__casas {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
position: relative;
height: 100%
}
.barra-integradora-rodape-2023__casa {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
position: relative;
padding: 0 12px;
height: 100%;
background-color: #fff;
transition: all 120ms ease
}
.barra-integradora-rodape-2023__casa:focus,
.barra-integradora-rodape-2023__casa:hover {
background-color: #eef0f2
}
.barra-integradora-rodape-2023__casa svg {
display: block;
position: relative;
height: 12px;
fill: #023472
}
.barra-integradora-rodape-2023__casa:focus svg,
.barra-integradora-rodape-2023__casa:hover svg {
fill: #023472
}
.barra-integradora-rodape-2023__separador {
width: 1px;
height: 25px;
margin: 0 30px;
background-color: #bcc9ff
}
.barra-integradora-rodape-2023__links {
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative
}
.barra-integradora-rodape-2023__links a {
display: block;
padding: 0 10px;
color: #828697;
font-family: "Open Sans", sans-serif;
font-size: 12px;
text-decoration: none
}
.barra-integradora-rodape-2023__links a:focus,
.barra-integradora-rodape-2023__links a:hover {
text-decoration: underline
}
.barra-integradora-rodape-2023__texto p {
color: #828697;
font-family: "Open Sans", sans-serif;
font-size: 13px;
text-align: center
}
@media only screen and (max-width: 1200px) {
.barra-integradora-rodape-2023__row {
flex-flow: column nowrap;
height: auto
}
.barra-integradora-rodape-2023__row:nth-child(1) {
height: auto
}
.barra-integradora-rodape-2023__row:nth-child(2) {
height: auto
}
.barra-integradora-rodape-2023__casas {
flex-flow: row wrap;
height: auto;
border-top: 1px solid #bcc9ff
}
.barra-integradora-rodape-2023__casa {
padding: 20px
}
.barra-integradora-rodape-2023__separador {
width: 100%;
height: 1px;
background-color: #bcc9ff
}
.barra-integradora-rodape-2023__links {
padding: 20px 0
}
.barra-integradora-rodape-2023__texto {
margin: 0 20px
}
}
.navbar {
display: block;
position: relative;
width: 100%;
height: 60px;
background: #023d87;
background: linear-gradient(0deg, rgb(2, 61, 135) 0%, rgb(2, 52, 114) 100%);
z-index: var(--layer5)
}
.navbar__wrapper {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
height: 100%;
max-width: 1400px;
margin: 0 auto
}
.navbar__left,
.navbar__right {
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative;
height: 100%
}
.navbar__left {
justify-content: flex-start;
margin-left: 20px
}
.navbar__right {
justify-content: flex-end;
margin-right: 15px
}
.navbar__logo {
height: 20px
}
.navbar__logo img {
display: block;
height: 100%
}
.navbar__logo svg {
display: block;
height: 100%;
fill: #fff
}
.navbar__menu {
display: flex;
flex-flow: row nowrap;
padding: 0;
height: 100%;
margin: 0;
list-style-type: none
}
.navbar__menu a {
display: flex;
justify-content: center;
align-items: center;
padding: 0 16px;
height: 100%;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
text-decoration: none;
transition: all 120ms ease
}
.navbar__menu a:focus,
.navbar__menu a:hover {
background-color: rgba(255, 255, 255, .05)
}
.navbar__menu .search a {
padding: 0 8px
}
.navbar__menu svg {
height: 20px;
stroke: #fff
}
.navbar .hamburger {
display: none
}
@media screen and (min-width: 1366px) {
.navbar__wrapper {
margin: 0 auto
}
}
@media screen and (min-width: 1400px) {
.navbar__wrapper {
margin: 0 auto
}
}
.navbar-2 {
width: 100%;
height: auto;
z-index: var(--layer5)
}
.navbar-2__row {
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
position: relative;
width: 100%
}
.navbar-2__row:nth-child(1) {
height: 100px
}
.navbar-2__wrapper {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
position: relative;
width: 100%
}
.navbar-2__row:nth-child(2) .navbar-2__wrapper {
border-top: 1px solid var(--corCinza100);
border-bottom: 1px solid var(--corCinza100)
}
.navbar-2__left,
.navbar-2__right {
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative;
height: 100%
}
.navbar-2__left {
justify-content: flex-start
}
.navbar-2__right {
justify-content: flex-end
}
.navbar-2__logo {
height: 25px
}
.navbar-2__logo img {
display: block;
height: 100%
}
.navbar-2__logo svg {
display: block;
height: 100%;
fill: var(--corPreto400)
}
.navbar-2__menu {
display: flex;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
list-style-type: none;
background-color: rgba(255, 255, 255, .1)
}
.navbar-2__menu li {
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative
}
.navbar-2__menu a {
display: flex;
flex-flow: row nowrap;
align-items: center;
padding: 16px 16px;
color: var(--corPreto400);
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 700;
text-decoration: none
}
.navbar-2__menu .menu-item-has-children a {
padding-right: 20px
}
.navbar-2__menu li ul {
display: flex;
flex-flow: column nowrap;
position: absolute;
top: calc(100% - 1px);
left: 0;
padding: 0;
width: 225px;
height: 0;
overflow: hidden;
margin: 0;
border-radius: 2px;
list-style-type: none;
border-left: 1px solid var(--corCinza100);
border-right: 1px solid var(--corCinza100);
background-color: #fff;
z-index: var(--layer5)
}
.navbar-2__menu li:focus ul,
.navbar-2__menu li:hover ul {
height: auto;
border-bottom: 1px solid var(--corCinza100)
}
.navbar-2__menu svg {
width: 18px;
height: 18px
}
.navbar-2__caret {
position: absolute;
right: 6px;
height: 5px
}
.navbar-2__caret svg {
width: auto;
fill: var(--corPreto400)
}
.navbar-2__search {
cursor: pointer;
border: none;
background-color: rgba(0, 0, 0, 0)
}
.navbar-2__search svg {
display: block;
position: relative;
height: 15px
}
.navbar-2 .hamburger {
display: none
}
.navbar-2 .hamburger-inner,
.navbar-2 .hamburger-inner::before,
.navbar-2 .hamburger-inner::after {
background-color: var(--corPreto400)
}
@media only screen and (max-width: 1200px) {
.navbar-2__row:nth-child(1) {
border-bottom: 1px solid var(--corCinza100)
}
.navbar-2__row:nth-child(1) .navbar-2__wrapper {
justify-content: space-between
}
.navbar-2__row:nth-child(2) {
display: none
}
.navbar-2__left {
margin-left: 30px
}
.navbar-2__right {
margin-right: 30px
}
.navbar-2__logo {
height: 22px
}
.navbar-2 .hamburger {
display: block
}
}
.mobile-sidebar-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100vh;
opacity: 0;
background-color: rgba(0, 0, 0, .5);
z-index: var(--layer4)
}
.mobile-sidebar {
position: fixed;
top: 0;
right: 0;
width: 275px;
height: 100vh;
background-color: var(--corBranco);
z-index: var(--layer4);
transform: translateX(100%)
}
.mobile-sidebar__wrapper {
display: flex;
flex-flow: column nowrap;
position: relative;
width: 100%;
height: 100%;
overflow-y: scroll
}
.mobile-sidebar__header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
left: 0;
padding: 0 15px;
width: 245px;
height: 50px;
flex-shrink: 0;
border-bottom: 1px solid var(--corCinza100);
z-index: var(--layer1)
}
.mobile-sidebar__header p {
margin: 0;
color: var(--corPreto100);
font-family: "Montserrat", sans-serif;
font-size: 17px;
font-weight: 500
}
.mobile-sidebar__close {
cursor: pointer;
height: 16px
}
.mobile-sidebar__close svg * {
fill: var(--corPreto100)
}
.mobile-sidebar__caret {
position: absolute;
top: 20px;
right: 6px;
height: 5px
}
.mobile-sidebar__caret svg {
height: 100%
}
.mobile-sidebar ul {
box-sizing: content-box
}
.mobile-sidebar .mobile-sidebar__menu {
padding: 0 25px;
width: calc(100% - 50px);
margin: 0;
margin-top: 70px;
margin-bottom: 20px;
list-style-type: none
}
.mobile-sidebar li {
position: relative;
width: 100%
}
.mobile-sidebar a {
display: flex;
flex-flow: row nowrap;
align-items: center;
position: relative;
padding: 14px 0;
width: 100%;
color: var(--corPreto400);
font-size: 16px;
font-weight: 600;
text-decoration: none
}
.mobile-sidebar .navbar-subpanel-title {
display: none
}
.mobile-sidebar .sub-menu {
padding: 0;
width: 100%;
height: 0;
margin: 0;
overflow: hidden;
list-style-type: none
}
.mobile-sidebar .sub-menu a {
font-weight: 400
}
.mobile-sidebar .sub-menu li:not(:nth-last-child(1)) a::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: var(--corCinza100)
}
.mobile-sidebar .mobile-sidebar__actions-menu {
height: auto;
margin-top: 50px;
margin-bottom: 75px
}
.mobile-sidebar__actions-menu a {
font-weight: 400
}
.mobile-sidebar__menu-icon {
width: 22px;
height: 22px;
margin-right: 15px
}
.mobile-sidebar__menu-icon svg {
max-width: 24px
}
.mobile-sidebar__cart--with-items .mobile-sidebar__menu-icon {
margin-right: 0
}
.admin-bar .mobile-sidebar {
top: 46px
}
.search-container {
display: none;
flex-flow: column;
justify-content: flex-start;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: var(--layer5)
}
.search-overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .5)
}
.search-box {
display: none;
justify-content: center;
margin: 120px 15px 0 15px;
width: calc(100% - 30px);
max-width: 550px;
border-radius: 2px;
background-color: var(--corBranco);
border: 1px solid var(--corPreto);
overflow: hidden;
opacity: 0;
transform: scale(0.9) translateY(-32px);
transition-property: transform, -webkit-transform, opacity;
transition-duration: .3s;
transition-delay: .05s;
transition-timing-function: cubic-bezier(0.52, 0.02, 0.19, 1.02);
z-index: var(--layer4)
}
.search-box.is-open {
opacity: 1;
transform: scale(1) translateY(0px)
}
.search-box__input {
display: flex;
align-items: center;
position: relative;
width: 100%
}
.search-box form,
.search-box label {
display: block;
width: 100%
}
.search-box .search-submit,
.search-box .screen-reader-text,
.search-box button {
display: none
}
.search-box ::placeholder {
font-weight: 700
}
.search-box .search-field {
padding: 15px 50px 15px 15px;
width: calc(100% - 65px);
border: none;
background-color: rgba(0, 0, 0, 0);
font-size: 21px;
box-sizing: content-box
}
.search-box__icon {
position: absolute;
right: 20px;
height: 20px
}
.search-box__icon svg {
display: block;
height: 100%;
fill: var(--corPreto)
}
@media only screen and (min-width: 370px) {
.search-box {
margin: 120px 25px 0 25px;
width: calc(100% - 50px)
}
}
@media only screen and (min-width: 1300px) {
.search-box {
margin: 200px 0 0 0;
width: auto
}
.search-box__input {
width: 550px
}
.search-box .search-field {
font-size: 24px
}
}
.featured-post-grid-1 {
display: grid;
grid-template-columns: 700px 270px 270px;
grid-template-rows: auto auto;
gap: 20px;
justify-content: center;
padding: 30px 0;
margin: 0 auto
}
.featured-post-grid-1__col {
display: flex;
flex-flow: column nowrap;
margin-top: 10px
}
.featured-post-grid-2 {
display: grid;
grid-template-columns: 4fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 30px;
justify-content: center;
padding-top: 30px;
margin: 0 auto
}
.featured-post-grid-2__col {
display: flex;
flex-flow: column nowrap;
margin-top: 10px
}
@media only screen and (max-width: 1200px) {
.featured-post-grid-2 {
display: block;
padding: 20px 0 60px 0
}
.featured-post-grid-2 .flickity-page-dots {
bottom: 20px
}
.featured-post-grid-2 .flickity-page-dots .dot {
width: 9px;
height: 9px;
background-color: var(--corCinza300)
}
.featured-post-grid-2 .flickity-page-dots .dot.is-selected {
background-color: var(--corCinza700)
}
}
.featured-post-card-1 {
display: flex;
flex-flow: column nowrap;
width: 700px
}
.featured-post-card-1:first-child {
grid-row: 1/span 2
}
.featured-post-card-1__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.featured-post-card-1__picture {
position: relative;
padding: 0;
margin: 0;
width: 100%;
height: 450px
}
.featured-post-card-1__picture img {
width: 100%;
height: 100%;
border-radius: 2px;
object-fit: cover
}
.featured-post-card-1__info {
display: flex;
flex-flow: column nowrap;
margin-top: 20px;
margin-left: 20px;
z-index: 1
}
.featured-post-card-1__title {
padding: 0;
margin: 0;
width: 650px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 36px;
line-height: 44px
}
.featured-post-card-1__title a {
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
}
.featured-post-card-1__lead {
padding: 0;
margin: 0;
margin-top: 10px;
width: 600px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 24px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
}
.featured-post-card-1__date {
padding: 0;
margin: 0;
margin-top: 10px;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .3)
}
@media only screen and (max-width: 1200px) {
.featured-post-card-1 {
width: 320px
}
.featured-post-card-1__picture {
width: 320px;
height: 220px
}
.featured-post-card-1__title {
font-size: 24px;
line-height: 32px
}
}
.featured-post-card-1--small {
width: 270px
}
.featured-post-card-1--small .featured-post-card-1__info {
margin-top: 10px;
margin-left: 10px
}
.featured-post-card-1--small .featured-post-card-1__picture {
width: 100%;
height: 170px
}
.featured-post-card-1--small .featured-post-card-1__title {
width: 100%;
font-size: 18px;
line-height: 26px
}
.featured-post-card-1--small .featured-post-card-1__date {
font-size: 13px
}
.featured-post-card-2 {
display: flex;
flex-flow: row nowrap;
position: relative
}
.featured-post-card-2:not(:last-child):after {
content: "";
display: block;
position: absolute;
top: 0;
right: -15px;
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, .2)
}
.featured-post-card-2__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.featured-post-card-2__picture {
position: relative;
padding: 0;
margin: 0;
width: 475px;
height: 360px;
flex-shrink: 0
}
.featured-post-card-2__picture img {
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 2px;
object-fit: cover
}
.featured-post-card-2__info {
display: flex;
flex-flow: column nowrap;
margin-top: 10px;
margin-left: 20px;
z-index: 1
}
.featured-post-card-2__title {
padding: 0;
margin: 0;
max-width: 350px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 44px
}
.featured-post-card-2__title a {
color: var(--corPreto400);
text-decoration: none
}
.featured-post-card-2__lead {
padding: 0;
max-width: 350px;
margin: 0;
margin-top: 10px;
color: var(--corPreto400);
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 24px
}
.featured-post-card-2__date {
padding: 0;
margin: 0;
margin-top: 10px;
color: var(--corPreto400);
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400
}
@media only screen and (max-width: 1200px) {
.featured-post-card-2 {
flex-flow: column nowrap;
width: 320px;
margin-right: 20px
}
.featured-post-card-2:not(:last-child):after {
display: none
}
.featured-post-card-2__picture {
width: 320px;
height: 220px
}
.featured-post-card-2__info {
margin-top: 10px;
margin-left: 10px
}
.featured-post-card-2__title {
font-size: 24px;
line-height: 32px
}
}
.featured-post-card-2--small {
flex-flow: column nowrap;
width: 220px
}
.featured-post-card-2--small .featured-post-card-2__info {
margin-top: 10px;
margin-left: 10px
}
.featured-post-card-2--small .featured-post-card-2__picture {
width: 100%;
height: 140px
}
.featured-post-card-2--small .featured-post-card-2__title {
width: 100%;
font-size: 16px;
line-height: 24px
}
.featured-post-card-2--small .featured-post-card-2__lead {
font-size: 14px;
font-weight: 400;
line-height: 22px
}
.featured-post-card-2--small .featured-post-card-2__date {
font-size: 12px
}
.featured-post-card-3 {
display: flex;
flex-flow: column nowrap;
position: relative
}
.featured-post-card-3:not(:last-child):after {
content: "";
display: block;
position: absolute;
top: 0;
right: -15px;
width: 1px;
height: 100%;
background-color: rgba(255, 255, 255, .2)
}
.featured-post-card-3__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.featured-post-card-3__picture {
position: relative;
padding: 0;
margin: 0;
width: 100%;
height: 140px;
flex-shrink: 0
}
.featured-post-card-3__picture img {
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, .2);
border-radius: 2px;
object-fit: cover
}
.featured-post-card-3__info {
display: flex;
flex-flow: column nowrap;
margin-top: 10px;
margin-left: 10px;
z-index: 1
}
.featured-post-card-3__title {
padding: 0;
width: 100%;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.featured-post-card-3__title a {
color: var(--corPreto400);
text-decoration: none
}
.featured-post-card-3__lead {
padding: 0;
max-width: 350px;
margin: 0;
margin-top: 10px;
color: var(--corPreto400);
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px
}
.featured-post-card-3__date {
padding: 0;
margin: 0;
margin-top: 10px;
color: var(--corPreto400);
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
@media only screen and (max-width: 1200px) {
.featured-post-card-3 {
flex-flow: column nowrap;
width: 320px;
margin-right: 20px
}
.featured-post-card-3:not(:last-child):after {
display: none
}
.featured-post-card-3__picture {
width: 320px;
height: 220px
}
.featured-post-card-3__title {
font-size: 24px;
line-height: 32px
}
}
.post-grid-1 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 30px;
justify-content: center;
padding: 20px 0;
margin: 0 auto
}
.post-grid-1 .post-card-1:first-child {
grid-column: 1/span 2
}
@media only screen and (max-width: 1200px) {
.post-grid-1 {
grid-template-columns: auto;
grid-template-rows: max-content
}
.post-grid-1 .post-card-1:first-child {
grid-column: auto
}
}
.post-grid-2 {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto auto;
gap: 30px;
justify-content: center;
padding: 20px 0;
margin: 0 auto
}
.post-grid-2 .post-card-1:nth-child(1) {
grid-column: 1/span 3
}
.post-grid-2 .post-card-1:nth-child(2) {
grid-column: 4/span 3
}
.post-grid-2 .post-card-2:nth-child(3) {
grid-column: 1/span 2
}
.post-grid-2 .post-card-2:nth-child(4) {
grid-column: 3/span 2
}
.post-grid-2 .post-card-2:nth-child(5) {
grid-column: 5/span 2
}
.post-grid-3 {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: auto auto;
gap: 30px;
justify-content: center;
padding: 20px 0;
margin: 0 auto
}
.post-grid-3 .post-card-1:nth-child(1) {
grid-column: 1/span 3
}
.post-grid-4 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: auto auto;
gap: 30px;
justify-content: center;
padding: 20px 0;
margin: 0 auto
}
@media only screen and (max-width: 1200px) {
.post-grid-4 {
grid-template-columns: auto;
grid-template-rows: max-content
}
}
.post-grid-5 {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto;
gap: 30px;
justify-content: center;
padding: 20px 0;
margin: 0 auto
}
@media only screen and (max-width: 1200px) {
.post-grid-5 {
grid-template-columns: auto;
grid-template-rows: max-content
}
}
.post-grid-6 {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto auto;
gap: 30px;
justify-content: center;
padding: 20px 0;
margin: 0 auto
}
.post-card-1 {
display: flex;
flex-flow: row nowrap;
position: relative
}
.post-card-1__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.post-card-1__picture {
position: relative;
padding: 0;
margin: 0;
width: 320px;
height: 225px;
flex-shrink: 0
}
.post-card-1__picture img {
width: 100%;
height: 100%;
border-radius: 2px;
object-fit: cover
}
.post-card-1__info {
display: flex;
flex-flow: column nowrap;
margin-left: 20px;
z-index: 1
}
.post-card-1__title {
padding: 0;
margin: 0;
max-width: 350px;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 32px
}
.post-card-1__title a {
color: #000;
text-decoration: none
}
.post-card-1__lead {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px
}
.post-card-1__date {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
@media only screen and (max-width: 1200px) {
.post-card-1__picture {
width: 160px;
height: 120px
}
.post-card-1__title {
font-size: 16px;
line-height: 24px
}
.post-card-1__lead {
display: none
}
}
.post-card-2 {
display: flex;
flex-flow: row nowrap;
position: relative
}
.post-card-2:nth-child(2)::after {
content: "";
display: block;
position: absolute;
top: 0;
right: -15px;
width: 1px;
height: 100%;
background-color: #efefef
}
.post-card-2__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.post-card-2__picture {
display: none
}
.post-card-2__info {
display: flex;
flex-flow: column nowrap;
margin-top: 20px
}
.post-card-2__title {
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.post-card-2__title a {
color: #000;
text-decoration: none
}
.post-card-2__lead {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 21px
}
.post-card-2__date {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
.post-card-3 {
display: flex;
flex-flow: row nowrap;
position: relative
}
.post-card-3:nth-child(2)::after {
content: "";
display: none;
position: absolute;
top: 0;
right: -15px;
width: 1px;
height: 100%;
background-color: #efefef
}
.post-card-3__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.post-card-3__picture {
position: relative;
padding: 0;
margin: 0;
width: 200px;
height: 140px;
flex-shrink: 0
}
.post-card-3__picture img {
width: 100%;
height: 100%;
border-radius: 2px;
object-fit: cover
}
.post-card-3__info {
display: flex;
flex-flow: column nowrap;
margin-top: 20px;
margin-left: 20px
}
.post-card-3__title {
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.post-card-3__title a {
color: #000;
text-decoration: none
}
.post-card-3__lead {
display: none;
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 21px
}
.post-card-3__date {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
@media only screen and (max-width: 1200px) {
.post-card-3__picture {
width: 160px;
height: 120px
}
.post-card-3__info {
margin-top: 0
}
}
.post-card-4 {
display: flex;
flex-flow: column nowrap;
position: relative
}
.post-card-4__picture {
position: relative;
padding: 0;
margin: 0;
width: 100%;
height: 220px;
flex-shrink: 0
}
.post-card-4__picture img {
width: 100%;
height: 100%;
border-radius: 2px;
object-fit: cover
}
.post-card-4__info {
display: flex;
flex-flow: column nowrap;
margin-top: 20px
}
.post-card-4__title {
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.post-card-4__title a {
color: #000;
text-decoration: none
}
.post-card-4__lead {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 21px
}
.post-card-4__date {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
.post-card-5 {
display: flex;
flex-flow: row nowrap;
position: relative
}
.post-card-5:nth-child(2)::after {
content: "";
display: none;
position: absolute;
top: 0;
right: -15px;
width: 1px;
height: 100%;
background-color: #efefef
}
.post-card-5__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.post-card-5__picture {
position: relative;
padding: 0;
margin: 0;
width: 160px;
height: 110px;
flex-shrink: 0
}
.post-card-5__picture img {
width: 100%;
height: 100%;
border-radius: 2px;
object-fit: cover
}
.post-card-5__info {
display: flex;
flex-flow: column nowrap;
margin-left: 20px
}
.post-card-5__title {
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px
}
.post-card-5__title a {
color: #000;
text-decoration: none
}
.post-card-5__lead {
display: none;
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 21px
}
.post-card-5__date {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
@media only screen and (max-width: 1200px) {
.post-card-5__picture {
width: 160px;
height: 120px
}
.post-card-5__info {
margin-top: 0
}
}
.video-card {
position: relative;
width: 250px
}
.video-card:not(:last-child) {
margin-right: 10px
}
.video-card__thumbnail {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
height: 150px
}
.video-card__thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px
}
.video-card__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 2px;
background-color: rgba(0, 0, 0, .3)
}
.video-card__play {
position: absolute;
width: 38px
}
.video-card__play svg {
width: 100%;
fill: #fff
}
.video-card__title {
margin: 0;
margin-top: 10px;
font-size: 16px
}
.video-card__title a {
color: #000;
text-decoration: none
}
.video-card__date {
display: none;
margin: 0;
margin-top: 5px;
font-size: 14px;
font-weight: 400
}
.video-card-2 {
display: flex;
flex-flow: row nowrap;
position: relative
}
.video-card-2:nth-child(2)::after {
content: "";
display: none;
position: absolute;
top: 0;
right: -15px;
width: 1px;
height: 100%;
background-color: #efefef
}
.video-card-2__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3)
}
.video-card-2__picture {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0;
margin: 0;
width: 200px;
height: 140px;
flex-shrink: 0
}
.video-card-2__picture img {
width: 100%;
height: 100%;
border-radius: 2px;
object-fit: cover
}
.video-card-2__play {
position: absolute;
height: 30px;
z-index: 1
}
.video-card-2__play svg {
fill: #fff
}
.video-card-2__info {
display: flex;
flex-flow: column nowrap;
margin-top: 20px;
margin-left: 20px
}
.video-card-2__title {
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.video-card-2__title a {
color: #000;
text-decoration: none
}
.video-card-2__lead {
display: none
}
.video-card-2__date {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
@media only screen and (max-width: 1200px) {
.video-card-2__picture {
width: 160px;
height: 120px
}
.video-card-2__info {
margin-top: 0
}
.video-card-2__title {
font-size: 16px;
line-height: 24px
}
}
.gallery-card {
position: relative;
width: 250px
}
.gallery-card:not(:last-child) {
margin-right: 10px
}
.gallery-card__thumbnail {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
height: 150px
}
.gallery-card__thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 2px
}
.gallery-card__title {
margin: 0;
margin-top: 10px;
font-size: 16px
}
.gallery-card__title a {
color: #000;
text-decoration: none
}
.gallery-card__date {
display: none;
margin: 0;
margin-top: 5px;
font-size: 14px;
font-weight: 400
}
.gallery-card-1 {
display: flex;
flex-flow: row nowrap;
position: relative
}
.gallery-card-1__picture::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .3)
}
.gallery-card-1__picture {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0;
margin: 0;
width: 200px;
height: 140px;
flex-shrink: 0
}
.gallery-card-1__picture img {
width: 100%;
height: 100%;
border-radius: 2px;
object-fit: cover
}
.gallery-card-1__icon {
position: absolute;
height: 30px;
z-index: 1
}
.gallery-card-1__icon svg {
fill: #fff
}
.gallery-card-1__info {
display: flex;
flex-flow: column nowrap;
margin-top: 20px;
margin-left: 20px
}
.gallery-card-1__title {
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.gallery-card-1__title a {
color: #000;
text-decoration: none
}
.gallery-card-1__lead {
display: none
}
.gallery-card-1__date {
padding: 0;
margin: 0;
margin-top: 10px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
font-weight: 400
}
@media only screen and (max-width: 1200px) {
.gallery-card-1__picture {
width: 160px;
height: 120px
}
.gallery-card-1__info {
margin-top: 0
}
.gallery-card-1__title {
font-size: 16px;
line-height: 24px
}
}
.audio-card-1 {
display: flex;
flex-flow: row nowrap
}
.audio-card-1__icon {
height: 22px
}
.audio-card-1__info {
margin-left: 20px
}
.audio-card-1__title {
padding: 0;
margin: 0;
font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 24px
}
.audio-card-1__title a {
color: #000;
text-decoration: none
}
.audio-card-1__date {
padding: 0;
margin: 0;
margin-top: 5px;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400
}
:root {
--layer1: 100;
--layer2: 200;
--layer3: 300;
--layer4: 400;
--layer5: 500;
--layer6: 600;
--corPreto: #000;
--corPreto100: #464646;
--corPreto200: #333333;
--corPreto300: #2C2C2E;
--corPreto400: #1F1F1F;
--corCinza100: #C2C2C2;
--corCinza200: #AFAFB6;
--corCinza300: #8C8C8C;
--corCinza400: #7D7C7C;
--corCinza500: #5D5D5D;
--corCinza600: #868686;
--corCinza700: #898989;
--corBranco: #FFF;
--corBranco100: #FAFAFA;
--corBranco200: #F4F4F6;
--corBranco300: #f0f0f0;
--corBranco400: #EBEBEB;
--corBranco500: #EFEFEF;
--corBranco600: #E5E5EA;
--corBranco700: #D1D1D6;
--corBranco800: #CECECE;
--corPrimaria: #023472
}
html {
scroll-padding-top: 0;
margin-top: 0 !important
}
body {
position: relative;
min-height: 100vh;
font-family: "Montserrat", sans-serif
}
#wpadminbar {
position: relative
}
img,
svg {
display: block
}
.hidden {
display: none !important
}
.svg {
display: block
}
.svg svg {
display: block;
position: relative
}
.svg--width svg {
width: 100%
}
.svg--height svg {
height: 100%
}
.wrapper {
position: relative;
padding: 0 40px;
width: calc(100% - 80px);
max-width: 1400px;
margin: 0 auto
}
@media only screen and (max-width: 1200px) {
.wrapper {
padding: 0 20px;
width: calc(100% - 40px)
}
}
.row {
display: flex;
flex-flow: row nowrap
}
.col {
flex: 1;
display: flex;
flex-flow: column nowrap
}
.col--2 {
flex: 2
}
.section {
position: relative;
padding: 20px 0;
width: 100%
}
.section--no-pad {
padding: 0
}
.section--white {
background-color: var(--corBranco)
}
.section__wrapper {
position: relative;
padding: 0 40px;
width: calc(100% - 80px);
max-width: 1400px;
margin: 0 auto
}
.section__titles {
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.section__title {
margin: 0;
color: var(--corPreto300);
font-size: 26px;
font-weight: 700
}
.section__content {
display: flex;
flex-flow: row nowrap;
margin-top: 15px
}
@media only screen and (max-width: 1200px) {
.section__wrapper {
padding: 0 20px;
width: calc(100% - 40px)
}
}
.section--2 .section__titles {
margin-left: 40px;
border-bottom: 2px solid rgba(0, 0, 0, .05)
}
.section--2 .section__title {
color: #434343
}
.section--2 .section__content {
margin-top: 20px;
margin-left: 40px
}
@media only screen and (max-width: 1200px) {
.section--2 .section__titles {
margin-left: 0
}
.section--2 .section__content {
margin-left: 0
}
}
.home-content {
padding: 20px 0;
background-color: #fff
}
.home-backdrop-1 {
position: absolute;
top: 667px;
right: 0;
width: calc(50vw - 250px);
height: 1042px;
background: #ececec;
background: linear-gradient(117deg, rgb(236, 236, 236) 0%, rgb(255, 255, 255) 100%)
}
.home-grid-1 {
display: grid;
grid-template-columns: 2fr 1fr;
grid-template-rows: auto;
justify-content: center;
column-gap: 40px
}
@media only screen and (max-width: 1200px) {
.home-grid-1 {
grid-template-columns: auto
}
}
.page__header {
padding: 40px 0;
width: 100%;
border-bottom: 1px solid var(--corCinza100)
}
.page__title {
display: flex;
flex-flow: column nowrap;
padding: 0;
margin: 0;
font-size: 16px
}
.page__title span {
font-size: 32px;
line-height: 44px
}
.post__header {
padding: 60px 0;
width: 800px;
margin: 0 auto;
border-bottom: 1px solid var(--corCinza100)
}
.post__date {
font-size: 16px;
line-height: 28px
}
.post__date a {
color: var(--corPreto400);
text-decoration: none
}
.post__date a:focus,
.post__date a:hover {
text-decoration: underline
}
.post__title {
padding: 0;
margin: 0;
margin-top: 20px;
color: var(--corPreto400);
font-size: 32px;
line-height: 44px
}
.post__lead {
padding: 0;
max-width: 600px;
margin: 0;
margin-top: 20px;
color: var(--corPreto400);
font-size: 18px;
line-height: 30px
}
.post__content {
padding: 20px 0;
width: 1200px;
margin-left: auto;
margin-right: auto
}
.post__content a {
color: var(--corPreto400);
font-weight: 500
}
.post__content p {
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 30px
}
.post__content ul {
width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 30px
}
.post__content figure {
margin-top: 1em;
width: 400px
}
.post__content img {
display: block;
width: 400px
}
.post__content .wp-caption-text {
font-size: 14px;
line-height: 21px
}
.post__content .alignleft .wp-caption-text {
text-align: left
}
.post__content .alignright .wp-caption-text {
text-align: right
}
.post__content iframe {
width: 800px;
height: 480px;
margin: 20px 0
}
.post-container {
display: flex;
flex-flow: row nowrap;
justify-content: center;
position: relative;
max-width: 1300px;
margin: 0 auto
}
@media only screen and (max-width: 1200px) {
.post-container {
flex-flow: column nowrap;
justify-content: flex-start
}
}
.post-sidebar {
position: absolute;
top: 335px;
right: 0;
width: 400px
}
.post-sidebar__title {
padding: 0;
padding-bottom: 5px;
margin: 0;
border-bottom: 2px solid var(--corPreto);
font-size: 24px;
font-weight: 700
}
.post-sidebar .post-card-5 {
margin-top: 25px
}
@media only screen and (max-width: 1200px) {
.post-sidebar {
position: relative;
top: initial;
padding-bottom: 50px;
width: calc(100% - 40px);
margin: 0 auto
}
}
.post-2 {
width: 100%
}
.post-2__header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
position: relative;
padding: 0;
width: 100%;
height: 370px;
margin: 0 auto
}
.post-2__header::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: calc(100% - 450px);
height: 1px;
background-color: var(--corCinza100)
}
.post-2__left,
.post-2__right {
display: flex;
flex-flow: row nowrap;
align-items: center
}
.post-2__left {
justify-content: flex-start
}
.post-2__right {
justify-content: flex-end
}
.post-2__titles {
display: flex;
flex-flow: column nowrap;
max-width: 850px
}
.post-2__date {
font-size: 16px;
line-height: 28px
}
.post-2__date a {
color: var(--corPreto400);
text-decoration: none
}
.post-2__date a:focus,
.post-2__date a:hover {
text-decoration: underline
}
.post-2__title {
padding: 0;
margin: 0;
margin-top: 20px;
color: var(--corPreto400);
font-size: 32px;
line-height: 44px
}
.post-2__lead {
padding: 0;
max-width: 550px;
margin: 0;
margin-top: 20px;
color: var(--corPreto400);
font-size: 17px;
line-height: 30px
}
.post-2__cover {
display: none;
max-width: 850px;
width: 100%;
margin-top: 20px
}
.post-2__cover img {
display: block;
width: 100%
}
.post-2__content {
padding: 20px 0;
max-width: 850px
}
.post-2__content a {
color: var(--corPreto400);
font-weight: 500
}
.post-2__content p {
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 32px
}
.post-2__content ul {
width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 18px;
line-height: 32px
}
.post-2__content figure {
margin-top: 1em;
width: 400px
}
.post-2__content img {
display: block;
width: 400px
}
.post-2__content figure.size-full,
.post-2__content .size-full img,
.post-2__content figure.img--full,
.post-2__content .img--full img,
.post-2__content img.img--full  { 
width: 100%;
margin: 0;
}
.post-2__content .wp-caption-text {
font-size: 14px;
line-height: 21px
}
.post-2__content .alignleft .wp-caption-text {
text-align: left
}
.post-2__content .alignright .wp-caption-text {
text-align: right
}
.post-2__content iframe {
margin: 20px 0;
width: auto !important;
height: auto !important
}
@media only screen and (min-width: 320px) {
.post-2__content iframe {
width: 320px !important;
height: 210px !important
}
}
@media only screen and (min-width: 375px) {
.post-2__content iframe {
width: 375px !important;
height: 210px !important
}
}
@media only screen and (min-width: 425px) {
.post-2__content iframe {
width: 425px !important;
height: 240px !important
}
}
@media only screen and (min-width: 768px) {
.post-2__content iframe {
width: 768px !important;
height: 432px !important
}
}
@media only screen and (min-width: 800px) {
.post-2__content iframe {
width: 800px !important;
height: 480px !important
}
}
@media only screen and (max-width: 1200px) {
.post-2 {
margin: 0 auto;
width: calc(100% - 40px)
}
.post-2__header {
flex-flow: column nowrap;
justify-content: flex-start;
padding: 30px 40px 30px 0;
width: calc(100% - 40px);
height: auto
}
.post-2__content figure {
margin: 0;
margin-top: 1em;
width: 100%
}
.post-2__content img {
margin: 0;
margin-top: 1em;
width: 100%
}
}
.social-icons {
display: flex;
flex-flow: column nowrap;
align-items: center
}
.social-icons__icons {
display: flex;
flex-flow: row nowrap;
align-items: center
}
.social-icons__title {
margin-bottom: 15px;
color: var(--corCinza600);
font-size: 14px;
font-weight: 500
}
.social-icons__icon {
height: 28px
}
.social-icons__icon:not(:last-child) {
margin-right: 20px
}
.social-icons__icon svg {
display: block;
height: 100%;
fill: var(--corCinza300)
}
.social-icons--small {
align-items: flex-start;
margin-top: 20px
}
.social-icons--small .social-icons {
align-items: flex-start
}
.social-icons--small .social-icons__title {
display: none;
font-size: 13px;
margin-bottom: 10px
}
.social-icons--small .social-icons__icon {
height: 20px
}
.social-icons--small .social-icons__icon--twitter {
height: 19px
}
.pagination {
display: flex;
flex-flow: row nowrap;
justify-content: center;
position: relative;
padding: 40px 0;
margin: 0 auto
}
.pagination .page-numbers {
padding: 0 20px;
color: var(--corPreto300)
}
.pagination .page-numbers.current {
color: var(--corPreto)
}
.site--revista .navbar-2__logo {
height: 50px
}