/*

 Theme Name:   Fluxo

 Author:       Fluxo

 Author URI:   https://fluxo.design

*/







/* COLORS */



:root {

    --dark: #1A1A1A;

    --light: #FFFFFF;

    --white: #FFFFFF;

    --gray: #A9A9A9;

    --red: #ED1C24;

}



.color-dark {

    color: var(--dark);

}

.color-light {

    color: var(--light);

}

.color-white {

    color: var(--white);

}

.color-gray {

    color: var(--gray);

}



.bg-dark {

    background-color: var(--dark);

}

.bg-light {

    background-color: var(--light);

}

.bg-white {

    background-color: var(--white);

}

.bg-gray {

    background-color: var(--gray);

}







/* FONTS */



.font-helvetica-roman, .font-roman {

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 400;

    font-style: normal;

}

.font-helvetica-roman-italic, .font-roman-italic, em, i {

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 400;

    font-style: italic;

}

.font-helvetica-medium, .font-medium {

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 500;

    font-style: normal;

}

.font-helvetica-medium-italic, .font-medium-italic {

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 500;

    font-style: italic;

}

.font-helvetica-bold, .font-bold, b, strong {

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 700;

    font-style: normal;

}

.font-helvetica-bold-italic, .font-bold-italic, b em, em b, strong em, em strong, b i, i b, strong i, i strong {

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 700;

    font-style: italic;

}



@font-face {

    font-family: 'Helvetica Neue LT Std';

    src: url('fonts/HelveticaNeueLTStd-Blk.woff2') format('woff2'),

        url('fonts/HelveticaNeueLTStd-Blk.woff') format('woff');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}

.font-helvetica-black, .font-black {

    font-family: 'Helvetica Neue LT Std', sans-serif;

}





* {

    box-sizing: border-box;

}

html {

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 400;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    font-size: 0.95vw; /* 16px */

    line-height: 1.4;

    letter-spacing: -0.02em !important;

    color: var(--dark);

    margin: 0;

}

ul.menu, ul.menu li {

    list-style: none;

    margin: 0;

    padding: 0;

}

.hidden {

    display: none;

}

.mobile-view, .mobile-view-flex {

    display: none;

}

.desktop-view {

    display: block;

}

a[href^="tel"] {

    color:inherit;

    text-decoration: none !important;

    text-underline-offset: 0.15em;

    text-decoration-thickness: 0.08em;

}

.bg-img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    outline: none !important;

    width: 100%;

    height: 100%;

}

a {

    text-decoration: none;

    color: inherit;

}

a:hover, a:active, a:focus {

    text-decoration: none;

    color: inherit;

}

p a {

    text-decoration: underline;

    text-underline-offset: 0.15em;

    text-decoration-thickness: 0.08em;

}

p a:hover {

    text-decoration: underline;

    color: var(--red);

}

p {

    line-height: inherit;

    margin: 0 0 1em 0;

}

p:last-child {

    margin-bottom: 0;

}

.overflow_hidden {

    overflow-y: hidden;

}

.overflow_scroll {

    overflow-y: scroll;

    height: 100%;

}

.post-edit {

    display: none !important;

}





svg, img, embed, object {

    display: block;

    height: auto;

    max-width: 100%;

    width: 100%;

}



.slick-slide {

    outline: none !important;

}



.grecaptcha-badge {

    display: none;

}









/* ENTRY ANIMATION */



.animate_trigger {

    transform: translate3d(0, 1.5vw, 0);

    opacity: 0;

    transition: all 0.5s ease 0.1s;

    will-change: transform;

}

.animate_trigger.animate_in {

    opacity: 1;

    transform: translate3d(0, 0, 0);

}









/* CUSTOM SCROLL BAR */



/*::-webkit-scrollbar-track {

    -webkit-box-shadow: none;

    background-color: transparent;

}

::-webkit-scrollbar {

    width: 0;

    background-color: transparent;

}

::-webkit-scrollbar-thumb {

    background-color: transparent;

}*/





/* LAYOUT */





.p-relative {

    position: relative;

}



.p-absolute {

    position: absolute;

}



.p-fixed {

    position: fixed;

}



.grid-12 {

    display: grid;

    grid-template-columns: repeat(12, 1fr);

}



.grid-9 {

    display: grid;

    grid-template-columns: repeat(9, 1fr);

}



.grid-5 {

    display: grid;

    grid-template-columns: repeat(5, 1fr);

}



.grid-6 {

    display: grid;

    grid-template-columns: repeat(6, 1fr);

}



.grid-4 {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

}



.grid-3 {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

}



.grid-2 {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

}



.grid-1 {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

}



.grid-span-1 {

    grid-column: span 1;

}



.grid-span-2 {

    grid-column: span 2;

}

.grid-span-3 {

    grid-column: span 3;

}



.grid-span-4 {

    grid-column: span 4;

}

.grid-span-5 {

    grid-column: span 5;

}

.grid-span-6 {

    grid-column: span 6;

}

.grid-span-7 {

    grid-column: span 7;

}

.grid-span-8 {

    grid-column: span 8;

}

.grid-span-9 {

    grid-column: span 9;

}

.grid-span-10 {

    grid-column: span 10;

}

.grid-span-11 {

    grid-column: span 11;

}

.grid-span-12 {

    grid-column: span 12;

}



.sticky {

    position: sticky;

    top: 1em;

}



.column_count-2 {

    column-count: 2;

}

.column_count-3 {

    column-count: 3;

}

.column_count-4 {

    column-count: 4;

}

.column_count-2 > *,

.column_count-3 > *,

.column_count-4 > * {

    break-inside: avoid;

}



.flex {

    display: flex;

}

.flex-justify {

    justify-content: space-between;

}

.flex-justify-end {

    justify-content: flex-end;

}

.flex-justify-start {

    justify-content: flex-start;

}

.flex-justify-center {

    justify-content: center;

}

.justify-end {

    justify-content: flex-end;

}

.flex-align-end {

    align-items: flex-end;

}

.flex-align-start {

    align-items: flex-start;

}

.flex-align-center {

    align-items: center;

}

.flex-end {

    align-items: flex-end;

}

.flex-start {

    align-items: flex-start;

}

.flex-center {

    align-items: center;

}

.flex-baseline {

    align-items: baseline;

}

.flex-row {

    flex-direction: row;

}

.flex-row-reverse {

    flex-direction: row-reverse;

}

.flex-column {

    flex-direction: column;

}

.flex-column-reverse {

    flex-direction: column-reverse;

}

.flex-wrap {

    flex-wrap: wrap;

}

.flex-align-self-end {

    align-self: flex-end;

}

.flex-align-self-center {

    align-self: center;

}





.h-100 {

    height: 100%;

}

.vh-100 {

    height: 100vh;

}



.w-10 {

    width: 10%;

}

.w-20 {

    width: 20%;

}

.w-25 {

    width: 25%;

}

.w-33 {

    width: 33.33%;

}

.w-40 {

    width: 40%;

}

.w-45 {

    width: 45%;

}

.w-50 {

    width: 50%;

}

.w-55 {

    width: 55%;

}

.w-60 {

    width: 60%;

}

.w-66 {

    width: 66.66%;

}

.w-70 {

    width: 70%;

}

.w-75 {

    width: 75%;

}

.w-80 {

    width: 80%;

}

.w-85 {

    width: 85%;

}

.w-90 {

    width: 90%;

}

.w-95 {

    width: 95%;

}

.w-100 {

    width: 100%;

}



.gap-0_25em {

    gap: 0.25em;

}

.gap-0_5em {

    gap: 0.5em;

}

.gap-1em {

    gap: 1em;

}

.gap-2em {

    gap: 2em;

}

.gap-3em {

    gap: 3em;

}

.gap-4em {

    gap: 4em;

}

.gap-5em {

    gap: 5em;

}



.gap-10 {

    gap: 0.6vw;

}

.gap-20 {

    gap: 1.19vw;

}

.gap-24 {

    gap: 1.43vw;

}

.gap-24_0 {

    gap: 1.43vw 0;

}

.gap-30 {

    gap: 1.79vw;

}

.gap-36 {

    gap: 2.14vw;

}

.gap-40 {

    gap: 2.38vw;

}

.gap-48 {

    gap: 2.86vw;

}

.gap-50 {

    gap: 2.98vw;

}

.gap-60 {

    gap: 3.57vw;

}

.gap-70 {

    gap: 4.17vw;

}

.gap-72 {

    gap: 4.29vw;

}

.gap-80 {

    gap: 4.76vw;

}

.gap-90 {

    gap: 5.36vw;

}

.gap-100 {

    gap: 5.95vw;

}

.gap-120 {

    gap: 7.14vw;

}

.gap-140 {

    gap: 8.33vw;

}





.mb-0_25em {

    margin-bottom: 0.25em;

}

.mb-0_5em {

    margin-bottom: 0.5em;

}

.mb-1em {

    margin-bottom: 1em;

}

.mb-1_5em {

    margin-bottom: 1.5em;

}

.mb-2em {

    margin-bottom: 2em;

}

.mb-3em {

    margin-bottom: 3em;

}

.mb-4em {

    margin-bottom: 4em;

}

.mb-5em {

    margin-bottom: 5em;

}



.mb-10 {

    margin-bottom: 0.6vw;

}

.mb-20 {

    margin-bottom: 1.19vw;

}

.mb-30 {

    margin-bottom: 1.79vw;

}

.mb-40 {

    margin-bottom: 2.38vw;

}

.mb-50 {

    margin-bottom: 2.98vw;

}

.mb-60 {

    margin-bottom: 3.57vw;

}

.mb-70 {

    margin-bottom: 4.17vw;

}

.mb-80 {

    margin-bottom: 4.76vw;

}

.mb-90 {

    margin-bottom: 5.36vw;

}

.mb-100 {

    margin-bottom: 5.95vw;

}



.mt-0_25em {

    margin-top: 0.25em;

}

.mt-0_5em {

    margin-top: 0.5em;

}

.mt-1em {

    margin-top: 1em;

}

.mt-2em {

    margin-top: 2em;

}

.mt-3em {

    margin-top: 3em;

}

.mt-4em {

    margin-top: 4em;

}

.mt-5em {

    margin-top: 5em;

}



.mt-10 {

    margin-top: 0.6vw;

}

.mt-20 {

    margin-top: 1.19vw;

}

.mt-30 {

    margin-top: 1.79vw;

}

.mt-40 {

    margin-top: 2.38vw;

}

.mt-50 {

    margin-top: 2.98vw;

}

.mt-60 {

    margin-top: 3.57vw;

}

.mt-70 {

    margin-top: 4.17vw;

}

.mt-72 {

    margin-top: 4.29vw;

}

.mt-80 {

    margin-top: 4.76vw;

}

.mt-90 {

    margin-top: 5.36vw;

}

.mt-100 {

    margin-top: 5.95vw;

}

.mt-140 {

    margin-top: 8.33vw;

}



.ml-0_5em {

    margin-left: 0.5em;

}

.ml-1em {

    margin-left: 1em;

}

.ml-2em {

    margin-left: 2em;

}

.ml-3em {

    margin-left: 3em;

}

.ml-4em {

    margin-left: 4em;

}

.ml-5em {

    margin-left: 5em;

}



.ml-10 {

    margin-left: 0.6vw;

}

.ml-20 {

    margin-left: 1.19vw;

}

.ml-30 {

    margin-left: 1.79vw;

}

.ml-40 {

    margin-left: 2.38vw;

}

.ml-50 {

    margin-left: 2.98vw;

}

.ml-60 {

    margin-left: 3.57vw;

}

.ml-70 {

    margin-left: 4.17vw;

}

.ml-80 {

    margin-left: 4.76vw;

}

.ml-90 {

    margin-left: 5.36vw;

}

.ml-100 {

    margin-left: 5.95vw;

}



.mr-0_5em {

    margin-right: 0.5em;

}

.mr-1em {

    margin-right: 1em;

}

.mr-2em {

    margin-right: 2em;

}

.mr-3em {

    margin-right: 3em;

}

.mr-4em {

    margin-right: 4em;

}

.mr-5em {

    margin-right: 5em;

}



.mr-10 {

    margin-right: 0.6vw;

}

.mr-20 {

    margin-right: 1.19vw;

}

.mr-30 {

    margin-right: 1.79vw;

}

.mr-40 {

    margin-right: 2.38vw;

}

.mr-50 {

    margin-right: 2.98vw;

}

.mr-60 {

    margin-right: 3.57vw;

}

.mr-70 {

    margin-right: 4.17vw;

}

.mr-80 {

    margin-right: 4.76vw;

}

.mr-90 {

    margin-right: 5.36vw;

}

.mr-100 {

    margin-right: 5.95vw;

}



.mt-auto {

    margin-top: auto;

}

.mb-auto {

    margin-bottom: auto;

}

.ml-auto {

    margin-left: auto;

}

.mr-auto {

    margin-left: auto;

}

.m-auto {

    margin: auto;

}

.m-0_48 {

    margin: 0 2.86vw;

}





.p-48 {

    padding: 2.86vw;

}

.p-36 {

    padding: 2.14vw;

}

.p-24 {

    padding: 1.43vw;

}

.p-24_48 {

    padding: 1.43vw 2.86vw;

}

.p-24_0 {

    padding: 1.43vw 0;

} 



.pb-0_5em {

    padding-bottom: 0.5em;

}

.pb-1em {

    padding-bottom: 1em;

}

.pb-2em {

    padding-bottom: 2em;

}

.pb-3em {

    padding-bottom: 3em;

}

.pb-4em {

    padding-bottom: 4em;

}

.pb-5em {

    padding-bottom: 5em;

}



.pb-10 {

    padding-bottom: 0.6vw;

}

.pb-20 {

    padding-bottom: 1.19vw;

}

.pb-24 {

    padding-bottom: 1.43vw;

}

.pb-30 {

    padding-bottom: 1.79vw;

}

.pb-40 {

    padding-bottom: 2.38vw;

}

.pb-50 {

    padding-bottom: 2.98vw;

}

.pb-60 {

    padding-bottom: 3.57vw;

}

.pb-70 {

    padding-bottom: 4.17vw;

}

.pb-80 {

    padding-bottom: 4.76vw;

}

.pb-90 {

    padding-bottom: 5.36vw;

}

.pb-100 {

    padding-bottom: 5.95vw;

}

.pb-140 {

    padding-bottom: 8.33vw;

}





.pt-0_5em {

    padding-top: 0.5em;

}

.pt-1em {

    padding-top: 1em;

}

.pt-2em {

    padding-top: 2em;

}

.pt-3em {

    padding-top: 3em;

}

.pt-4em {

    padding-top: 4em;

}

.pt-5em {

    padding-top: 5em;

}



.pt-10 {

    padding-top: 0.6vw;

}

.pt-20 {

    padding-top: 1.19vw;

}

.pt-30 {

    padding-top: 1.79vw;

}

.pt-40 {

    padding-top: 2.38vw;

}

.pt-50 {

    padding-top: 2.98vw;

}

.pt-60 {

    padding-top: 3.57vw;

}

.pt-70 {

    padding-top: 4.17vw;

}

.pt-80 {

    padding-top: 4.76vw;

}

.pt-90 {

    padding-top: 5.36vw;

}

.pt-100 {

    padding-top: 5.95vw;

}

.pt-140 {

    padding-top: 8.33vw;

}



.pl-0_5em {

    padding-left: 0.5em;

}

.pl-1em {

    padding-left: 1em;

}

.pl-2em {

    padding-left: 2em;

}

.pl-3em {

    padding-left: 3em;

}

.pl-4em {

    padding-left: 4em;

}

.pl-5em {

    padding-left: 5em;

}



.pl-10 {

    padding-left: 0.6vw;

}

.pl-12 {

    padding-left: 0.71vw;

}

.pl-20 {

    padding-left: 1.19vw;

}

.pl-30 {

    padding-left: 1.79vw;

}

.pl-40 {

    padding-left: 2.38vw;

}

.pl-48 {

    padding-left: 2.86vw;

}

.pl-50 {

    padding-left: 2.98vw;

}

.pl-60 {

    padding-left: 3.57vw;

}

.pl-70 {

    padding-left: 4.17vw;

}

.pl-80 {

    padding-left: 4.76vw;

}

.pl-90 {

    padding-left: 5.36vw;

}

.pl-100 {

    padding-left: 5.95vw;

}



.pr-0_5em {

    padding-right: 0.5em;

}

.pr-1em {

    padding-right: 1em;

}

.pr-2em {

    padding-right: 2em;

}

.pr-3em {

    padding-right: 3em;

}

.pr-4em {

    padding-right: 4em;

}

.pr-5em {

    padding-right: 5em;

}



.pr-10 {

    padding-right: 0.6vw;

}

.pr-20 {

    padding-right: 1.19vw;

}

.pr-30 {

    padding-right: 1.79vw;

}

.pr-40 {

    padding-right: 2.38vw;

}

.pr-48 {

    padding-right: 2.86vw;

}

.pr-50 {

    padding-right: 2.98vw;

}

.pr-60 {

    padding-right: 3.57vw;

}

.pr-70 {

    padding-right: 4.17vw;

}

.pr-80 {

    padding-right: 4.76vw;

}

.pr-90 {

    padding-right: 5.36vw;

}

.pr-100 {

    padding-right: 5.95vw;

}

.pr-154 {

    padding-right: 9.2vw;

}

.pr-180 {

    padding-right: 10.71vw;

}









.hyphens {

    hyphens: auto;

}

.img-wrapper {

    position: relative;

    border-radius: 3px;

    overflow: hidden;

}

.img-wrapper img {

    width: 100%;

    height: 100%;

}

.img-wrapper.cover img {

    object-fit: cover;

}

.img-wrapper.contain img {

    object-fit: cover;

}



.hide-br br {

    display: none;

}





/* TYPOGRAPHY */



.font-10 {

    font-size: 0.60vw;

    line-height: 1.4;

    letter-spacing: 0.02em;

}

.font-12 {

    font-size: 0.71vw;

    line-height: 1.4;

    letter-spacing: -0.02em;

}

.font-14 {

    font-size: 0.83vw;

    line-height: 1.4;

    letter-spacing: -0.02em;

}

.font-16 {

    font-size: 0.95vw;

    line-height: 1.4;

    letter-spacing: -0.02em;

}

.font-24 {

    font-size: 1.42vw;

    line-height: 1.3;

    letter-spacing: -0.02em;

}

.font-28 {

    font-size: 1.67vw;

    line-height: 1.2;

    letter-spacing: -0.02em;

}

.font-80 {

    font-size: 4.76vw;

    line-height: 1.1;

    letter-spacing: -0.02em;

}





.align-center {

    text-align: center;

}

.align-right {

    text-align: right;

}



.uppercase {

    text-transform: uppercase;

}







/* BUTTONS + LINKS */



button, .button, input[type="submit"] {

    background: unset !important;

    outline: none !important;

    border: none !important;

    border-radius: 0 !important;

    color: inherit !important;

    padding: 0 !important;

    margin: 0 !important;

    font-family: "helvetica-neue-lt-pro", sans-serif !important;

    font-weight: 700 !important;

    font-style: normal !important;

    line-height: 2 !important;

    font-size: 0.95vw !important;

    transition: 0s !important;

    letter-spacing: -0.02em;

}



input[type="submit"], button[type="submit"] {

    background-image: url(images/arrow-ne.svg) !important;

    background-repeat: no-repeat !important;

    background-size: 0.73em !important;

    background-position: right 0.68em !important;

    padding-right: 1.1em !important;

}

input[type="submit"], button[type="submit"] {

    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);

}



.link {

    outline: none !important;

    font-family: "helvetica-neue-lt-pro", sans-serif;

    font-weight: 700;

    font-style: normal;

    font-size: 0.95vw;

    line-height: 1.3;

    letter-spacing: -0.02em;

}

/*.link:hover {

    color: var(--red);

}

.link:hover path {

    fill: var(--red);

}*/

.link .arrow-ne, .link .arrow-se {

    width: 0.75em;

    display: inline-flex;

    margin-left: 0.14em;

    margin-bottom: -0.07em;

}

.link .arrow-se {

    margin-bottom: -0.05em;

}

.btn-abre_fecha svg {

    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);

}

.btn-abre_fecha.active svg {

    transform: rotate(-90deg);

}





/* INPUTS */





input:-webkit-autofill,

input:-webkit-autofill::first-line,

input:-webkit-autofill:hover,

input:-webkit-autofill:focus, 

textarea:-webkit-autofill,

textarea:-webkit-autofill:hover,

textarea:-webkit-autofill:focus,

select:-webkit-autofill,

select:-webkit-autofill:hover,

select:-webkit-autofill:focus {

    -webkit-box-shadow: 0 0 0px 1000px var(--light) inset !important;

    -webkit-text-fill-color: var(--dark) !important;

    font-size: 0.95vwem !important;

    line-height: 2 !important;

    font-family: "helvetica-neue-lt-pro", sans-serif !important;

    font-weight: 400 !important;

    font-style: normal !important;

    letter-spacing: -0.02em !important;

    background: unset !important;

    transition: 0s !important;

    mix-blend-mode: multiply;

}

::placeholder { 

    color: var(--gray) !important;

    transition: 0s !important;

}

.search-input::placeholder {

    color: var(--dark) !important;

}

html .search-input:focus::placeholder {

    color: var(--gray) !important;

}

html input:focus::placeholder { 

    color: var(--dark) !important;

}



::selection { 

    color: var(--light);

    background-color: var(--dark);

}

input[type="text"], input[type="email"] {

    background: unset !important;

    outline: none !important;

    border: none !important;

    border-bottom: solid 1px !important;

    border-radius: 0 !important;

    color: inherit !important;

    padding: 0 !important;

    margin: 0 !important;

    font-family: "helvetica-neue-lt-pro", sans-serif !important;

    font-weight: 400 !important;

    font-style: normal !important;

    transition: 0s !important;

}

input[type="text"], input[type="email"], input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input::placeholder {

    font-size: 0.83vw !important;

    line-height: 2 !important;

}

input.search-input, input.search-input:-webkit-autofill, input.search-input:-webkit-autofill:hover, input.search-input:-webkit-autofill:focus, input.search-input::placeholder {

    border: unset !important;

    font-size: 0.95vw !important;

    line-height: 1.4 !important;

    letter-spacing: -0.02em !important;

    font-family: "helvetica-neue-lt-pro", sans-serif !important;

    font-weight: 500 !important;

    font-style: normal !important;

    height: 1.4em;

    text-align: right;

}

input.search-input {

    max-width: 7.7vw;

}





/* NEWSLETTER - FLUENT FORMS */



html .ff-message-success {

    padding: 0;

    box-shadow: unset;

    border: unset;

    margin-top: 1em;

}







/* HEADER */



.header {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 100;

    background-color: var(--light);

}

.logo {

    position: relative;

    left: -1.2vw;

}

.logo img {

    width: 12.5vw;

}









/* FOOTER */



.footer {

    max-height: 60vw;

}

.footer > .wrapper {

    border-top: solid 1px;

    height: calc(100vh - 3.8vw);

    padding-top: 5.9vw;

}

.chamada-link {

    width: 32%;

    display: flex;

}







/* HOMEPAGE */



.page-wrapper {

    min-height: 100vh;

    padding: 9.8vw 2.86vw;

}

.hero-title-slider {

    height: 1.2em;

    overflow: hidden;

}

.hero-title-slider .slick-slide, .hero-title-word {

    height: 1.5em;

}

.hero-text .wysiwyg-editor {

    width: 95%;

}

.destaques {

    gap: 2px;

    margin-left: calc(2px - 2.86vw);

    width: calc(100vw - 4px);

}

.destaques .categoria-wrapper {

    position: relative;

}

.destaques .categoria-wrapper:after{

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background: linear-gradient(180deg, rgba(38, 38, 38, 0.30) 0%, rgba(38, 38, 38, 0.00) 50%);

    pointer-events: none;

}

.destaques .cat-nome {

    position: absolute;

    z-index: 2;

    left: 0.6vw;

    top: 0.6vw;

}

.destaques .categoria_img {

    filter: grayscale(100%);

    transition: filter 0.3s ease;

}

.destaques .categoria_img:hover {

    filter: grayscale(0%);

}





/* SINGLE PROJETO */



.abre_fecha-wrapper {

    opacity: 0;

}

.loaded .abre_fecha-wrapper {

    opacity: 1;

}

.abre_fecha {

    display: none;

}

.cursor-pointer {

    cursor: pointer;

}

.masonry figure, figure {

    margin: 0;

}

.cat-wrapper a:hover {

    color: var(--red);

}





/* PROJETO - SWIPER VERTICAL */



.fluxo-swiper {

    height: 100vh;

    overflow: hidden;

    position: relative;

    opacity: 0;

    pointer-events: none;

    z-index: 2;

}

.fluxo-swiper.swiper-initialized {

    opacity: 1;

    pointer-events: all;

}

.fluxo-swiper > .swiper-wrapper {

    transition-timing-function: cubic-bezier(0.9, 0.1, 0, 0.9) !important;

}

.fluxo-swiper > .swiper-wrapper > .swiper-slide {

    height: 100vh;

}

.fluxo-swiper__slide--overflow .fluxo-swiper__scroll {

    display: flex;

    flex-direction: column;

    height: 100%;

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;

    padding: 7.2vw 2.86vw 4.1895vw;

    box-sizing: border-box;

}

.fluxo-swiper .fluxo-swiper__slide--galeria-swiper > .fluxo-swiper__scroll {

    padding: 7.2vw 0 4.1895vw;

}

.fluxo-swiper__slide--overflow .fluxo-swiper__scroll > *:not(.ficha-tecnica, .projeto-head) {

    flex-shrink: 0;

    margin-top: auto;

}

.fluxo-swiper__slide--overflow .fluxo-swiper__scroll:has(.projeto-head, .ficha-tecnica) {

    padding-top: 9.8vw;

}

.fluxo-swiper__slide--galeria-swiper .galeria-item {

    align-items: flex-end;

}







/* GALERIAS DE IMAGEM */



/*.galeria-item .titulo {

    position: sticky;

    top: 6vw;

}*/

.galeria-item .legenda {

    display: none;

}

.modal-receiver .legenda {

    position: absolute;

    right: -1.6em;

    bottom: 0;

    writing-mode: vertical-rl;

    transform: rotate(180deg);

    white-space: nowrap;

    font-weight: 500;

    letter-spacing: 0.015em;

    text-transform: uppercase;

}

.swiper-btn {

    position: absolute;

    width: 24%;

    height: 100%;

    z-index: 1;

    left: 0;

    top: 0;

    cursor: url(images/cursor-left.svg), auto;

    outline: none !important;

}

.swiper-btn.swiper-next {

    left: unset;

    right: 0;

    cursor: url(images/cursor-right.svg), auto;

}

.swiper-btn.swiper-button-disabled {

    cursor: unset;

}

.modal .swiper-btn {

    width: 50%;

}

.galeria.swiper {

    width: 100%;

}

.galeria.swiper .swiper-slide {

    width: fit-content;

    height: -webkit-fill-available;

    display: flex;

    align-items: flex-end;

}

.galeria.swiper img, .galeria .slick img {

    max-height: calc(100vh - 9.7vw);

    width: auto;

    max-width: calc(100vw - calc(2.86vw * 2));

    transform: scale(1.003);

}

.galeria-item-full {

    height: 100%;

    display: flex;

    align-items: center;

}

.galeria-item-full .titulo-overlay {

    position: absolute;

    bottom: -2.75vw;

    left: 0;

    z-index: 1;

}

.fluxo-swiper__slide--galeria-masonry .grid-span-2 > .titulo {

    position: absolute;

    bottom: 1.425vw;

}

.fluxo-swiper__slide--galeria-swiper .galeria-item-full .titulo-overlay {

    left: 2.86vw;

}

.titulo-overlay-legenda {

    position: absolute;

    bottom: 0;

    left: 0;

}

.slick_autoplay-wrapper,

.slick-wrapper {

    width: 100%;

    max-width: 100vw;

    height: calc(100vh - 11.4vw);

}

.slick_autoplay-wrapper .slick_autoplay,

.slick-wrapper .slick_no_autoplay,

.slick_autoplay-wrapper .slick-list,

.slick-wrapper .slick-list,

.slick_autoplay-wrapper .slick-track,

.slick-wrapper .slick-track,

.slick_autoplay-wrapper .slick-slide,

.slick-wrapper .slick-slide,

.slick_autoplay-wrapper figure,

.slick-wrapper figure {

    height: 100%;

    outline: none !important;

}

.slick_autoplay-wrapper figure,

.slick-wrapper figure {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-end;

}

.slick_autoplay-wrapper .img-wrapper,

.slick-wrapper .img-wrapper {

    flex-shrink: 0;

}

.slick_autoplay-wrapper .img-wrapper img,

.slick-wrapper .img-wrapper img {

    max-width: 100%;

    width: auto;

    max-height: calc(100vh - 11.4vw);

}

.galeria-item .swiper-slide .img-wrapper, .masonry .img-wrapper {

    filter: grayscale(100%);

    transition: filter 0.3s ease;

}

.galeria-item .swiper:hover .img-wrapper, .masonry .img-wrapper:hover  {

    filter: grayscale(0%);

}

.masonry {

    column-count: 3;

    gap: 2px;

}

.masonry > * {

    margin-bottom: 2px;

    display: block;

}

.fluxo-swiper__slide--galeria-slick .img-wrapper img, .fluxo-swiper__slide--galeria-slick_autoplay .img-wrapper img, .modal-receiver .galeria-slick .img-wrapper img {

    max-height: calc(100vh - 11.4vw);

    transform: unset;

}

.column-count-5, .column-count-4, .column-count-3 {

    column-count: 5;

    height: calc(100vh - 14vw);

}

.column-count-3 {

    column-count: 3;

}

.column-count-4 {

    column-count: 4;

}

.column-count-5 > *, .column-count-4 > *, .column-count-3 > * {

    break-inside: avoid;

}

.column-count-5 > *:not(:last-child), .column-count-4 > *:not(:last-child), .column-count-3 > *:not(:last-child) {

    margin-bottom: 1.5em;

}





/* PROJETOS */



.projetos-intro > .wysiwyg-editor {

    width: 43%;

}

.categorias-filtro {

    row-gap: 1.9vw;

}

.categorias-filtro a.active, .modal-close-btn:hover, .menu-item:hover {

    text-decoration: underline;

    text-underline-offset: 0.15em;

    text-decoration-thickness: 0.08em;

}

.projeto-thumb-wrapper {

    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 3px;

}

.projeto-thumb-titulo {

    position: absolute;

    left: 0;

    bottom: 0;

    display: flex;

    flex-direction: column;

    gap: 0.83vw;

    padding: 0.5vw 1.1vw;

    border-top-right-radius: 3px;

    transform: translate3d(0, 100%, 0);

    transition: transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);

}

.projeto-thumb-wrapper:hover .projeto-thumb-titulo {

    transform: translate3d(0, 0, 0);

}

.projeto-thumb-wrapper:hover .img-wrapper {

    filter: grayscale(0%);

}







/* SOBRE */



.placeholder-square {

    width: 22.5vw;

    height: 22.5vw;

}

.bio-wysiwyg p {

    margin-bottom: 0;

}

.bio-wysiwyg p:has(b):not(:first-child) {

    margin-top: 1.1em;

}







/* MODAL GALERIA */



.modal {

    position: fixed;

    inset: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100vh;

    z-index: 101;

    background-color: var(--light);

    display: flex;

    flex-direction: column;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition: 0s;

}

body.modal-active .modal {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}

.modal-header, .modal-footer {

    position: relative;

    z-index: 2;

    flex-shrink: 0;

    background-color: var(--light);

}

.modal .menu-item {

    position: relative;

    order: 2;

}

.modal .menu-item.active {

    text-decoration: underline;

    text-underline-offset: 0.15em;

    text-decoration-thickness: 0.08em;

    order: 1;

    pointer-events: none;

}

.modal-body {

    position: relative;

    flex: 1 1 auto;

    min-height: 0;

}

.modal-body .swiper-btn {

    z-index: 1;

}

.modal-receiver {

    position: absolute;

    inset: 0;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.modal-receiver .slick,

.modal-receiver .slick-list,

.modal-receiver .slick-track,

.modal-receiver .slick-slide,

.modal-receiver figure {

    height: 100%;

    outline: none !important;

}

.modal-receiver figure {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: flex-end;

    width: fit-content;

    margin: auto;

}

.modal-receiver .img-wrapper {

    flex-shrink: 0;

}

.modal-receiver .img-wrapper img {

    max-width: 100%;

    width: auto;

    max-height: calc(100vh - 8.5vw);

    transform: scale(1.003);

}

.modal-receiver .galeria-swiper .img-wrapper img {

    max-height: calc(100vh - 9.7vw);

    transform: scale(1.003);

}

.modal-receiver .galeria-slick_autoplay .img-wrapper img {

    max-height: calc(100vh - 11.4vw);

    transform: unset;

}

.modal-counter-prev,

.modal-counter-next {

    display: none;

}

.modal-receiver > .slick > .slick-arrow {

    display: none !important;

}

.modal-receiver .img-wrapper {

    cursor: default;

}

























@media only screen and (max-width: 2200px) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/





}









@media only screen and (max-width: 1680px) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/





}







@media only screen and (max-width: 1440px) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/





}







@media only screen and (max-width: 1366px) and (min-height: 680px) and (max-height: 690px) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/





}







@media only screen and (max-width: 1280px) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/







}







@media only screen and (max-width: 1024px) {

/*************** ADD MOBILE ONLY CSS HERE  ***************/









}