:root { --_color-theme---background--soft: var(--_color-core---primary--200); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_color-theme---typography--body: var(--_color-core---primary--700); --_text-styles---font-size: var(--_core-typography---font-size--text-regular); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_color-theme---background--main: var(--_color-core---primary--100); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_color-theme---typography--heading: var(--_color-core---primary--900); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --size--2rem: 2rem; --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--text-regular); --spacing--large: var(--size--2rem); --size--0-5rem: .5rem; --size--1rem: 1rem; --spacing--xxsmall: var(--size--0-25rem); --spacing--tiny: var(--size--0-125rem); --spacing--small: var(--size--1rem); --spacing--xlarge: var(--size--2-5rem); --container--main: 100rem; --site--margin: var(--size--1-5rem); --container--small: 80rem; --sc-padding-vertical--main: var(--size--10rem); --container--full: 100dvw; --site--grid-gutter: var(--size--1-5rem); --size--0rem: 0rem; --spacing--xsmall: var(--size--0-5rem); --spacing--medium: var(--size--1-5rem); --spacing--xxlarge: var(--size--3rem); --_core-typography---font--primary-family: forma-djr-display, sans-serif; --_core-typography---font--primary-regular: 500; --_core-typography---font--primary-medium: 600; --_core-typography---font--primary-bold: 700; --_ui-styles---border-radius--small: .25em; --_ui-styles---border-radius--main: 0em; --_ui-styles---border-radius--round: 100vw; --_ui-styles---border-width--main: .0625rem; --_color-theme---border--color: var(--_color-core---primary--600); --size--0-75rem: .75rem; --_color-core---neutral--50\: #f8f8f8; --_color-core---black-alpha--transparent: transparent; --size--1-5rem: 1.5rem; --_semantic-colors---swatch--brand\: #c6fb50; --size--3rem: 3rem; --_color-theme---text--text\: #353233; --_button-style---border: var(--_color-theme---button-primary--border\); --_button-style---background: var(--_color-theme---button-primary--background\); --_button-style---text: var(--_color-theme---button-primary--text\); --_button-style---border-hover: var(--_color-theme---button-primary--border-hover\); --_button-style---background-hover: var(--_color-theme---button-primary--background-hover\); --_button-style---text-hover: var(--_color-theme---button-primary--text-hover\); --sc-padding-vertical--small: var(--size--5rem); --_semantic-sizes---content-space--eyebrow-margin: var(--spacing--medium); --_semantic-sizes---content-space--button-group-gap: var(--spacing--xxsmall); --size--0-125rem: .125rem; --sc-padding-vertical--none: var(--size--0rem); --sc-padding-vertical--large: var(--size--15rem); --_color-core---primary--100: white; --_media-sizes---media--height: 100dvh; --_media-sizes---media--max-height: var(--size--50rem); --_media-sizes---media--min-height: var(--size--30rem); --size--8rem: 8rem; --size--4rem: 4rem; --_media-sizes---media--padding-main: var(--spacing--large); --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-core---black-alpha--60: #0009; --size--35rem: 35rem; --size--1-125rem: 1.125rem; --size--3-5rem: 3.5rem; --size--12rem: 12rem; --_color-core---primary--900: #131313; --size--5rem: 5rem; --_color-core---primary--800: #262626; --_color-core---white-alpha--15: #ffffff26; --_color-core---black-alpha--90: #000000e6; --size--0-875rem: .875rem; --_color-theme---typography--caption: var(--_color-core---primary--100); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --size--2-5rem: 2.5rem; --_color-semantics---brand--primary--main: var(--_color-core---primary--900); --_core-typography---text-max-width--full: 100dvw; --_semantic-typography---link--font: var(--_heading-styles---font-family); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --size--7rem: 7rem; --size--1-25rem: 1.25rem; --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_color-theme---typography--overline: var(--_color-core---primary--600); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --size--50rem: 50rem; --_color-theme---typography--headline: #00000040; --size--40rem: 40rem; --size--0-625rem: .675rem; --_media-sizes---media--border-width: var(--_ui-styles---border-width--main); --_color-semantics---brand--primary--dark: var(--_color-core---primary--400); --_color-semantics---brand--primary--cta--email-hover: #1878a2; --_color-semantics---brand--primary--cta--cta-email: #1994be; --_color-semantics---brand--primary--cta--email-text: white; --_color-semantics---brand--primary--cta--cta-whatsapp: #25d366; --_color-semantics---brand--primary--cta--whatsapp-text: #044740; --_color-semantics---brand--primary--cta--whatsapp-hover: #3cda77; --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_core-typography---text-max-width--large: var(--size--45rem); --size--25rem: 25rem; --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --container--large: 95dvw; --_core-typography---font--primary-light: 400; --_core-typography---font--secondary-light: 300; --size--15rem: 15rem; --_core-typography---line-height--regular: 1.3; --_color-core---black-alpha--15: #00000026; --size--30rem: 30rem; --_color-core---black-alpha--75: #19191cbf; --_color-core---black-alpha--30: #0000004d; --size--0-25rem: .25rem; --_color-core---black-alpha--45: #00000073; --_color-core---primary--500: gray; --_core-typography---line-height--spaced: 1.7; --_core-typography---line-height--medium: 1.5; --size--6rem: 6rem; --size--9rem: 9rem; --_color-core---primary--300: #bfbfbf; --accessible-components--dark-grey: #9b9b9b; --_color-semantics---brand--primary--light: var(--_color-core---primary--200); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_alignment---flex: var(--align--flex-start); --_alignment---text: var(--align--text-left); --_color-core---primary--200: #d9d9d9; --_color-core---primary--400: #a5a6a5; --_color-core---primary--600: #727372; --_color-core---primary--700: #4d4d4d; --size--4-5rem: 4.5rem; --size--5-5rem: 5.5rem; --size--6-5rem: 6.5rem; --size--7-5rem: 7.5rem; --size--8-5rem: 8.5rem; --size--9-5rem: 9.5rem; --size--10rem: 10rem; --size--11rem: 11rem; --size--13rem: 13rem; --size--14rem: 14rem; --size--16rem: 16rem; --size--17rem: 17rem; --size--18rem: 18rem; --size--19rem: 19rem; --size--20rem: 20rem; --size--45rem: 45rem; --size--55rem: 55rem; --size--60rem: 60rem; --site--width: 100rem; --site--column-count: 12; --_ui-styles---border-radius--none: 0px; --_ui-styles---border-radius--large: 1em; --_ui-styles---border-radius--pill: 999px; --_button-style---focus--width: .125rem; --_button-style---focus--offset-inner: -.125rem; --_button-style---focus--offset-outer: .1875rem; --_media-sizes---media--width: 100dvw; --_media-sizes---media--min-width: var(--size--0rem); --_media-sizes---media--max-width: var(--container--main); --_media-sizes---media--border-radius: var(--_ui-styles---border-radius--small); --_media-sizes---media--padding-left: var(--size--0rem); --_media-sizes---media--padding-right: var(--_media-sizes---media--padding-main); --_media-sizes---media--padding-bottom: var(--size--0rem); --_media-sizes---media--padding-top: var(--_media-sizes---media--padding-main); --media--full-width: 100dvw; --media--full-height: 100dvh; --media--x-large: var(--size--50rem); --media--large: var(--size--40rem); --spacing--huge: var(--size--4rem); --spacing--xhuge: var(--size--5rem); --spacing--distant: var(--size--7-5rem); --_semantic-sizes---content-space--button-margin: var(--spacing--large); --_semantic-sizes---navbar--height: 5rem; --media--1080xp: 67.5rem; --_core-typography---font--primary-trim-top: .3em; --_core-typography---font--primary-trim-bottom: .42em; --_core-typography---font--secondary-family: widescreen-mixed, sans-serif; --_core-typography---font--secondary-regular: 500; --_core-typography---font--secondary-medium: 600; --_core-typography---font--secondary-bold: 800; --_core-typography---font--secondary-trim-bottom: .38em; --_core-typography---font--secondary-trim-top: .33em; --_core-typography---font-size--text-tiny: var(--size--0-75rem); --_core-typography---font-size--text-small: var(--size--0-875rem); --_core-typography---font-size--text-regular: var(--size--1rem); --_core-typography---font-size--text-medium: var(--size--1-125rem); --_core-typography---font-size--text-large: var(--size--1-25rem); --_core-typography---font-size--text-huge: var(--size--1-5rem); --_core-typography---font-size--h6: var(--size--1-5rem); --_core-typography---font-size--h5: var(--size--2rem); --_core-typography---font-size--h4: var(--size--2-5rem); --_core-typography---font-size--h3: var(--size--3rem); --_core-typography---font-size--h2: var(--size--3-5rem); --_core-typography---font-size--h1: var(--size--4rem); --_core-typography---font-size--display: var(--size--7rem); --_core-typography---font-size--display-large: var(--size--9rem); --_core-typography---line-height--distant: 2; --_core-typography---line-height--small: 1.1; --_core-typography---line-height--tight: 1; --_core-typography---letter-spacing--distant: .5em; --_core-typography---letter-spacing--spaced: .125em; --_core-typography---letter-spacing--small: .05em; --_core-typography---letter-spacing--normal: 0em; --_core-typography---letter-spacing--n-small: -.05em; --_core-typography---letter-spacing--n-spaced: -.125em; --_core-typography---letter-spacing--n-distant: -.5em; --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --_core-typography---text-transform--none: 0px; --_core-typography---text-transform--uppercase: 0px; --_core-typography---text-transform--capitalize: 0px; --_core-typography---text-transform--lowercase: 0px; --_color-core---black-alpha--5: #0000000d; --_color-core---black-alpha--95: #000000f2; --_color-core---white-alpha--5: #ffffff0d; --_color-core---white-alpha--30: #ffffff4d; --_color-core---white-alpha--45: #ffffff73; --_color-core---white-alpha--60: #fff9; --_color-core---white-alpha--75: #ffffffbf; --_color-core---white-alpha--90: #ffffffe6; --_color-core---white-alpha--95: #fffffff2; --size--70rem: 70rem; --size--80rem: 80rem; --size--90rem: 90rem; --size--100rem: 100rem; --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); --_elevation-semantic---elevation: 0; --_elevation-semantic---shadow: 0; --_elevation-semantic---blur: 0; --_elevation-semantic---opacity: 0; --_elevation-core---shadow--0: 0; --_elevation-core---shadow--10: 0; --_elevation-core---shadow--20: 0; --_elevation-core---shadow--30: 0; --_elevation-core---shadow--40: 0; --_elevation-core---shadow--50: 0; --_elevation-core---shadow--60: 0; --_elevation-core---shadow--70: 0; --_elevation-core---shadow--80: 0; --_elevation-core---shadow--90: 0; --_elevation-core---elevation--0: 0; --_elevation-core---elevation--10: 0; --_elevation-core---elevation--20: 0; --_elevation-core---elevation--30: 0; --_elevation-core---elevation--40: 0; --_elevation-core---elevation--50: 0; --_elevation-core---elevation--60: 0; --_elevation-core---elevation--70: 0; --_elevation-core---elevation--80: 0; --_elevation-core---elevation--100: 0; --_core-typography---text-max-width--medium: var(--size--35rem); --_core-typography---text-max-width--small: var(--size--25rem); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); --_color-core---primary-alpha--15\: #f63d4a26; --_color-core---secondary-alpha--15\: #a38b6c0d; --_color-core---neutral--white\: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; --_color-semantics---brand--primary--lighter\: var(--_color-core---primary--200); --_color-semantics---brand--primary--darker\: var(--_color-core---primary--400); --_color-semantics---brand--secondary--darker\: var(--_color-core---secondary--800\); --_color-core---secondary--800\: #665346; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } .w-checkbox { margin-bottom: 5px; padding-left: 20px; display: block; } .w-checkbox:before { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox:after { content: " "; clear: both; grid-area: 1 / 1 / 2 / 2; display: table; } .w-checkbox-input { float: left; margin: 4px 0 0 -20px; line-height: normal; } .w-checkbox-input--inputType-custom { border: 1px solid #ccc; border-radius: 2px; width: 12px; height: 12px; } .w-checkbox-input--inputType-custom.w--redirected-checked { background-color: #3898ec; background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; border-color: #3898ec; } .w-checkbox-input--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom { border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; } .w-form-formradioinput--inputType-custom.w--redirected-focus { box-shadow: 0 0 3px 1px #3898ec; } .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: #3898ec; } body { background-color: var(--_color-theme---background--soft); font-family: var(--_text-styles---font-family); color: var(--_color-theme---typography--body); font-size: var(--_text-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; overscroll-behavior-y: none; } p { text-wrap: balance; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } img { object-fit: cover; width: 100%; max-width: 100%; } blockquote { border-style: none; padding: 0; } .u-theme-light { background-color: var(--_color-theme---background--main); color: var(--_color-theme---typography--body); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .u-theme-light:where(.w-variant-ada7087c-7c0c-71e4-15c6-677bf093dece), .u-theme-light:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; } .u-theme-dark { background-color: var(--_color-theme---background--main); color: var(--_color-theme---typography--body); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; } .u-text-style-display { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 7rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--display); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h1 { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 4rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h1); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h2 { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 3.5rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h2); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h3 { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 3rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h3); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h4 { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 2.5rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h4); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h5 { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 2rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h5); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-h6 { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 1.5rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h6); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-large { max-width: var(--_text-styles---max-width); font-family: var(--_text-styles---font-family); color: var(--_color-theme---typography--body); font-size: 1.25rem; line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-large); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-styles---text-transform); display: flow-root; } .u-text-style-main { max-width: var(--_text-styles---max-width); font-family: var(--_text-styles---font-family); color: var(--_color-theme---typography--body); font-size: 1rem; line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-regular); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-style---text-transform); display: flow-root; } .u-text-style-small { max-width: var(--_text-styles---max-width); font-family: var(--_text-styles---font-family); color: var(--_color-theme---typography--body); font-size: .875rem; line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-small); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-style---text-transform); display: flow-root; } .u-rich-text h1 { margin-top: var(--_heading-styles---margin-top); margin-bottom: var(--_heading-styles---margin-bottom); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h1); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-rich-text h2 { margin-top: var(--_heading-styles---margin-top); margin-bottom: var(--_heading-styles---margin-bottom); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h2); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-rich-text h3 { margin-top: var(--_heading-styles---margin-top); margin-bottom: var(--_heading-styles---margin-bottom); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h3); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-rich-text h4 { margin-top: var(--_heading-styles---margin-top); margin-bottom: var(--_heading-styles---margin-bottom); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h4); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-rich-text h5 { margin-top: var(--_heading-styles---margin-top); margin-bottom: var(--_heading-styles---margin-bottom); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h5); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-wrap: balance; text-transform: var(--_text-style---text-transform); display: flow-root; } .u-rich-text h6 { margin-top: var(--_heading-styles---margin-top); margin-bottom: var(--_heading-styles---margin-bottom); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h6); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-wrap: balance; text-transform: var(--_text-style---text-transform); display: flow-root; } .u-rich-text p { margin-top: var(--_heading-styles---margin-top); margin-bottom: var(--_heading-styles---margin-bottom); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--text-regular); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .u-rich-text blockquote { margin-top: var(--spacing--large); margin-bottom: var(--spacing--large); padding-top: var(--size--0-5rem); padding-right: var(--size--1rem); padding-bottom: var(--size--0-5rem); padding-left: var(--size--1rem); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--text-medium); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); border-left-style: solid; border-left-width: .2rem; } .u-rich-text ol { margin-bottom: var(--spacing--xxsmall); padding-left: 1.7em; list-style-type: decimal; overflow: visible; } .u-rich-text li { margin-bottom: var(--spacing--tiny); } .u-rich-text ul { margin-top: var(--spacing--small); margin-bottom: var(--spacing--small); padding-left: 1em; list-style-type: disc; overflow: visible; } .u-rich-text figure { margin-top: var(--spacing--xlarge); margin-bottom: var(--spacing--xlarge); } .u-container { max-width: var(--container--main); padding-right: var(--site--margin); padding-left: var(--site--margin); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .u-container-small { max-width: var(--container--small); padding-top: var(--sc-padding-vertical--main); padding-bottom: var(--sc-padding-vertical--main); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .u-container-full { max-width: var(--container--full); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-visual-wrap { aspect-ratio: 1; width: 100%; position: relative; overflow: hidden; } .u-line-clamp-1, .u-line-clamp-2, .u-line-clamp-3, .u-line-clamp-4 { display: -webkit-box; overflow: hidden; } .u-hflex-left-top { flex-flow: row; place-content: flex-start; align-items: flex-start; display: flex; } .u-hflex-left-center { flex-flow: row; place-content: center flex-start; align-items: center; display: flex; } .u-hflex-left-bottom { flex-flow: row; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-hflex-left-stretch { flex-flow: row; place-content: stretch flex-start; align-items: stretch; display: flex; } .u-hflex-center-top { flex-flow: row; place-content: flex-start center; align-items: flex-start; display: flex; } .u-hflex-center-center { flex-flow: row; place-content: center; align-items: center; display: flex; } .u-hflex-center-bottom { flex-flow: row; place-content: flex-end center; align-items: flex-end; display: flex; } .u-hflex-center-stretch { flex-flow: row; place-content: stretch center; align-items: stretch; display: flex; } .u-hflex-right-top { flex-flow: row; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-hflex-right-center { flex-flow: row; place-content: center flex-end; align-items: center; display: flex; } .u-hflex-right-bottom { flex-flow: row; place-content: flex-end; align-items: flex-end; display: flex; } .u-hflex-right-stretch { flex-flow: row; place-content: stretch flex-end; align-items: stretch; display: flex; } .u-hflex-between-top { flex-flow: row; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-hflex-between-center { flex-flow: row; place-content: center space-between; align-items: center; display: flex; } .u-hflex-between-bottom { flex-flow: row; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-hflex-between-stretch { flex-flow: row; place-content: stretch space-between; align-items: stretch; display: flex; } .u-hflex-wrap { flex-flow: wrap; } .u-vflex-left-top { flex-flow: column; place-content: flex-start; align-items: flex-start; display: flex; } .u-vflex-left-center { flex-flow: column; place-content: flex-start center; align-items: flex-start; display: flex; } .u-vflex-left-bottom { flex-flow: column; place-content: flex-start flex-end; align-items: flex-start; display: flex; } .u-vflex-left-between { flex-flow: column; place-content: flex-start space-between; align-items: flex-start; display: flex; } .u-vflex-center-top { flex-flow: column; place-content: center flex-start; align-items: center; display: flex; } .u-vflex-center-center { flex-flow: column; place-content: center; align-items: center; display: flex; } .u-vflex-center-bottom { flex-flow: column; place-content: center flex-end; align-items: center; display: flex; } .u-vflex-center-between { flex-flow: column; place-content: center space-between; align-items: center; display: flex; } .u-vflex-right-top { flex-flow: column; place-content: flex-end flex-start; align-items: flex-end; display: flex; } .u-vflex-right-center { flex-flow: column; place-content: flex-end center; align-items: flex-end; display: flex; } .u-vflex-right-bottom { flex-flow: column; place-content: flex-end; align-items: flex-end; display: flex; } .u-vflex-right-between { flex-flow: column; place-content: flex-end space-between; align-items: flex-end; display: flex; } .u-vflex-stretch-top { flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .u-vflex-stretch-center { flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .u-vflex-stretch-bottom { flex-flow: column; justify-content: flex-end; align-items: stretch; display: flex; } .u-vflex-stretch-between { flex-flow: column; justify-content: space-between; align-items: stretch; display: flex; } .u-vflex-wrap { flex-flow: column wrap; } .u-flex-noshrink { flex: none; } .u-flex-shrink { flex: 0 auto; } .u-flex-grow { flex: 1; } .u-grid-custom { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-1); display: grid; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .u-grid-autofill { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr)); grid-auto-columns: minmax(0, 1fr); display: grid; } .u-grid-column-2 { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-2); display: grid; } .u-grid-column-3 { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-3); display: grid; } .u-grid-column-4 { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-4); display: grid; } .u-grid-desktop, .u-grid-tablet, .u-grid-landscape { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-main); display: grid; } .u-grid-breakout { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: var(--grid-breakout); display: grid; } .u-grid-flex { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); flex-flow: wrap; display: flex; } .u-align-self-auto { align-self: auto; } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-content: stretch; align-items: stretch; } .u-align-items-start { align-content: flex-start; align-items: flex-start; } .u-align-items-center { align-content: center; align-items: center; } .u-align-items-end { align-content: flex-end; align-items: flex-end; } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .u-gap-0 { grid-column-gap: var(--size--0rem); grid-row-gap: var(--size--0rem); } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .u-gap-1 { grid-column-gap: var(--spacing--tiny); grid-row-gap: var(--spacing--tiny); } .u-gap-2 { grid-column-gap: var(--spacing--xxsmall); grid-row-gap: var(--spacing--xxsmall); } .u-gap-gutter { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); } .u-gap-3 { grid-column-gap: var(--spacing--xsmall); grid-row-gap: var(--spacing--xsmall); } .u-gap-4 { grid-column-gap: var(--spacing--small); grid-row-gap: var(--spacing--small); } .u-gap-5 { grid-column-gap: var(--spacing--medium); grid-row-gap: var(--spacing--medium); } .u-gap-6 { grid-column-gap: var(--spacing--large); grid-row-gap: var(--spacing--large); } .u-gap-7 { grid-column-gap: var(--spacing--xlarge); grid-row-gap: var(--spacing--xlarge); } .u-gap-8 { grid-column-gap: var(--spacing--xxlarge); grid-row-gap: var(--spacing--xxlarge); } .u-gap-row-0 { grid-row-gap: var(--size--0rem); } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--spacing--tiny); } .u-gap-row-2 { grid-row-gap: var(--spacing--xxsmall); } .u-gap-row-gutter { grid-row-gap: var(--site--grid-gutter); } .u-gap-row-3 { grid-row-gap: var(--spacing--xsmall); } .u-gap-row-4 { grid-row-gap: var(--spacing--small); } .u-gap-row-5 { grid-row-gap: var(--spacing--medium); } .u-gap-row-6 { grid-row-gap: var(--spacing--large); } .u-gap-row-7 { grid-row-gap: var(--spacing--xlarge); } .u-gap-row-8 { grid-row-gap: var(--spacing--xxlarge); } .u-mt-0 { margin-top: 0; } .u-mt-gutter { margin-top: var(--site--grid-gutter); } .u-mt-text { margin-top: var(--_heading-styles---margin-top); } .u-mt-1 { margin-top: var(--spacing--tiny); } .u-mt-2 { margin-top: var(--spacing--xxsmall); } .u-mt-3 { margin-top: var(--spacing--xsmall); } .u-mt-4 { margin-top: var(--spacing--small); } .u-mt-5 { margin-top: var(--spacing--medium); } .u-mt-6 { margin-top: var(--spacing--large); } .u-mt-7 { margin-top: var(--spacing--xlarge); } .u-mt-8 { margin-top: var(--spacing--xxlarge); } .u-mb-0 { margin-bottom: 0; } .u-mb-gutter { margin-bottom: var(--site--grid-gutter); } .u-mb-text { margin-bottom: var(--_heading-styles---margin-bottom); } .u-mb-1 { margin-bottom: var(--spacing--tiny); } .u-mb-2 { margin-bottom: var(--spacing--xxsmall); } .u-mb-3 { margin-bottom: var(--spacing--xsmall); } .u-mb-4 { margin-bottom: var(--spacing--small); } .u-mb-5 { margin-bottom: var(--spacing--medium); } .u-mb-6 { margin-bottom: var(--spacing--large); } .u-mb-7 { margin-bottom: var(--spacing--xlarge); } .u-mb-8 { margin-bottom: var(--spacing--xxlarge); } .u-weight-regular { font-family: var(--_core-typography---font--primary-family); font-weight: var(--_core-typography---font--primary-regular); } .u-weight-medium { font-family: var(--_core-typography---font--primary-family); font-weight: var(--_core-typography---font--primary-medium); } .u-weight-bold { font-family: var(--_core-typography---font--primary-family); font-weight: var(--_core-typography---font--primary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-full { grid-column: 1 / -1; } .u-column-custom { grid-column: auto / span 1; } .u-column-indent { grid-column: 2 / -2; } .u-column-1 { grid-column: auto / span 1; } .u-column-2 { grid-column: auto / span 2; } .u-column-3 { grid-column: auto / span 3; } .u-column-4 { grid-column: auto / span 4; } .u-column-5 { grid-column: auto / span 5; } .u-column-6 { grid-column: auto / span 6; } .u-column-7 { grid-column: auto / span 7; } .u-column-8 { grid-column: auto / span 8; } .u-column-9 { grid-column: auto / span 9; } .u-column-10 { grid-column: auto / span 10; } .u-column-11 { grid-column: auto / span 11; } .u-column-12 { grid-column: auto / span 12; } .u-order-first, .u-order-first-desktop, .u-order-first-tablet { order: -1; } .u-order-last, .u-order-last-desktop, .u-order-last-tablet { order: 1; } .u-text-align-left { text-align: left; } .u-text-align-center { text-align: center; } .u-text-align-right { text-align: right; } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-wrap { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--_ui-styles---border-radius--small); } .u-radius-main { border-radius: var(--_ui-styles---border-radius--main); } .u-radius-round { border-radius: var(--_ui-styles---border-radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-scroll { overflow: scroll; } .u-overflow-auto { overflow: auto; } .u-overflow-x-auto { overflow: auto hidden; } .u-overflow-y-auto { overflow: hidden auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); clip-path: polygon(0 0, 9000% 0, 9000% 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; position: relative; overflow: hidden; } .u-cover-absolute { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-alignment-vertical { justify-content: center; align-items: var(--_alignment---flex); text-align: var(--_alignment---text); flex-flow: column; display: flex; } .u-alignment-horizontal { align-items: center; justify-content: var(--_alignment---flex); flex-flow: wrap; display: flex; } .styleguide_subheading { margin-bottom: 0; } .hero_placeholder_wrap { text-align: center; flex-flow: column; min-height: 100vh; display: flex; } .hero_placeholder_tag_wrap { grid-column-gap: var(--spacing--small); grid-row-gap: var(--spacing--small); justify-content: center; align-items: center; display: flex; } .styleguide_card_wrap { padding: var(--spacing--medium); grid-column-gap: var(--spacing--large); grid-row-gap: var(--spacing--large); border: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--main); flex-flow: column; justify-content: space-between; align-items: flex-start; height: 100%; display: flex; position: relative; overflow: hidden; } .styleguide_footer { border-top: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); text-align: center; } .g_tag_wrap { padding: var(--size--0-5rem) var(--size--0-75rem); border-radius: var(--_ui-styles---border-radius--small); background-color: var(--_color-theme---typography--body); color: var(--_color-core---neutral--50\); text-align: center; min-width: 4rem; display: inline-block; } .styleguide_font_item { padding-top: var(--spacing--medium); padding-bottom: var(--spacing--medium); grid-column-gap: var(--spacing--small); grid-row-gap: var(--spacing--small); border-bottom: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .form_main_field_wrap { text-align: left; width: 100%; } .form_main_wrap { width: 100%; margin-bottom: 0; } .form_main_success_wrap { border: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-core---black-alpha--transparent); padding: 1.2rem; } .form_main_list { grid-column-gap: var(--spacing--large); grid-row-gap: var(--spacing--large); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form_main_option_list { grid-column-gap: var(--spacing--small); grid-row-gap: var(--spacing--small); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .form_main_option_item { margin-bottom: 0; padding-left: 0; display: inline-block; } .form_main_error_wrap { border: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); background-color: #0000; margin-top: 0; padding: .8rem 1.4rem; } .form_main_option_link { width: var(--size--1-5rem); height: var(--size--1-5rem); margin: 0px var(--spacing--xxsmall) 0px 0px; border-width: var(--_ui-styles---border-width--main); border-color: var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--small); } .form_main_option_link.w--redirected-checked { border-color: var(--_semantic-colors---swatch--brand\); border-radius: var(--_ui-styles---border-radius--small); background-color: var(--_semantic-colors---swatch--brand\); background-size: 60%; } .form_main_option_link.radio { border-radius: var(--_ui-styles---border-radius--round); } .form_main_field_input { height: var(--size--3rem); border-top: 0 solid #000; border-bottom-style: solid; border-right: 0 solid #000; border-bottom-width: var(--_ui-styles---border-width--main); border-bottom-color: var(--_color-theme---border--color); font-family: var(--_heading-styles---font-family); font-size: var(--_heading-styles---font-size); line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--text-medium); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); color: inherit; text-transform: var(--_text-style---text-transform); background-color: #0000; border-left: 0 solid #000; border-radius: 0; margin-bottom: 0; padding: 0; } .form_main_field_input:focus { border-bottom-color: var(--_color-theme---text--text\); } .form_main_field_input::placeholder { color: color-mix(in srgb, var(--theme--text) 60%, transparent); } .form_main_field_input.is-message { padding-top: var(--size--0-5rem); width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: 5rem; max-height: 10rem; } .btn_main_wrap { padding: var(--size--0-75rem) var(--size--1-5rem); border: var(--_ui-styles---border-width--main) solid var(--_button-style---border); border-radius: var(--_ui-styles---border-radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_color-theme---button-primary--border\); --_button-style---background: var(--_color-theme---button-primary--background\); --_button-style---text: var(--_color-theme---button-primary--text\); --_button-style---border-hover: var(--_color-theme---button-primary--border-hover\); --_button-style---background-hover: var(--_color-theme---button-primary--background-hover\); --_button-style---text-hover: var(--_color-theme---button-primary--text-hover\); --_button-style---focus--width: .125rem; --_button-style---focus--offset-inner: -.125rem; --_button-style---focus--offset-outer: .1875rem; line-height: 1; transition: border-color .2s, color .2s, background-color .2s; display: inline-block; position: relative; } .btn_main_wrap:where(.w-variant-e85564cd-af30-a478-692b-71732aefb3ab) { --_button-style---border: var(--_color-theme---button-secondary--border\); --_button-style---background: var(--_color-theme---button-secondary--background\); --_button-style---text: var(--_color-theme---button-secondary--text\); --_button-style---border-hover: var(--_color-theme---button-secondary--border-hover\); --_button-style---background-hover: var(--_color-theme---button-secondary--background-hover\); --_button-style---text-hover: var(--_color-theme---button-secondary--text-hover\); --_button-style---focus--width: .125rem; --_button-style---focus--offset-inner: -.125rem; --_button-style---focus--offset-outer: .1875rem; } .btn_main_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .btn_main_text { z-index: 2; line-height: inherit; position: relative; } .btn_play_wrap { aspect-ratio: 1; border: var(--_ui-styles---border-width--main) solid var(--_button-style---border); border-radius: var(--_ui-styles---border-radius--round); background-color: var(--_button-style---background); color: var(--_button-style---text); vertical-align: middle; --_button-style---border: var(--_color-theme---button-primary--border\); --_button-style---background: var(--_color-theme---button-primary--background\); --_button-style---text: var(--_color-theme---button-primary--text\); --_button-style---border-hover: var(--_color-theme---button-primary--border-hover\); --_button-style---background-hover: var(--_color-theme---button-primary--background-hover\); --_button-style---text-hover: var(--_color-theme---button-primary--text-hover\); --_button-style---focus--width: .125rem; --_button-style---focus--offset-inner: -.125rem; --_button-style---focus--offset-outer: .1875rem; justify-content: center; align-items: center; width: 5rem; transition: border-color .2s, color .2s, background-color .2s; display: inline-flex; position: relative; } .btn_play_wrap:where(.w-variant-ab355ea0-b722-2f23-3507-f0290f710e57) { --_button-style---border: var(--_color-theme---button-secondary--border\); --_button-style---background: var(--_color-theme---button-secondary--background\); --_button-style---text: var(--_color-theme---button-secondary--text\); --_button-style---border-hover: var(--_color-theme---button-secondary--border-hover\); --_button-style---background-hover: var(--_color-theme---button-secondary--background-hover\); --_button-style---text-hover: var(--_color-theme---button-secondary--text-hover\); --_button-style---focus--width: .125rem; --_button-style---focus--offset-inner: -.125rem; --_button-style---focus--offset-outer: .1875rem; } .btn_play_wrap:hover { border-color: var(--_button-style---border-hover); background-color: var(--_button-style---background-hover); color: var(--_button-style---text-hover); } .btn_play_icon { aspect-ratio: 1; width: 36%; position: relative; } .page_wrap { flex-flow: column; overflow: clip; } .page_main { flex-flow: column; flex: 1; display: flex; } .page_code_wrap { position: fixed; inset: 0% 0% auto; } .styleguide_group { padding-top: var(--spacing--xlarge); grid-column-gap: var(--spacing--medium); grid-row-gap: var(--spacing--medium); flex-flow: column; display: flex; } .styleguide_visual { padding: var(--spacing--tiny); aspect-ratio: 3 / 1.5; border: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--small); text-align: center; width: 100%; max-height: 7rem; position: relative; overflow: hidden; } .styleguide_icon { width: var(--size--3rem); height: var(--size--3rem); } .hero_utility-page_wrap { text-align: center; } .hero_utility-page_contain.u-container { align-content: center; min-height: 100vh; } .hero_utility-page_content { grid-column-gap: var(--spacing--xxlarge); grid-row-gap: var(--spacing--xxlarge); flex-flow: column; max-width: 26rem; margin-left: auto; margin-right: auto; display: flex; } .hero_placeholder_contain { grid-column-gap: var(--spacing--xxlarge); grid-row-gap: var(--spacing--xxlarge); flex-flow: column; flex: 1; justify-content: center; display: flex; } .styleguide_contain { padding-top: var(--sc-padding-vertical--small); padding-bottom: var(--sc-padding-vertical--small); } .styleguide_guide_wrap { z-index: 2000; pointer-events: none; display: block; position: fixed; inset: 0% 0% auto; overflow: hidden; } .styleguide_guide_layout.u-grid-custom { grid-template-columns: var(--grid-main); } .styleguide_guide_column { color: #8a8a8a80; background-color: #9292920f; height: 100vh; padding-top: .6rem; padding-bottom: .6rem; } .g_eyebrow_wrap { margin-bottom: var(--_semantic-sizes---content-space--eyebrow-margin); } .g_eyebrow_marker { width: var(--_ui-styles---border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .g_eyebrow_text { margin-top: 0; margin-bottom: 0; } .g_visual_background { opacity: .1; background-color: currentColor; } .g_visual_overlay { background-color: #000; } .hero_placeholder_link { border-bottom-style: solid; border-bottom-width: var(--_ui-styles---border-width--main); display: inline-block; } .styleguide_list { grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); flex-flow: column; align-items: stretch; display: flex; } .styleguide_card_visual { border-top-left-radius: var(--_ui-styles---border-radius--round); border-top-right-radius: var(--_ui-styles---border-radius--round); border-bottom-left-radius: var(--_ui-styles---border-radius--round); border-bottom-right-radius: var(--_ui-styles---border-radius--round); opacity: .1; pointer-events: none; background-color: currentColor; width: 100%; min-width: 3rem; min-height: 3rem; padding: 0; } .hero_placeholder_title { margin-top: 0; margin-bottom: 0; } .styleguide_flex_wrap { aspect-ratio: 1; background-image: url('../images/dots.svg'); background-position: 50%; background-repeat: no-repeat; background-size: 88%; flex-flow: column; width: 100%; display: flex; container-type: inline-size; } .styleguide_flex_dot { opacity: .1; pointer-events: none; background-color: currentColor; border-radius: 100vw; min-width: 16cqw; min-height: 16cqw; padding: 0; } .styleguide_btn_wrap { grid-column-gap: var(--_semantic-sizes---content-space--button-group-gap); grid-row-gap: var(--_semantic-sizes---content-space--button-group-gap); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .styleguide_scroll { padding-left: var(--site--margin); grid-column-gap: var(--site--grid-gutter); grid-row-gap: var(--site--grid-gutter); margin-left: calc(var(--site--margin) * -1); scrollbar-color: var(--theme--text) transparent; grid-template-rows: auto; grid-template-columns: minmax(16rem, 1fr); grid-auto-columns: minmax(16rem, 1fr); grid-auto-flow: column; justify-content: flex-start; align-items: flex-start; display: grid; overflow: auto; -webkit-mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); mask-image: linear-gradient(to right, #0000 0%, #000 3% 97%, #0000 100%); } .styleguide_section { padding-top: var(--spacing--xxlarge); } .g_clickable_wrap { z-index: 3; border-radius: inherit; width: 100%; height: 100%; position: absolute; inset: 0%; } .g_clickable_link { border-radius: inherit; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .g_clickable_btn { border-radius: inherit; width: 100%; height: 100%; display: none; position: absolute; inset: 0%; } .styleguide_layout { grid-row-gap: var(--spacing--xxlarge); align-items: start; } .styleguide_nav_wrap { padding-top: var(--size--1rem); padding-right: var(--size--1rem); padding-bottom: var(--size--1rem); padding-left: var(--size--1rem); border-top-left-radius: var(--_ui-styles---border-radius--small); border-top-right-radius: var(--_ui-styles---border-radius--small); border-bottom-left-radius: var(--_ui-styles---border-radius--small); border-bottom-right-radius: var(--_ui-styles---border-radius--small); max-height: calc(100vh - var(--site--margin) * 2); top: var(--site--margin); order: 1; grid-column: 10 / span 3; position: sticky; overflow: hidden auto; } .styleguide_nav_list { border-left: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); } .styleguide_nav_item { margin-left: calc(var(--border-width--main) * -.5); } .styleguide_nav_link { padding-top: var(--size--0-125rem); padding-bottom: var(--size--0-125rem); padding-left: var(--size--0-75rem); outline-offset: var(--focus--offset-inner); display: block; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--_ui-styles---border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_list { overflow: hidden; } .styleguide_nav_sub_link { padding-top: var(--size--0-125rem); padding-right: 1.1rem; padding-bottom: var(--size--0-125rem); opacity: .6; outline-offset: var(--focus--offset-inner); padding-left: 1.1rem; line-height: 1.3em; display: block; } .styleguide_nav_sub_link:hover, .styleguide_nav_sub_link.w--current { opacity: 1; } .styleguide_nav_sub_wrap { grid-template-rows: 0fr; grid-template-columns: minmax(0, 1fr); transition-property: all; transition-duration: .2s; transition-timing-function: ease; display: grid; } .btn_play_pause { opacity: 0; display: block; } .btn_play_play { display: block; } .g_eyebrow_layout { grid-column-gap: var(--spacing--xsmall); grid-row-gap: var(--spacing--xsmall); vertical-align: baseline; display: inline-flex; } .g_svg { justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; overflow: visible !important; } .styleguide_card_inner { grid-column-gap: var(--spacing--xsmall); grid-row-gap: var(--spacing--xsmall); flex-flow: wrap; place-content: center; align-items: center; width: 100%; display: flex; } .styleguide_card_hidden { display: none; } .g_section-space { height: var(--sc-padding-vertical--none); } .g_section-space:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--sc-padding-vertical--small); } .g_section-space:where(.w-variant-60a7ad7d-02b0-6682-95a5-2218e6fd1490) { height: var(--sc-padding-vertical--main); } .g_section-space:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--sc-padding-vertical--large); } .g_section-space.main { height: 10rem; } .g_section-space.small { height: 5rem; } .g_section-space.large { height: 15rem; } .hero_utility-page_header { grid-column-gap: var(--spacing--medium); grid-row-gap: var(--spacing--medium); flex-flow: column; justify-content: center; align-items: center; display: flex; } .content-tab-link { grid-column-gap: 24px; grid-row-gap: 24px; color: #525f75; background-color: #ddd0; align-items: flex-start; width: 100%; padding: 0; transition: color .3s; } .content-tab-link:hover { color: #23272f; } .content-tab-link.w--current { color: #23272f; background-color: #ddd0; } .faq { background-color: #f6f7f9; border-radius: 8px; width: 100%; margin-left: 0; margin-right: 0; overflow: hidden; } .hero_sc_wrap { z-index: 5; background-color: var(--_color-core---black-alpha--transparent); flex-flow: column; justify-content: center; display: flex; position: relative; } .hero_sc_wrap.u-theme-light { background-color: var(--_color-core---primary--100); } .intro_splitscreen_wrap { z-index: 1; background-color: var(--_color-core---primary--100); pointer-events: none; text-align: center; --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: 0; display: flex; position: absolute; inset: 50% 0% 0%; overflow: hidden; transform: translate(0, -50%); } .intro_sc_wrap { position: sticky; top: 0%; } .intro_animation_wrap { justify-content: center; align-items: center; min-height: 200dvh; } .intro_content { z-index: 0; flex-flow: column; justify-content: space-between; width: 100%; height: 100%; display: flex; } .split_heading { font-size: 2.5vw; } .lazer_grid_wrap { flex-direction: row; justify-content: space-between; display: flex; } .split_slide_wrap { z-index: 1; background-color: var(--_color-core---black-alpha--transparent); width: 100%; height: auto; position: absolute; inset: 0%; } .split__icon { object-fit: fill; width: auto; height: 3vw; } .split_column_wrap { aspect-ratio: 9 / 16; background-color: var(--_color-theme---background--main); flex-direction: column; justify-content: flex-end; align-items: center; width: 20%; display: flex; position: relative; overflow: hidden; } .split__icon-wrapper { z-index: 5; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .split_content_wrap { z-index: 3; color: #fff; text-align: center; flex-flow: column; justify-content: space-between; align-items: stretch; margin: 2vw 1dvw; padding: .5dvw; display: flex; position: absolute; inset: 0%; overflow: hidden; } .card { color: #fff; background-color: #131313; border-radius: .5rem; width: 100%; height: 75vh; position: relative; overflow: hidden; } .template-card { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; color: #fff; cursor: pointer; flex-direction: column; display: flex; overflow: hidden; } .u-fixed-view-screen { z-index: -1; background-color: var(--_color-core---black-alpha--transparent); height: 100vh; display: flex; position: relative; } .u-media-wrap-large { height: var(--_media-sizes---media--height); max-height: var(--_media-sizes---media--max-height); min-height: var(--_media-sizes---media--min-height); grid-column-gap: var(--size--2rem); grid-row-gap: var(--size--2rem); border-radius: var(--_ui-styles---border-radius--main); --_media-sizes---media--height: 100dvh; --_media-sizes---media--max-height: var(--size--50rem); --_media-sizes---media--min-height: var(--size--30rem); --_media-sizes---media--padding-main: var(--spacing--large); --_media-sizes---media--border-width: var(--_ui-styles---border-width--main); --_media-sizes---media--width: 100dvw; --_media-sizes---media--min-width: var(--size--0rem); --_media-sizes---media--max-width: var(--container--main); --_media-sizes---media--border-radius: var(--_ui-styles---border-radius--small); --_media-sizes---media--padding-left: var(--size--0rem); --_media-sizes---media--padding-right: var(--_media-sizes---media--padding-main); --_media-sizes---media--padding-bottom: var(--size--0rem); --_media-sizes---media--padding-top: var(--_media-sizes---media--padding-main); flex-flow: column; justify-content: space-between; align-items: flex-start; width: 100%; position: relative; overflow: hidden; } .tag { z-index: 2; grid-column-gap: .4rem; grid-row-gap: .4rem; color: #101014; background-color: #fff; border: 1px solid #fff; border-radius: 50rem; justify-content: center; align-items: center; padding: .5rem 1rem; font-size: 1rem; font-weight: 500; display: flex; position: relative; } .tag.tag-blue { color: #fff; background-color: #0a65db; border-color: #0a65db; } .tag.tag-black { color: #fff; background-color: #0e0e0e; } .tag.tag-light-blue { color: #0a65db; background-color: #e3ebf7; } .tag-icon { width: 1rem; margin-bottom: .05rem; } .card_image { object-fit: cover; width: 100%; height: 100%; position: absolute; inset: 0%; } .conceito_text_grid { grid-column-gap: var(--size--8rem); grid-row-gap: var(--size--8rem); grid-template-rows: auto; grid-template-columns: 1fr auto auto; grid-auto-columns: 1fr; display: grid; } .card_content_top { z-index: 2; flex-direction: row; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .card_square_wrap { aspect-ratio: 1; border-radius: var(--_ui-styles---border-radius--main); color: #fff; cursor: pointer; flex-direction: column; justify-content: space-between; transition-property: none; position: relative; overflow: hidden; } .card_content_bottom { z-index: 2; grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } ._2-1-grid { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 2fr 1fr; } .image-wrapper-medium { background-color: #ebebeb; border-radius: 1rem; align-items: flex-end; height: 40rem; padding: 2rem; display: flex; position: relative; overflow: hidden; } ._2-grid { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .horizontal-line { background-color: #dadada; width: 100%; height: .5px; overflow: hidden; } .ds_section_layout { grid-row-gap: 5rem; flex-direction: column; display: flex; } .ds_section_head { grid-row-gap: var(--size--3rem); flex-direction: column; display: flex; } .styles-grid { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; } .styles-grid-item { justify-content: flex-start; align-items: center; width: 100%; display: flex; } .paragraph { font-size: 1rem; line-height: 1.5em; } .title { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; max-width: 40rem; display: flex; } .menu-link { color: var(--_color-theme---typography--heading); border-bottom-style: none; font-weight: 600; overflow: hidden; } .button-icon { width: 2rem; max-height: 2rem; } .button-icon.button-icon-absolute { position: absolute; inset: 100% 0% 0%; } .button-icon-outer-wrapper { overflow: hidden; } .button_square_wrap { cursor: pointer; border: 1px solid #ccc; border-radius: .25rem; justify-content: center; align-items: center; width: 5rem; height: 5rem; transition: background-color .5s cubic-bezier(.165, .84, .44, 1); display: flex; } .button_square_wrap:hover { background-color: #dbdbdb; } .button_square_wrap:active { background-color: #c9c9c9; } .button-icon-inner-wrapper { position: relative; } .video_button_icon_wrap, .video_hover_title_wrap { overflow: hidden; } .u-icon-size-large { width: var(--size--1rem); max-height: var(--size--1rem); } .u-icon-size-large.icon-xs-absolute { position: absolute; top: 100%; } .video_content_wrap { z-index: 3; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .video_tag { padding: var(--size--0-75rem) var(--size--1rem); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-theme---background--main); position: absolute; inset: 0% auto auto 0%; } .video_button_wrap { cursor: pointer; background-color: #ffffff40; border: 1px solid #ffffff80; border-radius: 50rem; justify-content: center; align-items: center; width: 5rem; height: 5rem; display: flex; } .video_hover_title { line-height: 1.2em; } .video_hover_title.is-title-copy { position: absolute; } .video_background_wrap { z-index: 1; position: relative; } .video_frame_wrap { border-radius: var(--_ui-styles---border-radius--main); flex-direction: column; align-items: flex-end; display: flex; position: relative; overflow: hidden; } .video_hover_wrap { z-index: 2; padding: var(--_media-sizes---media--padding-main); background-color: var(--_color-theme---foreground--main); flex-direction: column; justify-content: flex-end; align-items: flex-start; width: 50%; display: flex; position: absolute; inset: 0% auto 0% 0%; } .video_background { z-index: 99; border-radius: .5rem; } .video_button_icon_group { flex-direction: column; display: flex; position: relative; } .video_hover_title_inner_wrap { position: relative; } .slide_arrow_button { aspect-ratio: 1; border: 1px solid var(--_color-core---primary--100); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-core---black-alpha--60); color: var(--_color-core---primary--100); cursor: pointer; justify-content: center; align-items: center; width: 2.5rem; display: flex; } .slide_arrow_icon_outer_wrap { display: flex; overflow: hidden; } .slide_arrow_wrap { border-radius: .25rem; justify-content: center; align-items: center; width: 5rem; height: 80%; display: flex; } .slide_arrow_wrap.u-display-none { display: none; } .slide_arrow_wrap.is-tab-arrow-prev { height: var(--size--35rem); margin-left: calc(var(--size--5rem) * -1); position: absolute; inset: auto auto 0% 0%; } .slide_arrow_wrap.is-tab-arrow-next { height: var(--size--35rem); margin-right: calc(var(--size--5rem) * -1); position: absolute; inset: auto 0% 0% auto; } .slide_arrow_icon_inner_wrap { display: flex; position: relative; } .slide_arrow_icon { filter: invert(); width: 1rem; height: 1rem; } .slide_arrow_icon.is-arrow-absolut, .slide_arrow_icon.right-10.is-arrow-absolut { position: absolute; inset: 0% auto 0% -100%; } .link { text-decoration: none; } .card-image-wrapper { background-color: #fff; width: 100%; height: 100%; padding: .5rem; } .card-image-2 { object-fit: cover; object-position: 50% 0%; border-radius: .5rem; width: 100%; height: 100%; } .link-underline { background-color: #000; width: 100%; height: .125rem; } .static-link-hover { color: #000; flex-direction: column; align-items: center; font-size: 1.2rem; font-weight: 500; line-height: 1.5; text-decoration: none; display: none; position: relative; } .card-2 { border-radius: .5rem; width: 25rem; height: 0; position: absolute; bottom: 2.5rem; overflow: hidden; transform: translate(0); box-shadow: 0 4px 12px #0000001a; } .link-wrapper { font-size: 1.5rem; } .nav_menu_link { padding: var(--size--1rem) var(--size--1-125rem); justify-content: center; align-items: center; display: flex; } .nav_btn_icon { font-size: 1.1rem; } .nav_logo_wrap { width: var(--size--12rem); color: var(--_color-core---primary--100); } .nav_wrapper { z-index: 1000; background-color: var(--_color-core---primary--900); position: fixed; inset: 0% 0% auto; container-type: inline-size; } .nav_container { min-height: var(--size--5rem); grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; display: flex; } .nav_menu_btn { min-height: var(--size--3rem); margin-left: var(--size--1rem); padding-right: var(--size--1-5rem); padding-left: var(--size--1-5rem); border: 1px solid var(--_color-theme---border--color); background-color: var(--_color-core---black-alpha--transparent); color: var(--_color-core---primary--100); justify-content: center; align-items: center; display: flex; } .nav_menu_btn:hover { background-color: var(--_color-core---white-alpha--15); } .nav_btn_wrap { padding: var(--size--0-75rem) var(--size--1rem); aspect-ratio: 1; border: var(--_ui-styles---border-width--main) solid var(--_color-core---black-alpha--transparent); color: var(--_color-theme---typography--heading); } .nav_btn_wrap.w--open { border-color: var(--_color-core---primary--100); background-color: var(--_color-core---black-alpha--90); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .nav_menu_item { font-family: var(--_semantic-typography---navbar--font-family); font-size: var(--_semantic-typography---navbar--font-size); line-height: var(--_semantic-typography---navbar--line-height); font-weight: var(--_semantic-typography---navbar--font-weight); letter-spacing: var(--_semantic-typography---navbar--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); text-transform: var(--_semantic-typography---navbar--text-transform); flex: none; } .nav_menu_item:hover { color: var(--_color-core---primary--100); } .nav { z-index: 5; background-color: var(--_color-core---black-alpha--transparent); } .nav.is-desktop { color: var(--_color-core---primary--100); } .nav.is-mobile { display: none; } .nav_menu_list { justify-content: center; align-items: center; list-style-type: none; display: flex; } .nav_menu_wrap.u-container { padding-right: var(--size--0rem); justify-content: flex-end; display: flex; } .list-item-image-outer-wrapper { z-index: 2; pointer-events: none; justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .list-item-content { grid-column-gap: 1rem; grid-row-gap: 1rem; justify-content: space-between; align-items: center; width: 100%; display: flex; } .grid-4 { grid-column-gap: 0rem; grid-row-gap: 0rem; grid-template-rows: auto; grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr); grid-auto-columns: minmax(.5rem, 1fr); display: none; } .icon-s-2 { width: .85rem; max-height: .85rem; } .list-item-image-transition { background-color: #1c1c1c; position: absolute; inset: 0%; } .list-item-image-inner-wrapper { max-width: 25rem; position: relative; overflow: hidden; } .list-item { color: #fff; cursor: pointer; border-bottom: 1px solid #454545; justify-content: center; width: 100%; padding-top: 4rem; padding-bottom: 4rem; display: flex; position: relative; } .display-s-2 { letter-spacing: -.01em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 1.2em; } .list-item-image { z-index: 2; position: relative; } .list-item-2 { color: #000; cursor: pointer; border-bottom: 1px solid #ccc; flex-direction: column; align-items: center; width: 100%; padding-top: 1.5rem; padding-bottom: 1.5rem; display: flex; position: relative; overflow: hidden; } .ds_content_head { color: #6e6e6e; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #dadada; justify-content: space-between; padding-bottom: .25rem; font-size: .9rem; display: flex; } .ds_section_wrap { flex-direction: column; margin-left: auto; display: flex; } ._1-2-grid { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 2fr; } .container-9 { width: 100%; max-width: 1350px; min-height: .5rem; margin-left: auto; margin-right: auto; padding-left: 3rem; padding-right: 3rem; } .grid-item-placeholder { background-color: #ebebeb; border-radius: .25rem; width: 100%; height: 5rem; } .display-s-5 { font-size: 1.65rem; font-weight: 600; line-height: 1.3em; } ._3-grid { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } ._4-grid { grid-column-gap: 2rem; grid-row-gap: 2rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .container-10 { width: 100%; max-width: 1350px; min-height: .5rem; margin-left: auto; margin-right: auto; padding-left: 3rem; padding-right: 3rem; } .display-s-6 { font-size: 1.65rem; font-weight: 600; line-height: 1.3em; } .tag-icon-small { width: .9rem; margin-bottom: 0; margin-right: .25rem; } .tag-small { z-index: 2; color: #101014; background-color: #fff; border: 1px solid #fff; border-radius: .25rem; justify-content: center; align-items: center; padding: .25rem .5rem; font-size: .9rem; font-weight: 500; display: flex; position: relative; } .tag-small.tag-blue { color: #fff; background-color: #0a65db; border-color: #0a65db; } .field-label { font-weight: 500; } .form { grid-row-gap: 2rem; flex-direction: column; align-items: flex-start; display: flex; } .button-5 { grid-column-gap: .4rem; grid-row-gap: .4rem; color: #fbfaf9; cursor: pointer; background-color: #0a65db; border: 1px solid #0a65db; border-radius: 50rem; justify-content: center; align-items: center; padding: .75rem 1.5rem; font-weight: 500; text-decoration: none; transition: border-color .2s cubic-bezier(.165, .84, .44, 1), color .2s cubic-bezier(.165, .84, .44, 1), background-color .2s cubic-bezier(.165, .84, .44, 1); display: flex; } .button-5:hover { color: #0a65db; background-color: #e3ebf7; border-color: #e3ebf7; } .form-row { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: row; align-items: center; width: 100%; display: flex; } .success-message { color: #0a65db; background-color: #e3ebf7; padding: 1.5rem; font-weight: 500; } .form-column { grid-row-gap: .5rem; flex-direction: column; align-items: flex-start; width: 100%; display: flex; } .checkbox, .radio-button { cursor: pointer; width: 1rem; height: 1rem; margin-top: 0; margin-right: .5rem; } .error-message { color: #8d2f2f; text-align: center; margin-top: 2rem; padding: 1.5rem; } .text-field { background-color: #fff0; border: 1px solid #dadada; border-radius: .25rem; min-height: 3rem; margin-bottom: 0; padding: 1rem; font-weight: 400; transition: border .35s cubic-bezier(.165, .84, .44, 1); } .text-field:hover { border-color: #0a65db; } .text-field:active { border-color: #084a9e; } .text-field:focus, .text-field:focus-visible, .text-field[data-wf-focus-visible] { border-color: #0a65db; } .checkbox-field { align-items: center; margin-bottom: 0; display: flex; } .form-block { width: 100%; margin-bottom: 0; } .radio-button-field { align-items: center; margin-bottom: 0; display: flex; } .image-wrapper-small { background-color: #ebebeb; border-radius: .5rem; min-height: 15rem; position: relative; overflow: hidden; } .card-3 { color: #fff; width: 50%; position: relative; } .u-text-style-display-large { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 9rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--display-large); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-subheading { font-family: var(--_heading-styles---font-family); color: var(--_color-theme---typography--heading); font-size: 1.25rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--medium); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--text-medium); --_heading-styles---text-transform: var(--_core-typography---text-transform--uppercase); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_heading-styles---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-tiny { max-width: var(--_text-styles---max-width); font-family: var(--_text-styles---font-family); color: var(--_color-theme---typography--body); font-size: .75rem; line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-tiny); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-style---text-transform); display: flow-root; } .u-text-style-huge { max-width: var(--_text-styles---max-width); font-family: var(--_text-styles---font-family); color: var(--_color-theme---typography--body); font-size: 1.5rem; line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-huge); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-styles---text-transform); display: flow-root; } .footer_wrap { z-index: 2; background-color: #000; } .footer_wrap.u-theme-dark { z-index: 5000; } .footer_contain { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-direction: column; } .footer_contain.u-container { align-content: center; } .footer_block_01 { grid-column-gap: 1rem; grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; margin-bottom: 2rem; display: grid; } .footer_main_content_left { grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); flex-flow: column; display: flex; } .footer_logo { object-fit: contain; width: 16rem; height: 100%; } .svg_logo { color: inherit; } .footer_line_divider { opacity: .15; background-color: #fff; width: 100%; height: 1.5px; } .footer_line_divider.is-tablet { display: none; } .u-text-style-main-2 { max-width: var(--_text-styles---max-width); color: var(--_color-theme---typography--body); font-size: var(--_text-styles---font-size); line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-regular); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-style---text-transform); text-wrap: pretty; display: flow-root; } .footer_logos_list { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-end; align-items: center; display: flex; } .footer_logo_wrap { grid-row-gap: 1.5rem; flex-direction: column; align-items: center; display: flex; } .footer_logo_signature { color: #dadfe2; font-size: var(--size--0-75rem); letter-spacing: .035em; font-weight: 500; } .footer__logo-link { justify-content: center; align-items: center; width: 10rem; height: 6rem; transition: transform .4s cubic-bezier(.165, .84, .44, 1); display: flex; } .footer__logo-link:hover { transform: translate(0, -.35rem); } .footer__logo { color: #b83d3d; object-fit: contain; width: 100%; height: 100%; } .footer__logo.is-sdi { width: 50%; } .footer_block_02 { padding-top: var(--size--2rem); padding-bottom: var(--size--2rem); border-top: 1px solid #ffffff26; border-bottom: 1px solid #ffffff26; } .footer_disclaimer_text.u-text-style-tiny { max-width: var(--_core-typography---text-max-width--full); } .footer_end_wrap { padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); display: flex; } .foooter_disclaimer-divider { opacity: .16; background-color: #fff; border-radius: 2px; width: .15rem; height: 1rem; } .d1up_logo { width: 1.25rem; height: 1.25rem; } .u-hflex-content-xsmall { grid-column-gap: var(--spacing--xsmall); grid-row-gap: var(--spacing--xsmall); flex-flow: wrap; justify-content: center; align-items: center; display: flex; } .u-link-text-wrap { font-family: var(--_semantic-typography---link--font); color: var(--_color-theme---primary-accent--text); font-size: var(--size--0-875rem); line-height: var(--_semantic-typography---link--line-height); font-weight: var(--_semantic-typography---link--font-weight); letter-spacing: var(--_semantic-typography---link--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); } .u-link-text-wrap:hover { color: var(--_color-theme---primary-accent--text-hover); } .contato_sc_wrap.u-theme-light { z-index: 500; } .contato_contain.u-container { align-content: center; } .sc_contato_layout.u-grid-column-2 { grid-column-gap: var(--size--5rem); grid-row-gap: var(--size--5rem); } .contato_content_wrap { text-wrap: balance; grid-column-gap: clamp(2rem, 1.472rem + 2.254vw, 3.5rem); grid-row-gap: clamp(2rem, 1.472rem + 2.254vw, 3.5rem); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; } .overline_wrap { margin-bottom: var(--_semantic-typography---overline--margin-bottom); grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); color: #474a51; text-transform: uppercase; --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); justify-content: flex-start; align-items: center; display: flex; } .overline_wrap:where(.w-variant-7087a5fa-b6d5-dfb6-975a-fd12b389704f) { margin-bottom: var(--size--2-5rem); } .overline_wrap.is-overline-large { --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); } .overline_wrap.vertical-small-2 { margin-bottom: 2.5rem; } .overline_line { width: var(--size--7rem); height: var(--_ui-styles---border-width--main); margin-left: var(--size--1-25rem); background-color: var(--_color-theme---border--color); opacity: .25; border-radius: 100dvw; flex: 1; } .overline_text { font-family: var(--_semantic-typography---overline--font-family); color: var(--_color-theme---typography--overline); font-size: .75rem; line-height: var(--_semantic-typography---overline--line-height); font-weight: var(--_semantic-typography---overline--font-weight); letter-spacing: var(--_semantic-typography---overline--letter-spacing); } .text-divider { width: var(--_ui-styles---border-width--main); height: var(--size--0-75rem); background-color: var(--_color-theme---border--color); margin-top: 2px; } .contato_form_wrap { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .form_frame { padding: var(--size--2rem); grid-column-gap: 2rem; grid-row-gap: 2rem; background-color: var(--_color-core---primary--900); color: var(--_color-core---primary--100); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; flex-flow: column; display: flex; } .contato_form_header { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; display: flex; } .form_text { color: var(--_color-theme---typography--body); } .email-code__wrapper { justify-content: center; } .full-banner { max-height: var(--size--50rem); aspect-ratio: 16 / 9; flex-flow: row; justify-content: space-between; align-items: stretch; width: 100%; display: flex; } .reveal-type { color: var(--_color-theme---typography--headline); font-size: clamp(2rem, .75rem + 5dvw, 5rem); font-weight: 700; line-height: 1.2em; } .hero_contain.u-container { align-content: center; } .hero_main_content { margin-bottom: var(--size--2-5rem); grid-column-gap: var(--size--3rem); grid-row-gap: var(--size--3rem); flex-flow: column; display: flex; } .hero_title { color: #000; font-size: clamp(1.5rem, 1.25rem + 5vw, 5.5rem); font-weight: 700; line-height: 1; } .hero_product_wrap { grid-column-gap: var(--size--2-5rem); grid-row-gap: var(--size--2-5rem); color: #989da6; justify-content: space-between; align-items: center; width: 100%; display: flex; } .hero_product_content { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); justify-content: center; align-items: center; display: flex; } .hero_product_text { font-weight: 400; } .line_decoration { background-color: #989da6; flex: 1; height: 1px; } .headline-faded { color: var(--_color-theme---typography--headline); font-size: clamp(1.25rem, .986rem + 1.127vw, 2rem); font-weight: 600; line-height: 1; } .headline-faded.is-small-headline { font-size: clamp(1rem, .75rem + 1vw, 1.5rem); } .headline-faded.is-tab-headline { color: inherit; font-size: clamp(1rem, .75rem + 1vw, 1.5rem); } .headline_span { opacity: .4; } .cookies_modal_wrap { max-width: var(--size--40rem); margin: var(--size--3rem); padding: var(--size--2rem); border: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-core---primary--900); position: fixed; inset: auto 0% 0% auto; } .cookies_modal_wrap.u-vflex-stretch-center.u-gap-4 { display: none; } .text-span-link { color: #13b6ec; letter-spacing: .25px; border-bottom: 1.25px solid #13b6ec; padding-bottom: .125rem; font-weight: 500; } .cookie_button { padding: var(--size--0-75rem) var(--size--1-5rem); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-core---primary--100); color: var(--_color-core---primary--900); text-align: center; justify-content: center; align-items: center; transition: transform .3s, box-shadow .3s, background-color .3s; } .cookie_button:hover { background-color: #fb2f48; transform: translate(0, -2px); box-shadow: 0 4px 10px #ef233c66; } .cookie_button.u-text-style-man { min-height: var(--size--3rem); } .btn_zoom_wrap { z-index: 25; padding: var(--size--1rem); aspect-ratio: 1; background-color: var(--_color-theme---background--main); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--_color-theme---typography--heading); cursor: pointer; justify-content: center; align-items: center; width: 3rem; transition: height .42s cubic-bezier(.25, .46, .45, .94), width .42s cubic-bezier(.25, .46, .45, .94), padding .42s cubic-bezier(.25, .46, .45, .94); display: flex; position: absolute; inset: 0% 0% auto auto; } .btn_zoom_wrap:where(.w-variant-54331346-9b8d-6f26-6ddc-76068a4dea8b) { background-color: var(--_color-core---primary--100); color: var(--_color-core---primary--900); } .btn_zoom_wrap:where(.w-variant-936a92ad-ac32-b679-6b9f-80c50c3060b3) { width: var(--size--2rem); padding: var(--size--0-625rem); } .btn_zoom_wrap:hover { width: 3.25rem; height: 3.25rem; padding-left: 1.15rem; padding-right: 1.15rem; } .btn_zoom_wrap.is-inverse { --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .btn_zoom_wrap.small-5 { width: 2rem; padding: .675rem; } .lazer_grid { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .lazer_grid_block.is-fisrt-block { padding-right: var(--size--2-5rem); } .lazer_grid_frame { min-height: var(--size--8rem); padding-top: var(--size--1rem); padding-right: var(--size--1-5rem); padding-bottom: var(--size--1rem); padding-left: var(--size--1-5rem); grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); border-top-style: solid; border-top-width: var(--_media-sizes---media--border-width); border-top-color: var(--_color-theme---border--color); border-right-style: solid; border-right-width: var(--_media-sizes---media--border-width); border-right-color: var(--_color-theme---border--color); border-bottom-style: solid; border-bottom-width: var(--_media-sizes---media--border-width); border-bottom-color: var(--_color-theme---border--color); border-left-style: solid; border-left-width: var(--_media-sizes---media--border-width); border-left-color: var(--_color-theme---border--color); text-wrap: balance; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; } .lazer_grid_icon { width: var(--size--1-5rem); height: var(--size--1-5rem); filter: grayscale(); } .lazer_grid_title { margin-bottom: 1rem; } .product-divider { background-color: #fff6; flex: 1; height: .125rem; display: flex; } .planta_header_box { margin-top: var(--size--1rem); padding: var(--size--0-75rem) var(--size--2rem); grid-column-gap: 1rem; grid-row-gap: 1rem; color: #f3f9f8; mix-blend-mode: normal; background-color: #231f20; align-self: stretch; align-items: center; width: 90%; font-weight: 700; display: flex; position: relative; } .sb-product-head { letter-spacing: 1.5px; text-transform: uppercase; flex: none; margin-bottom: 0; padding-top: .4375rem; font-size: 1.5rem; font-weight: 700; line-height: 100%; } .sb-product-head.is-small-head { font-size: 1rem; font-weight: 500; line-height: 1.3; } .plantas_diferenciais_list { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-wrap: wrap; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: center; display: flex; } .apartamentos_list_text { padding-left: var(--size--1rem); border-left: var(--size--0-125rem) solid var(--_color-semantics---brand--primary--dark); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .lightbox-component { flex-direction: column; justify-content: flex-end; width: 100%; height: 100%; padding-top: 0; display: flex; position: absolute; inset: 0%; overflow: hidden; } .cover-image { object-fit: cover; width: 100%; height: 100%; transition: transform .72s cubic-bezier(.39, .575, .565, 1); position: absolute; inset: 0%; } .cover-image.is-cover-zoom:hover { transform: scale(1.05); } .apartamentos_list_wrap { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1-5rem); flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .apartamentos_grid_wrap { grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); grid-template-rows: 100%; grid-template-columns: 1fr 1fr; width: 100%; height: 100%; display: grid; } .apto_grid_block_left { grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); grid-template-rows: 45% auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; width: 100%; height: 100%; display: grid; } .apto_grid_block_right { width: 100%; height: 90%; position: relative; } .apto_grid_block_line { z-index: 25; width: var(--_ui-styles---border-width--main); margin-top: var(--size--1rem); margin-right: var(--size--2-5rem); background-color: var(--_color-core---primary--100); height: 45%; position: absolute; inset: 0% 0% auto auto; } .planta_thumbnails-wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; align-items: center; display: flex; } .planta_thumbnails-img-wrap { border-radius: .25rem; width: 8rem; height: 4.5rem; position: relative; } .lightbox-compoenent { border-radius: var(--_ui-styles---border-radius--main); width: 100%; height: 100%; position: relative; inset: 0%; overflow: hidden; } .planta_pin-2 { grid-column-gap: .5rem; background-color: #101314; border-radius: .25rem; justify-content: flex-start; align-items: center; min-width: 2rem; min-height: 2rem; padding: .5rem; line-height: 1; transition: all .8s ease-in-out; position: absolute; inset: 5% auto auto 18%; overflow: hidden; } .cta_bar_wrap { max-width: var(--size--50rem); margin-right: auto; margin-bottom: var(--size--1-5rem); padding: var(--size--0-5rem) var(--size--0-5rem) var(--size--0-5rem) var(--size--2rem); grid-column-gap: var(--size--1-25rem); grid-row-gap: var(--size--1-25rem); border-radius: var(--_ui-styles---border-radius--small); background-color: var(--_color-core---primary--800); justify-content: space-between; align-items: stretch; width: 100%; margin-left: auto; display: flex; position: fixed; inset: auto 0% 0%; } .cta_bar_wrap.u-theme-dark { z-index: 499; border-radius: var(--_ui-styles---border-radius--main); } .cta_bar_alt { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); align-items: center; display: flex; } .cta_bar_icon { width: var(--size--0-875rem); max-height: var(--size--0-875rem); aspect-ratio: auto; } .cta_bar_buttons_wrap { grid-column-gap: var(--size--0-5rem); flex: 1; justify-content: center; align-items: center; display: flex; } .cta_bar_button { padding: var(--size--0-75rem) var(--size--1-5rem); grid-column-gap: var(--size--0-75rem); border: var(--_ui-styles---border-width--main) solid var(--_color-semantics---brand--primary--cta--email-hover); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-semantics---brand--primary--cta--cta-email); color: var(--_color-theme---typography--heading); cursor: pointer; justify-content: center; align-items: center; width: 100%; transition: border-color .42s cubic-bezier(.165, .84, .44, 1), background-color .42s cubic-bezier(.165, .84, .44, 1); display: inline-flex; } .cta_bar_button:hover { background-color: var(--_color-semantics---brand--primary--cta--email-hover); color: var(--_color-semantics---brand--primary--cta--email-text); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .cta_bar_button.is--whatsapp-trigger { border-color: var(--_color-semantics---brand--primary--cta--cta-whatsapp); background-color: var(--_color-semantics---brand--primary--cta--cta-whatsapp); color: var(--_color-semantics---brand--primary--cta--whatsapp-text); } .cta_bar_button.is--whatsapp-trigger:hover { background-color: var(--_color-semantics---brand--primary--cta--whatsapp-hover); } .cta_bar_button_text.u-text-style-small { color: var(--_color-semantics---brand--primary--cta--email-text); font-weight: var(--_core-typography---font--primary-bold); } .cta_bar_button_text.u-text-style-small.is-whatsapp-text { color: var(--_color-semantics---brand--primary--cta--whatsapp-text); } .conceito_grid_wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; color: #fff; grid-template-columns: .75fr 1fr; width: 100%; height: 100%; position: relative; } .g_content_media_wrap { border-bottom: .25rem solid #96745b; border-radius: .25rem; width: 100%; height: 100%; position: relative; inset: 0%; overflow: hidden; } .u-parallax-image { width: 100%; height: 120%; transition: transform .72s cubic-bezier(.23, 1, .32, 1); } .u-parallax-image:hover { transform: scale(1.1); } .u-overlay-linear-dark { -webkit-backdrop-filter: blur(var(--overlay--blur)); backdrop-filter: blur(var(--overlay--blur)); pointer-events: none; background-image: linear-gradient(0deg, #0d0805bf, #1b0c0200 34%); width: 100%; height: 100%; position: absolute; inset: 0%; } .u-svg-icon { flex: none; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; } .lightbox_caption { margin: var(--_media-sizes---media--padding-main); grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); justify-content: flex-start; align-items: center; display: flex; position: absolute; inset: auto auto 0% 0%; } .caption_wrap { z-index: 25; padding: var(--size--0-75rem) var(--size--1-5rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); background-color: var(--_color-core---primary--900); pointer-events: auto; --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; justify-content: center; align-items: center; display: flex; position: absolute; inset: auto auto 0% 0%; } .caption_wrap:where(.w-variant-d6f2828d-5eca-7691-95db-dcdaa86f451a) { padding: var(--size--0-5rem) var(--size--1rem); grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); } .caption_wrap.small-6 { grid-column-gap: .5rem; grid-row-gap: .5rem; padding: .5rem 1rem; } .caption_layout { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; } .u-text-style-caption { font-family: var(--_semantic-typography---caption--font-family); color: var(--_color-theme---typography--caption); font-size: .875rem; line-height: var(--_semantic-typography---caption--line-height); font-weight: var(--_semantic-typography---caption--font-weight); letter-spacing: var(--_semantic-typography---caption--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; } .u-text-style-caption:where(.w-variant-d6f2828d-5eca-7691-95db-dcdaa86f451a) { font-size: var(--size--0-75rem); } .u-text-style-caption.u-text-style-small.u-all-caps { letter-spacing: .2em; font-size: .6rem; font-weight: 500; } .apartamentos_content_wrap { grid-column-gap: var(--size--3rem); grid-row-gap: var(--size--3rem); flex-flow: column; justify-content: space-around; display: flex; } .u-overlay-dark { background-color: var(--_color-theme---foreground--dark); pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-text-small { letter-spacing: 0; font-size: .875rem; line-height: 1.8em; font-weight: var(--text-small--font-weight); text-transform: var(--text-small--text-transform); } .standard-tab { opacity: .7; color: #fffc; background-color: #0000; justify-content: center; align-items: center; width: 280px; margin-left: 5px; margin-right: 5px; padding-bottom: 16px; font-size: 15px; display: flex; } .standard-tab.w--current { opacity: 1; color: #fff; background-color: #0000; position: relative; } .slide-nav { display: none; } .header_wrap { color: var(--_color-core---primary--100); flex-flow: column; width: 100%; display: flex; } .header_content { margin-bottom: var(--size--4rem); grid-column-gap: var(--size--3rem); grid-row-gap: var(--size--1-5rem); flex-flow: wrap; justify-content: space-between; align-items: center; display: flex; } .header_content:where(.w-variant-510855ef-d039-2f43-0927-e1ff6cc753fd) { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .header_content:where(.w-variant-47b1c0e5-5840-bcc3-432a-6da6c58417ad) { margin-bottom: var(--size--0rem); } .header_content:where(.w-variant-7087a5fa-b6d5-dfb6-975a-fd12b389704f) { margin-bottom: var(--size--2-5rem); flex-flow: row; justify-content: space-between; align-items: flex-end; } .header_content.vertical-trim-7 { margin-bottom: 0; } .header_content.vertical-small-7 { flex-flow: row; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; } .header_content.vertical-7 { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .header_content_left { max-width: var(--_core-typography---text-max-width--large); flex-flow: column; flex: var(--size--35rem); grid-column-gap: .25rem; grid-row-gap: .25rem; display: inline-flex; } .header_content_left:where(.w-variant-510855ef-d039-2f43-0927-e1ff6cc753fd), .header_content_left.vertical-8 { flex: none; } .header_content_right { max-width: var(--size--25rem); flex: 0 30rem; justify-content: flex-end; align-items: center; } .header_content_right:where(.w-variant-510855ef-d039-2f43-0927-e1ff6cc753fd), .header_content_right.vertical-10 { flex: none; } .parallax-img-wrap { width: 100%; height: 100%; position: absolute; inset: 0%; overflow: hidden; } .overline_text_name { opacity: .35; font-family: var(--_semantic-typography---overline--font-family); color: var(--_color-theme---typography--overline); font-size: .75rem; line-height: var(--_semantic-typography---overline--line-height); font-weight: var(--_semantic-typography---overline--font-weight); letter-spacing: var(--_semantic-typography---overline--letter-spacing); } .implantacao_sc_wrap.u-theme-light { display: none; } .conceito_layout { grid-column-gap: var(--size--5rem); grid-row-gap: var(--size--5rem); grid-template-rows: auto; grid-template-columns: 2.5fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .conceitp_media_wrap { width: 100%; height: 100%; position: relative; overflow: hidden; } .conceito_content_wrap { grid-column-gap: var(--size--3rem); grid-row-gap: var(--size--3rem); flex-flow: column; justify-content: space-between; display: flex; } .conceito_line_deco { width: var(--_ui-styles---border-width--main); background-color: var(--_color-theme---border--color); flex: 1; } .u_svg { justify-content: center; align-items: center; display: flex; } .bairro_sc_wrap.u-theme-light { display: none; } .u-text-style-overline { font-family: var(--_semantic-typography---overline--font-family); color: var(--_color-theme---typography--overline); font-size: var(--_semantic-typography---overline--font-size); line-height: var(--_semantic-typography---overline--line-height); font-weight: var(--_semantic-typography---overline--font-weight); letter-spacing: var(--_semantic-typography---overline--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); text-transform: var(--_semantic-typography---overline--text-transform); } .u-container-large { max-width: var(--container--large); padding-right: var(--site--margin); padding-left: var(--site--margin); width: 100%; margin-left: auto; margin-right: auto; position: relative; } .card_content_wrap { padding: var(--size--2rem); flex-flow: column; justify-content: space-between; align-items: stretch; width: 100%; height: 100%; display: flex; } .card_number.u-text-style-h4 { font-weight: var(--_core-typography---font--primary-light); } .u-overlay-dark-medium { background-color: var(--_color-theme---foreground--main); pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .projeto_title_wrap { margin-bottom: var(--size--4rem); grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); grid-template-rows: auto auto; grid-template-columns: 1fr 1fr .75fr; grid-auto-columns: 1fr; display: grid; } .projeto_title_small { font-weight: var(--_core-typography---font--primary-light); } .projeto_title_big { padding-left: var(--size--2-5rem); } .conceito_text_small { font-weight: var(--_core-typography---font--secondary-light); } .video_sc_wrap.u-theme-light { display: none; } .video_media_wrap { aspect-ratio: 2; } .intro_contain { padding-top: calc(2.5dvw + (var(--_semantic-sizes---navbar--height))); height: 100dvh; padding-bottom: calc(2.5dvw + 1.5rem); padding-left: calc(5dvw + 1rem); padding-right: calc(5dvw + 1rem); } .intro_logo { min-width: var(--size--15rem); width: 5svw; } .intro_bottom_content { grid-column-gap: var(--size--2rem); grid-row-gap: var(--size--2rem); flex-flow: column; display: flex; } .intro_bottom_line { height: var(--_ui-styles---border-width--main); background-color: var(--_color-theme---border--color); width: 100%; } .intro_bottom_top_content { grid-column-gap: var(--size--2rem); grid-row-gap: var(--size--2rem); flex-flow: wrap; justify-content: space-between; align-items: flex-end; display: flex; } .hero_bg_image { position: relative; } .intro_splitscreen_logo { color: var(--_color-theme---typography--headline); justify-content: center; align-items: center; width: 40dvw; margin-left: auto; margin-right: auto; font-size: clamp(2rem, 1rem + 10vw, 22rem); font-weight: 600; line-height: 1; display: flex; position: absolute; inset: 50% 0% 0%; transform: translate(0%, -50%); } .intro_type_art { color: var(--_color-theme---typography--headline); font-size: clamp(2.5rem, .7rem + 6vw, 6rem); font-weight: 700; line-height: 1.2em; } .type_art_span { opacity: .5; } .full_banner_contain.u-container { align-content: center; } .apartamentos_sc_wrap.u-theme-dark { display: none; } .lazer_grid_content { grid-column-gap: var(--size--0-125rem); grid-row-gap: var(--size--0-125rem); flex-flow: column; display: flex; } .lazer_grid_overline.u-text-style-small.u-text-muted { padding-top: var(--size--1rem); border-top-style: solid; border-top-width: 1px; border-top-color: var(--_color-theme---border--color); text-wrap: balance; display: none; } .u-text-muted { opacity: .6; } .lazer_grid_bg_wrap { opacity: .05; justify-content: center; align-items: center; display: flex; } .lazer_grid_bg_wrap.u-cover-absolute { filter: grayscale(); pointer-events: none; display: none; } .galeria_slide { --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; background-color: #0000; flex-flow: column; justify-content: center; align-items: center; width: 100%; height: auto; } .galeria_mask { width: 100%; height: 100%; overflow: visible; } .galeria_slide_item { width: 100%; height: 100%; } .slide_card_wrap { aspect-ratio: 2; border-radius: var(--_ui-styles---border-radius--main); color: #fff; flex-direction: column; grid-template-rows: 1fr auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; justify-content: flex-end; align-items: center; width: 100%; max-height: 80dvh; text-decoration: none; display: flex; position: relative; overflow: hidden; } .slide_img_wrap { justify-content: center; align-items: center; display: flex; position: absolute; inset: 0%; } .slide_img { z-index: 0; width: 105%; height: 100%; position: absolute; inset: auto; } .u-cover-paralax { width: 100%; height: 130%; transition: transform .72s cubic-bezier(.23, 1, .32, 1); position: relative; } .u-cover-paralax:hover { transform: scale(1.1); } .background-load-top { z-index: 25; background-color: var(--_color-semantics---brand--primary--main); height: 50%; display: none; position: absolute; inset: 0% 0% auto; } .background-load-bottom { z-index: 25; background-color: var(--_color-semantics---brand--primary--main); height: 50%; display: none; position: absolute; inset: auto 0% 0%; } .slide_card_content { z-index: 25; padding: var(--size--3rem) var(--size--3-5rem); grid-column-gap: var(--size--2rem); grid-row-gap: var(--size--2rem); pointer-events: none; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr auto; grid-auto-columns: 1fr; place-content: end center; place-items: end stretch; width: 40%; display: flex; position: absolute; inset: auto 0% 0% auto; } .slide_title { pointer-events: auto; color: var(--_color-theme---typography--caption); line-height: var(--_core-typography---line-height--regular); text-align: right; vertical-align: sub; text-wrap: balance; max-width: none; } .slider-arrow { background-color: #fff; border: 1px solid #e0dcda; border-radius: 100px; justify-content: center; align-items: center; width: 4rem; height: 4rem; margin-left: -5.5rem; display: flex; inset: auto auto -30px; } .u-cover-fit { object-fit: contain; width: 100%; height: 100%; position: relative; overflow: hidden; } .implantacao_media_wrap { border: 1px solid var(--_color-core---black-alpha--15); } .u-text-style-caption-small { opacity: .7; font-family: var(--_semantic-typography---caption--font-family); color: var(--_color-theme---typography--caption); font-size: .875rem; line-height: var(--_semantic-typography---caption--line-height); font-weight: var(--_semantic-typography---caption--font-weight); letter-spacing: var(--_semantic-typography---caption--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; } .u-text-style-caption-small:where(.w-variant-d6f2828d-5eca-7691-95db-dcdaa86f451a) { font-size: var(--size--0-75rem); } .slide_arrow_icon_left:where(.w-variant-1c170011-d585-a395-c9a0-ce3b0edecb58), .slide_arrow_icon_left.right-3, .slide_arrow_icon_right { display: none; } .slide_arrow_icon_right:where(.w-variant-1c170011-d585-a395-c9a0-ce3b0edecb58), .slide_arrow_icon_right.right-7 { display: block; } .split_text { flex: none; } .split_content_bottom { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; display: flex; } .slide_card_line { height: var(--_ui-styles---border-width--main); background-color: var(--_color-core---primary--100); width: 90%; } .full_banner_layout { flex-flow: column; justify-content: space-between; width: 100%; height: 100%; display: flex; } .reveal-type-wrap { flex: 1; justify-content: center; align-items: center; display: flex; } .full_banner_bottom { grid-column-gap: var(--size--1-25rem); grid-row-gap: var(--size--1-25rem); justify-content: space-between; align-items: center; padding-top: 2.5dvw; padding-bottom: 2.5dvw; display: flex; } .full_banner_title.u-text-style-subheading { flex: none; } .horizontal-line-divider { height: var(--_ui-styles---border-width--main); background-color: var(--_color-theme---border--color); width: 100%; } .u-overlay-darker { background-color: var(--_color-core---black-alpha--90); pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .apartamentos_layout { grid-column-gap: var(--size--5rem); grid-row-gap: var(--size--5rem); grid-template-rows: auto; grid-template-columns: .75fr 1fr; grid-auto-columns: 1fr; display: grid; } .apartamentos_content_top { grid-column-gap: var(--size--4rem); grid-row-gap: var(--size--4rem); flex-flow: column; display: flex; } .apto_grid_block { width: 100%; height: 100%; position: relative; inset: 0%; overflow: hidden; } .plantas_contain { grid-column-gap: 4rem; grid-row-gap: 4rem; flex-flow: column; display: flex; } .tab_menu_wrap { margin-bottom: var(--size--2-5rem); grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); border-radius: var(--_ui-styles---border-radius--main); justify-content: center; align-items: stretch; display: flex; } .tab_menu_button { min-height: var(--size--3-5rem); padding: var(--size--0-5rem) var(--size--1rem); grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); border: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-theme---background--main); color: var(--_color-theme---typography--body); flex: 1; justify-content: center; align-items: center; display: flex; } .tab_menu_button:hover { background-color: var(--_color-theme---background--soft); } .tab_menu_button.w--current { background-color: var(--_color-core---primary--100); color: var(--_color-semantics---brand--primary--main); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .tab_button_content { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); flex-flow: row; justify-content: center; align-items: center; display: flex; } .tab_menu_icon { width: var(--size--1rem); aspect-ratio: 1; } .tab_button_title { font-weight: var(--_core-typography---font--primary-medium); } .tab_link-divider { opacity: .3; mix-blend-mode: difference; background-color: #79563f; width: .125rem; height: 1rem; } .tab_plantas_wrap { overflow: visible; } .planta_card_wrap { padding: var(--size--1-5rem); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-core---primary--100); width: 100%; } .plantas_content_wrap { flex-flow: wrap-reverse; justify-content: space-between; align-items: stretch; display: flex; position: relative; } .planta_media_wrap { max-height: var(--size--40rem); min-height: var(--size--30rem); min-width: var(--size--40rem); padding: var(--size--1-5rem); flex: var(--size--40rem); border: var(--_ui-styles---border-width--main) solid var(--_color-core---black-alpha--15); border-radius: var(--_ui-styles---border-radius--main); justify-content: center; align-items: center; max-width: 100%; position: relative; overflow: hidden; } .planta_pin { grid-column-gap: .5rem; background-color: #79563f; border-radius: .25rem; justify-content: flex-start; align-items: center; min-width: 1.5rem; min-height: 1.5rem; padding: .5rem .75rem; line-height: 1; transition: all .8s ease-in-out; display: flex; position: absolute; inset: 5% auto auto 18%; overflow: hidden; } .plantas_content_column { padding: var(--size--1-5rem) var(--size--2-5rem); grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); flex-direction: column; flex: 25rem; justify-content: flex-start; align-items: stretch; min-width: 28rem; max-width: 100%; display: flex; } .plantas_content_header { margin-bottom: 2rem; } .plantas_overline_text { color: var(--_color-core---black-alpha--75); } .plantas_overline_text.u-text-style-overline { font-size: var(--size--0-625rem); } .plantas_feature_box { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .plantas_features_list { padding: var(--size--1rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); border: 1px solid var(--_color-core---black-alpha--30); flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: center; align-items: center; margin-top: -1px; display: flex; } .planta_produto { color: var(--_color-core---primary--800); font-size: var(--size--0-875rem); letter-spacing: .025em; text-transform: uppercase; line-height: 1; } .product_divider { opacity: .5; background-color: #b4805b; width: .09rem; height: 3.5rem; display: none; } .planta_thumbnails { grid-column-gap: 1rem; align-items: center; margin-top: auto; display: none; } .planta_thumbnails-text { color: #22201f; letter-spacing: .03125rem; text-transform: uppercase; max-width: 12rem; font-size: .625rem; font-weight: 600; line-height: 1rem; } .tab_button_content_wrap { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); justify-content: center; align-items: center; display: flex; } .planta_media_slide_wrap { background-color: var(--_color-core---primary--100); } .plantas_diferenciais_wrap { padding-bottom: var(--size--1-5rem); grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); border-bottom: 1px solid var(--_color-core---black-alpha--15); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; flex-flow: column; display: flex; } .planta_overline_text { padding-bottom: var(--size--1rem); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_color-core---black-alpha--15); font-family: var(--_semantic-typography---overline--font-family); color: var(--_color-theme---typography--overline); font-size: var(--_semantic-typography---overline--font-size); line-height: var(--_semantic-typography---overline--line-height); font-weight: var(--_semantic-typography---overline--font-weight); letter-spacing: var(--_semantic-typography---overline--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); text-transform: var(--_semantic-typography---overline--text-transform); } .plantas_cta_wrap { grid-column-gap: var(--size--2rem); grid-row-gap: var(--size--2rem); flex-flow: row; justify-content: flex-start; align-items: center; width: 80%; display: none; } .full-list { margin-bottom: var(--size--2-5rem); grid-column-gap: 2rem; grid-row-gap: 2rem; border-top: 1px solid #d7cfc5; border-bottom: 1px solid #d7cfc5; grid-template-rows: auto; justify-content: space-between; align-items: center; padding-top: 1rem; padding-bottom: 1rem; display: none; position: relative; } .map_wrap { height: var(--size--35rem); border: 1px solid var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--main); position: relative; overflow: hidden; } .map-button-wrapper { grid-column-gap: 1rem; grid-row-gap: 1rem; margin-top: 2rem; margin-right: 2rem; display: flex; position: absolute; inset: 0% 0% auto auto; } .map-button { padding: var(--size--0-75rem) var(--size--1-5rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-core---primary--900); color: #faf9f7; cursor: pointer; justify-content: space-between; align-items: center; min-height: 3rem; font-size: .875rem; font-weight: 400; text-decoration: none; transition: all .35s; display: flex; } .map-button:hover { background-color: #569b3f; } .svg-icon-5 { flex: none; width: 1rem; height: 1rem; } .svg-icon-4 { justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .svg-icon-4.is--svg-icon-medium { width: 1rem; height: 1rem; } .map_code { border: 1px solid var(--_color-core---black-alpha--15); width: 100%; height: 100%; } .square_divider { width: var(--size--0-25rem); aspect-ratio: 1; background-color: var(--_color-semantics---brand--primary--dark); } .square_divider.is-abs-left { height: var(--size--0-25rem); margin-top: auto; margin-bottom: auto; position: absolute; inset: 0% auto 0% 0%; } .tab_localizacao { grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row dense; justify-content: space-between; display: flex; } .tab_localizacao_menu { border-top: 1px solid #d7cfc5; border-bottom: 1px solid #d7cfc5; flex-flow: row; justify-content: space-between; align-items: center; width: 100%; display: flex; } .tab_localizacao_button { padding: var(--size--1rem) var(--size--1-25rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); border-bottom: var(--size--0-125rem) solid var(--_color-core---primary--100); color: var(--_color-core---black-alpha--45); background-color: #0000; flex: 1; justify-content: center; align-items: center; display: flex; } .tab_localizacao_button.w--current { border-bottom-color: var(--_color-core---primary--500); color: var(--_color-core---primary--800); background-color: #0000; font-weight: 800; } .tab-sobre-content { order: 0; } .grid_localizacao { grid-column-gap: var(--size--5rem); grid-row-gap: var(--size--5rem); grid-template-rows: auto; grid-template-columns: .5fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid_localizacao_column_left { grid-column-gap: var(--size--2-5rem); grid-row-gap: var(--size--2-5rem); flex-flow: column; display: flex; } .headline-big { color: var(--_color-theme---background--soft); font-size: clamp(1.5rem, 2.5rem + 4.5vw, 4rem); font-weight: 600; line-height: 1; } .localizacao_list_wrap { grid-column-gap: var(--size--1-125rem); grid-row-gap: var(--size--1-125rem); flex-direction: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .grid_localizacao_column_right { padding-top: var(--size--1-25rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; display: flex; } .header_localizacao { margin-bottom: var(--size--2rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex-flow: column; justify-content: center; align-items: stretch; display: flex; } .header_locazalica_text.u-text-style-main { line-height: var(--_core-typography---line-height--spaced); } .localizacao_list_item { grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); justify-content: flex-start; align-items: center; display: flex; } .localizacao_list_text { --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .localizacao_distance_text { font-weight: var(--_core-typography---font--primary-bold); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .localizacao-divid { width: var(--_ui-styles---border-width--main); height: var(--size--0-75rem); background-color: var(--_color-theme---border--color); margin-top: 2px; } .u-show-tablet { display: none; } .lazer_card_logo { width: var(--size--6rem); height: var(--size--3rem); margin: var(--size--1rem); object-fit: contain; object-position: 100% 50%; position: absolute; inset: 0% 0% auto auto; } .slide_logo { width: var(--size--9rem); margin: var(--size--4rem) var(--size--4rem) var(--size--2-5rem); object-fit: scale-down; position: absolute; inset: 0% 0% auto auto; } .map_svg_wrap { aspect-ratio: 2; border: 1px solid var(--_color-theme---border--color); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; height: 100%; position: relative; } .map_svg_img { padding: var(--_media-sizes---media--padding-main); } .slider_wrap { background-color: var(--_color-core---black-alpha--transparent); width: 100%; height: auto; } .slider_mask { width: 100%; height: 100%; } .u-slide-column-3 { margin-right: var(--size--1rem); width: calc((100% - (2 * var(--size--1rem))) / 3); } .lightbox_wrap { width: 100%; height: 100%; } .galeria_bairro_wrap { --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; width: 100%; height: 100%; position: relative; } .tab_menu_light_button { min-height: var(--size--3-5rem); padding: var(--size--0-5rem) var(--size--1rem); grid-column-gap: var(--size--0-75rem); grid-row-gap: var(--size--0-75rem); border: var(--_ui-styles---border-width--main) solid var(--_color-theme---border--color); border-radius: var(--_ui-styles---border-radius--main); background-color: var(--_color-theme---background--main); color: var(--_color-theme---typography--body); flex: 1; justify-content: center; align-items: center; display: flex; } .tab_menu_light_button:hover { background-color: var(--_color-theme---background--soft); } .tab_menu_light_button.w--current { background-color: var(--_color-core---primary--900); color: var(--_color-core---primary--100); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; } .grid_santa_luzia { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: 25rem 12.5rem; grid-template-columns: .5fr 1fr; grid-auto-columns: 1fr; display: grid; } .grid_block { position: relative; } .tab_slide_wrap { margin-bottom: var(--size--3rem); position: relative; } .tour-code { width: 100%; height: 100%; } .tour_media_wrap { grid-column-gap: var(--size--3rem); grid-row-gap: var(--size--3rem); flex-flow: column; justify-content: space-around; display: flex; } .overline_text-2 { color: var(--_color-theme---typography--overline); font-size: .75rem; line-height: var(--_semantic-typography---overline--line-height); font-weight: var(--_semantic-typography---overline--font-weight); letter-spacing: var(--_semantic-typography---overline--letter-spacing); } .modal_title.u-text-style-large { color: #bfbfbf; font-size: 1.2rem; } .modal_code { width: 100%; } .form_modal_wrap { background-color: var(--_color-core---primary--900); width: 100%; padding: 2rem; } .fs_modal-1_email { z-index: 2147483647; background-color: #00000080; flex-direction: row; justify-content: center; align-items: center; padding: 2rem; display: none; position: fixed; inset: 0%; } .fs_modal-1_cover { cursor: pointer; position: fixed; inset: 0%; } .fs_modal-1_wrapper { z-index: 999; grid-column-gap: 0rem; grid-row-gap: 0rem; background-color: var(--_color-core---primary--800); color: var(--_color-core---primary--100); border-radius: 0; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-items: stretch start; width: 100%; max-width: 60rem; min-height: 30rem; max-height: 95dvh; display: flex; position: relative; overflow: hidden; } .fs_modal-1_image { background-color: var(--_color-core---primary--900); object-fit: cover; flex: none; justify-content: flex-start; align-items: center; width: 100%; padding: 3rem; display: flex; position: relative; } .fs_modal-1_content { grid-column-gap: 2rem; grid-row-gap: 2rem; color: var(--_color-core---primary--100); flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: center flex-start; place-items: center start; padding: 4rem; display: flex; overflow: auto; } .fs_modal-1_close { background-color: var(--_color-core---primary--800); cursor: pointer; justify-content: center; align-items: center; margin: 1rem; padding: 1.5rem; display: flex; position: absolute; inset: 0% 0% auto auto; } .fs_modal-1_close:focus-visible, .fs_modal-1_close[data-wf-focus-visible] { outline-color: var(--accessible-components--dark-grey); outline-offset: 4px; outline-width: 2px; outline-style: solid; } .fs_modal-1_close-icon { justify-content: center; align-items: center; width: 1rem; height: 1rem; display: flex; } .fs_modal-1_logo { width: 9rem; position: relative; } .fs_modal-1_whatsapp { z-index: 2147483647; background-color: #00000080; flex-direction: row; justify-content: center; align-items: center; padding: 2rem; display: none; position: fixed; inset: 0%; } .overline_text_name-4 { opacity: .35; color: var(--_color-theme---typography--overline); font-size: .75rem; line-height: var(--_semantic-typography---overline--line-height); font-weight: var(--_semantic-typography---overline--font-weight); letter-spacing: var(--_semantic-typography---overline--letter-spacing); } .nav_menu_item-2 { font-size: var(--_semantic-typography---navbar--font-size); line-height: var(--_semantic-typography---navbar--line-height); font-weight: var(--_semantic-typography---navbar--font-weight); letter-spacing: var(--_semantic-typography---navbar--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); text-transform: var(--_semantic-typography---navbar--text-transform); flex: none; } .nav_menu_item-2:hover { color: var(--_color-core---primary--100); } .img_background { opacity: .1; background-image: url('../images/shutterstock_1049623520_1shutterstock_1049623520.avif'); background-position: 0 0; background-size: cover; height: 100dvw; position: absolute; inset: 0%; } .u-text-style-caption-2 { color: var(--_color-theme---typography--caption); font-size: .875rem; line-height: var(--_semantic-typography---caption--line-height); font-weight: var(--_semantic-typography---caption--font-weight); letter-spacing: var(--_semantic-typography---caption--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; } .u-text-style-caption-2:where(.w-variant-d6f2828d-5eca-7691-95db-dcdaa86f451a) { font-size: var(--size--0-75rem); } .u-text-style-caption-2.small-7 { font-size: .75rem; } .u-text-style-caption-small-2 { opacity: .7; color: var(--_color-theme---typography--caption); font-size: .875rem; line-height: var(--_semantic-typography---caption--line-height); font-weight: var(--_semantic-typography---caption--font-weight); letter-spacing: var(--_semantic-typography---caption--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); --_color-theme---background--soft: var(--_color-core---primary--800); --_color-theme---typography--body: var(--_color-core---primary--300); --_color-theme---background--main: var(--_color-core---primary--900); --_color-theme---typography--heading: var(--_color-core---primary--100); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: white; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--400); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--100); --_color-theme---typography--overline: var(--_color-core---primary--400); --_color-theme---typography--headline: #ffffff26; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--700); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--90); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--light); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #ffffff1a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: white; --_color-theme---button-primary--border-hover\: white; --_color-theme---button-secondary--border-hover\: white; --_color-theme---button-primary--background-hover\: white; --_color-theme---button-secondary--background-hover\: white; --_color-theme---button-primary--text-hover\: #353233; --_color-theme---button-secondary--text-hover\: #353233; } .u-text-style-caption-small-2:where(.w-variant-d6f2828d-5eca-7691-95db-dcdaa86f451a) { font-size: var(--size--0-75rem); } .u-text-style-caption-small-2.small-9 { font-size: .75rem; } .u-text-style-h3-2 { color: var(--_color-theme---typography--heading); font-size: 3rem; line-height: var(--_heading-styles---line-height); font-weight: var(--_heading-styles---font-weight); letter-spacing: var(--_heading-styles---letter-spacing); --_heading-styles---line-height: var(--_core-typography---line-height--regular); --_heading-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_heading-styles---font-family: var(--_core-typography---font--primary-family); --_heading-styles---font-weight: var(--_core-typography---font--primary-medium); --_heading-styles---margin-top: var(--spacing--small); --_heading-styles---margin-bottom: var(--spacing--small); --_heading-styles---font-size: var(--_core-typography---font-size--h3); --_heading-styles---text-transform: var(--_core-typography---text-transform--none); --_heading-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_heading-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_heading-styles---max-width: var(--_core-typography---text-max-width--large); text-transform: var(--_text-style---text-transform); text-wrap: balance; display: flow-root; } .u-text-style-large-2 { max-width: var(--_text-styles---max-width); color: var(--_color-theme---typography--body); font-size: 1.25rem; line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-large); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-styles---text-transform); display: flow-root; } .display-s-7 { letter-spacing: -.01em; margin-top: 0; margin-bottom: 0; font-size: 1.5rem; font-weight: 500; line-height: 1.2em; } .card-4 { border-radius: .5rem; width: 25rem; height: 0; position: absolute; bottom: 2.5rem; overflow: hidden; transform: translate(0); box-shadow: 0 4px 12px #0000001a; } .planta_overline_text-2 { padding-bottom: var(--size--1rem); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--_color-core---black-alpha--15); color: var(--_color-theme---typography--overline); font-size: var(--_semantic-typography---overline--font-size); line-height: var(--_semantic-typography---overline--line-height); font-weight: var(--_semantic-typography---overline--font-weight); letter-spacing: var(--_semantic-typography---overline--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-medium); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-regular); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); text-transform: var(--_semantic-typography---overline--text-transform); } .svg-icon-6 { flex: none; width: 1rem; height: 1rem; } .svg-icon-7 { justify-content: center; align-items: center; width: 2rem; height: 2rem; display: flex; } .svg-icon-7.is--svg-icon-medium { width: 1rem; height: 1rem; } .u-text-style-main-3 { max-width: var(--_text-styles---max-width); color: var(--_color-theme---typography--body); font-size: 1rem; line-height: var(--_text-styles---line-height); font-weight: var(--_text-styles---font-weight); letter-spacing: var(--_text-styles---letter-spacing); --_text-styles---font-family: var(--_core-typography---font--primary-family); --_text-styles---font-size: var(--_core-typography---font-size--text-regular); --_text-styles---font-weight: var(--_core-typography---font--primary-regular); --_text-styles---max-width: var(--_core-typography---text-max-width--large); --_text-styles---line-height: var(--_core-typography---line-height--medium); --_text-styles---letter-spacing: var(--_core-typography---letter-spacing--small); --_text-styles---text-transform: var(--_core-typography---text-transform--none); --_text-styles---trim-top: var(--_core-typography---font--primary-trim-top); --_text-styles---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_text-styles---margin-bottom: var(--spacing--small); --_text-styles---margin-top: var(--spacing--small); text-transform: var(--_text-style---text-transform); display: flow-root; } .u-link-text-wrap-2 { color: var(--_color-theme---primary-accent--text); font-size: var(--size--0-875rem); line-height: var(--_semantic-typography---link--line-height); font-weight: var(--_semantic-typography---link--font-weight); letter-spacing: var(--_semantic-typography---link--letter-spacing); --_semantic-typography---navbar--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---navbar--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---navbar--line-height: var(--_core-typography---line-height--tight); --_semantic-typography---navbar--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---navbar--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---link--font: var(--_heading-styles---font-family); --_semantic-typography---link--line-height: var(--_core-typography---line-height--small); --_semantic-typography---link--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---link--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--margin-bottom: var(--size--3rem); --_semantic-typography---overline--font-family: var(--_core-typography---font--primary-family); --_semantic-typography---overline--line-height: var(--_core-typography---line-height--small); --_semantic-typography---overline--font-weight: var(--_core-typography---font--primary-bold); --_semantic-typography---overline--letter-spacing: var(--_core-typography---letter-spacing--spaced); --_semantic-typography---caption--font-family: var(--_text-styles---font-family); --_semantic-typography---caption--line-height: var(--_core-typography---line-height--small); --_semantic-typography---caption--font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---caption--letter-spacing: var(--_core-typography---letter-spacing--small); --_semantic-typography---overline--font-size: var(--_core-typography---font-size--text-tiny); --_semantic-typography---font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---font-weight: var(--_core-typography---font--primary-regular); --_semantic-typography---line-height: var(--_core-typography---line-height--medium); --_semantic-typography---letter-spacing: var(--_core-typography---letter-spacing--normal); --_semantic-typography---text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---font-family: var(--_core-typography---font--primary-family); --_semantic-typography---trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---margin-bottom: var(--spacing--small); --_semantic-typography---margin-top: var(--spacing--small); --_semantic-typography---overline--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---overline--trim-top: var(--_core-typography---font--primary-trim-top); --_semantic-typography---overline--trim-bottom: var(--_core-typography---font--primary-trim-bottom); --_semantic-typography---caption--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---caption--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---caption--trim-top: var(--_text-styles---trim-top); --_semantic-typography---caption--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---link--font-size: var(--_core-typography---font-size--text-small); --_semantic-typography---link--text-transform: var(--_core-typography---text-transform--uppercase); --_semantic-typography---link--trim-top: var(--_text-styles---trim-top); --_semantic-typography---link--trim-bottom: var(--_text-styles---trim-bottom); --_semantic-typography---navbar--text-transform: var(--_core-typography---text-transform--none); --_semantic-typography---navbar--trim-top: var(--_text-styles---trim-top); --_semantic-typography---navbar--trim-bottom: var(--_heading-styles---trim-bottom); --_semantic-typography---footer--font-family: var(--_semantic-typography---font-family); --_semantic-typography---footer--font-size: 0px; --_semantic-typography---footer--font-weight: 0; --_semantic-typography---footer--line-height: 0; --_semantic-typography---footer--letter-spacing: 0px; --_semantic-typography---footer--text-transform: 0px; --_semantic-typography---footer--trim-top: var(--_text-styles---trim-top); --_semantic-typography---footer--trim-bottom: var(--_text-styles---trim-bottom); } .u-link-text-wrap-2:hover { color: var(--_color-theme---primary-accent--text-hover); } .form_modal_wrap_hmp { background-color: #131313; width: 100%; } .fs_modal-1_content_hmp { grid-column-gap: 2rem; grid-row-gap: 2rem; color: #fff; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; place-content: center flex-start; place-items: center start; padding: 4rem; display: flex; overflow: auto; } .fs_modal-1_content_hmp.hmp_img_padding { padding: .5rem; } .fs_modal-1_hmp_img { z-index: 2147483647; background-color: #00000080; flex-direction: row; justify-content: center; align-items: center; padding: 2rem; display: none; position: fixed; inset: 0%; } @media screen and (max-width: 991px) { body { --size--2rem: 1.5rem; --spacing--large: var(--size--2rem); --size--0-5rem: .5rem; --size--1rem: .875rem; --spacing--xxsmall: var(--size--0-25rem); --spacing--tiny: var(--size--0-125rem); --spacing--small: var(--size--1rem); --spacing--xlarge: var(--size--2-5rem); --container--main: 100rem; --site--margin: var(--size--1-5rem); --container--small: 80rem; --sc-padding-vertical--main: var(--size--7-5rem); --container--full: 100dvw; --site--grid-gutter: var(--size--1rem); --size--0rem: 0rem; --spacing--xsmall: var(--size--0-5rem); --spacing--medium: var(--size--1-5rem); --spacing--xxlarge: var(--size--3rem); --size--0-75rem: .5rem; --size--1-5rem: 1.25rem; --size--3rem: 2.4rem; --sc-padding-vertical--small: var(--size--5rem); --size--0-125rem: .125rem; --sc-padding-vertical--none: var(--size--0rem); --sc-padding-vertical--large: var(--size--10rem); --size--8rem: 6.5rem; --size--4rem: 3rem; --size--35rem: 28rem; --size--1-125rem: 1rem; --size--3-5rem: 2.8rem; --size--12rem: 9.5rem; --size--5rem: 4rem; --size--0-875rem: .75rem; --size--2-5rem: 2rem; --size--7rem: 5.5rem; --size--1-25rem: 1.125rem; --size--50rem: 40rem; --size--40rem: 32rem; --size--0-625rem: .675rem; --size--25rem: 20rem; --container--large: 95dvw; --size--15rem: 12rem; --size--30rem: 24rem; --size--0-25rem: .25rem; --size--6rem: 4.8rem; --size--9rem: 7rem; --accessible-components--dark-grey: #9b9b9b; --size--4-5rem: 3.5rem; --size--5-5rem: 4.4rem; --size--6-5rem: 5rem; --size--7-5rem: 6rem; --size--8-5rem: 6.5rem; --size--9-5rem: 7.5rem; --size--10rem: 8rem; --size--11rem: 8.5rem; --size--13rem: 10.4rem; --size--14rem: 11rem; --size--16rem: 13rem; --size--17rem: 13.5rem; --size--18rem: 14.5rem; --size--19rem: 15rem; --size--20rem: 16rem; --size--45rem: 36rem; --size--55rem: 44rem; --size--60rem: 48rem; --site--width: 100rem; --site--column-count: 12; --media--full-width: 100dvw; --media--full-height: 100dvh; --media--x-large: var(--size--40rem); --media--large: var(--size--30rem); --spacing--huge: var(--size--4rem); --spacing--xhuge: var(--size--5rem); --spacing--distant: var(--size--7-5rem); --media--1080xp: var(--size--45rem); --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --size--70rem: 56rem; --size--80rem: 64rem; --size--90rem: 72rem; --size--100rem: 80rem; } p { text-wrap: pretty; } .u-text-style-display { text-wrap: pretty; font-size: 5.6rem; } .u-text-style-h1 { text-wrap: pretty; font-size: 3.2rem; } .u-text-style-h2 { text-wrap: pretty; font-size: 2.8rem; } .u-text-style-h3 { text-wrap: pretty; font-size: 2.4rem; } .u-text-style-h4 { text-wrap: pretty; font-size: 2rem; } .u-text-style-h5 { text-wrap: pretty; font-size: 1.6rem; } .u-text-style-h6 { font-size: 1.2rem; } .u-text-style-large { font-size: .9rem; } .u-text-style-main { font-size: .8rem; } .u-text-style-small { font-size: .7rem; } .u-grid-column-4 { grid-template-columns: var(--grid-2); } .u-grid-desktop { flex-flow: column; display: flex; } .u-order-first-desktop, .u-order-last-desktop { order: 0; } .styleguide_scroll { padding-right: var(--site--margin); margin-right: calc(var(--site--margin) * -1); } .styleguide_layout { justify-content: flex-start; align-items: stretch; } .styleguide_nav_wrap { order: 0; max-height: none; position: relative; top: 0; } .styleguide_nav_sub_wrap { grid-template-rows: 1fr; } .u-fixed-view-screen { display: none; } .tag { font-size: .9rem; } .tag-icon { margin-bottom: 0; font-size: .8rem; } .conceito_text_grid { grid-column-gap: var(--size--4rem); grid-row-gap: var(--size--1rem); flex-flow: column; grid-template-columns: 1fr 1.5fr; } .card_square_wrap { border-radius: .75rem; } ._2-1-grid { grid-template-columns: 1fr; } .image-wrapper-medium { height: 30rem; } .nav_menu_link { min-height: var(--size--3-5rem); border: 1px solid var(--_color-theme---border--color); } .nav_container.u-container { border-bottom: 1px solid var(--_color-core---primary--800); } .nav_menu_btn { min-height: var(--size--3-5rem); margin-left: var(--size--0rem); padding-right: var(--size--0rem); padding-left: var(--size--0rem); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .nav_btn_wrap { padding: var(--size--0-875rem); border: 1px solid var(--_color-core---white-alpha--15); color: var(--_color-core---primary--100); font-size: var(--_text-styles---font-size); justify-content: center; align-items: center; display: flex; } .nav_btn_wrap.w--open { border-color: var(--_color-theme---typography--caption); --_color-theme---background--soft: var(--_color-core---primary--200); --_color-theme---typography--body: var(--_color-core---primary--700); --_color-theme---background--main: var(--_color-core---primary--100); --_color-theme---typography--heading: var(--_color-core---primary--900); --_color-theme---border--color: var(--_color-core---primary--600); --_color-theme---text--text\: #353233; --_color-theme---foreground--main: var(--_color-core---black-alpha--60); --_color-theme---typography--caption: var(--_color-core---primary--100); --_color-theme---primary-accent--text: var(--_color-core---primary--700); --_color-theme---primary-accent--text-hover: var(--_color-core---primary--900); --_color-theme---typography--overline: var(--_color-core---primary--600); --_color-theme---typography--headline: #00000040; --_color-theme---foreground--dark: var(--_color-core---black-alpha--75); --_color-theme---background--dark: var(--_color-core---primary--300); --_color-theme---foreground--soft: var(--_color-core---black-alpha--30); --_color-theme---shadow--elevation: var(--_color-core---black-alpha--45); --_color-theme---primary-accent--default: var(--_color-semantics---brand--primary--dark); --_color-theme---primary-accent--hover: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--pressed: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus: var(--_color-semantics---brand--primary--main); --_color-theme---primary-accent--focus-keyboard: #8cacff; --_color-theme---primary-accent--visited: white; --_color-theme---primary-accent--active: white; --_color-theme---primary-accent--disabled: white; --_color-theme---button-primary--border\: #c6fb50; --_color-theme---button-secondary--border\: #3532331a; --_color-theme---button-primary--background\: #c6fb50; --_color-theme---button-secondary--background\: var(--_color-core---black-alpha--transparent); --_color-theme---button-primary--text\: #353233; --_color-theme---button-secondary--text\: #353233; --_color-theme---button-primary--border-hover\: #353233; --_color-theme---button-secondary--border-hover\: #353233; --_color-theme---button-primary--background-hover\: #353233; --_color-theme---button-secondary--background-hover\: #353233; --_color-theme---button-primary--text-hover\: white; --_color-theme---button-secondary--text-hover\: white; } .nav.is-desktop { display: none; } .nav.is-mobile { grid-column-gap: 16px; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: block; } .nav_menu_list { grid-column-gap: var(--size--1-5rem); grid-row-gap: var(--size--1-5rem); flex-flow: column; justify-content: flex-start; align-items: stretch; } .nav_menu_wrap { padding-top: var(--size--2-5rem); padding-right: var(--size--2-5rem); padding-bottom: var(--size--2-5rem); padding-left: var(--size--2-5rem); background-color: var(--_color-semantics---brand--primary--main); max-height: calc(90dvh - var(--size--4-5rem)); } .nav_menu_wrap.u-container { left: 0%; top: var(--size--5rem); padding-right: var(--size--2-5rem); position: absolute; bottom: auto; right: 0%; } .grid-4 { grid-template-columns: minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr) minmax(.5rem, 1fr); } ._1-2-grid { grid-column-gap: 4rem; grid-row-gap: 4rem; grid-template-columns: 2fr; } .container-9 { padding-left: 2rem; padding-right: 2rem; } .display-s-5 { font-size: 1.4rem; } ._3-grid, ._4-grid { grid-template-columns: 1fr 1fr; } .container-10 { padding-left: 2rem; padding-right: 2rem; } .display-s-6 { font-size: 1.4rem; } .card-3 { width: 100%; } .u-text-style-display-large { text-wrap: pretty; font-size: 7.2rem; } .u-text-style-subheading { font-size: 1rem; } .u-text-style-tiny { font-size: .559776rem; } .u-text-style-huge { font-size: 1.2rem; } .footer_block_01 { grid-column-gap: 2rem; grid-row-gap: 2rem; flex-flow: column; justify-content: flex-start; align-items: stretch; display: flex; } .footer_main_content_left { justify-content: space-between; align-items: center; } .footer_line_divider.is-tablet { order: 1; display: block; } .footer_logos_list { justify-content: center; align-items: center; } .footer_block_02 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .footer_end_wrap { flex-flow: column; align-items: stretch; } .foooter_disclaimer-divider { display: none; } .overline_text { font-size: .75rem; } .full-banner { height: 80dvw; min-height: 0; max-height: none; } .full-banner.u-theme-dark { height: auto; } .reveal-type { font-size: clamp(2rem, .75rem + 4dvw, 4rem); } .headline-faded.is-tab-headline { font-size: var(--size--1-25rem); } .cookies_modal_wrap { bottom: 24px; left: 24px; } .btn_zoom_wrap { width: 2.5rem; } .lazer_grid { grid-template-rows: 9rem auto; grid-template-columns: 1fr 1fr; } .lazer_grid_frame { padding: 2.5rem; } .planta_header_box { width: 75%; } .apartamentos_list_text.u-text-style-small { font-size: .875rem; } .apto_grid_block_right { display: none; } .cta_bar_wrap { width: 90%; padding-left: .5rem; bottom: 1.5rem; } .cta_bar_alt { display: none; } .cta_bar_buttons_wrap { grid-column-gap: .5rem; } .cta_bar_button { padding-top: .5rem; padding-bottom: .5rem; } .cta_bar_button_text { font-size: .75rem; font-weight: 500; } .conceito_grid_wrap { grid-template-rows: 50% auto; grid-template-columns: .5fr 1fr; width: 100%; } .caption_wrap { grid-column-gap: var(--size--0-5rem); grid-row-gap: var(--size--0-5rem); } .caption_layout.u-hflex-left-center.u-hflex-wrap.u-gap-xxsmall { grid-column-gap: .5rem; } .u-text-style-caption { font-size: .75rem; } .u-text-style-caption.u-text-style-small.u-all-caps { padding-left: .5rem; padding-right: .5rem; font-size: .45rem; } .caption_subtitle.u-text-style-xsmall.u-all-caps { text-transform: none; font-size: .45rem; } .u-text-small { font-size: .75rem; } .header_content { margin-bottom: var(--size--3rem); } .header_content_right { flex: none; max-width: none; } .conceito_layout { grid-column-gap: var(--size--4rem); grid-row-gap: var(--size--4rem); flex-flow: column-reverse; display: flex; } .conceito_content_wrap { grid-column-gap: var(--size--2rem); grid-row-gap: var(--size--2rem); grid-template-rows: auto auto; grid-template-columns: 1fr auto; grid-auto-columns: 1fr; display: grid; } .conceito_line_deco { height: var(--_ui-styles---border-width--main); width: 100%; } .card_title.u-text-style-h5 { font-size: var(--size--2rem); } .card_number.u-text-style-h4 { font-size: var(--size--2-5rem); } .projeto_title_wrap { grid-column-gap: var(--size--2-5rem); grid-row-gap: var(--size--3-5rem); grid-template-columns: auto 1fr; } .projeto_title_big.u-text-style-h2 { padding-left: var(--size--0rem); } .intro_splitscreen_logo { width: 70dvw; } .galeria_mask { width: 100%; } .u-text-style-caption-small { font-size: .75rem; } .tab_menu_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: stretch; display: grid; overflow: auto; } .tab_menu_button { flex: none; min-width: 9rem; min-height: 2.5rem; padding-bottom: .5rem; padding-left: .75rem; padding-right: .75rem; } .tab_button_title.u-text-style-main { font-size: .875rem; } .plantas_content_wrap { flex-flow: column-reverse; justify-content: flex-end; } .planta_media_wrap { aspect-ratio: 3 / 2; flex: none; min-width: 0; } .plantas_content_column { padding-right: var(--size--1-25rem); padding-left: var(--size--1-25rem); grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); flex: none; min-width: 0; } .plantas_features_list { grid-column-gap: .75rem; grid-row-gap: .75rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1rem; } .planta_header_box_title.u-text-style-h6 { font-size: 1.5rem; } .plantas_cta_wrap { padding-right: var(--size--2-5rem); padding-left: var(--size--2-5rem); width: 100%; } .full-list { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-flow: wrap; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; } .map-button-wrapper { flex-flow: column; } .map_code { height: var(--size--30rem); } .grid_localizacao { flex-flow: column; display: flex; } .grid_localizacao_column_left { display: none; } .localizacao_list_wrap { grid-template-columns: 1fr 1fr; } .u-hide-tablet { display: none; } .u-show-tablet { display: block; } .projeto_slide_wrap { background-color: var(--_color-core---black-alpha--transparent); height: auto; } .projeto_slide_mask { width: 45%; height: 100%; } .projeto_slide_page { margin-right: var(--size--1-5rem); aspect-ratio: 1; width: 100%; height: 100%; } .tab_menu_light_button { flex: none; min-width: 9rem; min-height: 2.5rem; padding-bottom: .5rem; padding-left: .75rem; padding-right: .75rem; } .overline_text-2 { font-size: .75rem; } .fs_modal-1_wrapper { grid-template-columns: 1fr; } .fs_modal-1_image { max-height: 30vh; display: none; } .u-text-style-caption-2, .u-text-style-caption-small-2 { font-size: .75rem; } .u-text-style-h3-2 { text-wrap: pretty; font-size: 2.4rem; } .u-text-style-large-2 { font-size: .9rem; } .u-text-style-main-3 { font-size: .8rem; } } @media screen and (max-width: 767px) { body { --size--2rem: 1rem; --spacing--large: var(--size--2rem); --size--0-5rem: .5rem; --size--1rem: .875rem; --spacing--xxsmall: var(--size--0-25rem); --spacing--tiny: var(--size--0-125rem); --spacing--small: var(--size--1rem); --spacing--xlarge: var(--size--2-5rem); --container--main: 100rem; --site--margin: var(--size--1-5rem); --container--small: 80rem; --sc-padding-vertical--main: var(--size--10rem); --container--full: 100dvw; --site--grid-gutter: var(--size--1rem); --size--0rem: 0rem; --spacing--xsmall: var(--size--0-5rem); --spacing--medium: var(--size--1-5rem); --spacing--xxlarge: var(--size--3rem); --size--0-75rem: .5rem; --size--1-5rem: 1.25rem; --size--3rem: 1.5rem; --sc-padding-vertical--small: var(--size--5rem); --size--0-125rem: .125rem; --sc-padding-vertical--none: var(--size--0rem); --sc-padding-vertical--large: var(--size--8rem); --size--8rem: 4rem; --size--4rem: 2rem; --size--35rem: 17.5rem; --size--1-125rem: 1rem; --size--3-5rem: 1.75rem; --size--12rem: 6rem; --size--5rem: 2.5rem; --size--0-875rem: .75rem; --size--2-5rem: 1.25rem; --size--7rem: 3.5rem; --size--1-25rem: 1.125rem; --size--50rem: 25rem; --size--40rem: 20rem; --size--0-625rem: .675rem; --size--25rem: 12.5rem; --container--large: 95dvw; --size--15rem: 7.5rem; --size--30rem: 15rem; --size--0-25rem: .25rem; --size--6rem: 3rem; --size--9rem: 4.5rem; --accessible-components--dark-grey: #9b9b9b; --size--4-5rem: 2.25rem; --size--5-5rem: 2.75rem; --size--6-5rem: 3.25rem; --size--7-5rem: 3.75rem; --size--8-5rem: 4.25rem; --size--9-5rem: 4.75rem; --size--10rem: 5rem; --size--11rem: 5.5rem; --size--13rem: 6.5rem; --size--14rem: 7rem; --size--16rem: 8rem; --size--17rem: 8.5rem; --size--18rem: 9rem; --size--19rem: 9.5rem; --size--20rem: 10rem; --size--45rem: 22.5rem; --size--55rem: 27.5rem; --size--60rem: 30rem; --site--width: 100rem; --site--column-count: 12; --media--full-width: 100dvw; --media--full-height: 100dvh; --media--x-large: var(--size--30rem); --media--large: var(--size--20rem); --spacing--huge: var(--size--4rem); --spacing--xhuge: var(--size--5rem); --spacing--distant: var(--size--7-5rem); --media--1080xp: var(--size--30rem); --column-width--1: 0px; --column-width--2: 0px; --column-width--3: 0px; --column-width--4: 0px; --column-width--5: 0px; --column-width--6: 0px; --column-width--7: 0px; --column-width--8: 0px; --column-width--9: 0px; --column-width--10: 0px; --column-width--11: 0px; --column-width--12: 0px; --column-margin--0: 0px; --column-margin--1: 1px; --column-margin--2: 2px; --column-margin--3: 3px; --column-margin--4: 4px; --column-margin--5: 5px; --column-margin--6: 6px; --column-margin--7: 7px; --column-margin--8: 8px; --column-margin--9: 9px; --column-margin--10: 10px; --column-margin--11: 11px; --column-margin--12: 12px; --align--flex-start: 0px; --align--flex-center: 0px; --align--flex-end: 0px; --align--text-left: 0px; --align--text-center: 0px; --align--text-right: 0px; --size--70rem: 35rem; --size--80rem: 40rem; --size--90rem: 45rem; --size--100rem: 50rem; } .u-text-style-display { font-size: 4.45rem; } .u-text-style-h1 { font-size: 2.56rem; } .u-text-style-h2 { font-size: 2.25rem; } .u-text-style-h3 { font-size: 1.95rem; } .u-text-style-h4 { font-size: 1.6rem; } .u-text-style-h5 { font-size: 1.25rem; } .u-text-style-h6, .u-text-style-large { font-size: 1rem; } .u-text-style-main { font-size: .875rem; } .u-text-style-small { font-size: .75rem; } .u-grid-column-2, .u-grid-column-3, .u-grid-column-4 { grid-template-columns: var(--grid-1); } .u-grid-tablet { flex-flow: column; display: flex; } .u-order-first-tablet, .u-order-last-tablet { order: 0; } .styleguide_font_item { grid-template-columns: 100%; } .card { height: 60vh; } .template-card { grid-column-gap: 1rem; grid-row-gap: 1rem; } .tag-icon { font-size: .8rem; } .conceito_text_grid { grid-template-columns: 1.5fr; display: flex; } .card_square_wrap { border-radius: .5rem; } ._2-1-grid { grid-template-columns: 1fr; } .image-wrapper-medium { height: 30rem; padding: 2rem; } ._2-grid { grid-template-columns: 1fr; } .ds_section_layout { grid-row-gap: 3rem; } .styles-grid { grid-template-columns: 1fr 1fr; } .title { max-width: 100%; } .nav_container.u-container { padding-top: var(--size--0-5rem); padding-bottom: var(--size--0-5rem); } .nav.is-desktop { display: none; } .display-s-2 { font-size: 1.25rem; } .ds_section_wrap { grid-row-gap: 6rem; padding-top: 3rem; padding-bottom: 3rem; } ._1-2-grid { grid-template-columns: 2fr; } .display-s-5 { font-size: 1.25rem; } ._3-grid, ._4-grid { grid-template-columns: 1fr; } .display-s-6 { font-size: 1.25rem; } .form-row { flex-direction: column; align-items: flex-start; } .u-text-style-display-large { font-size: 5.75rem; } .u-text-style-subheading { font-size: .8rem; } .u-text-style-tiny { font-size: .625rem; } .u-text-style-huge { font-size: 1.1rem; } .footer_block_01 { margin-bottom: 1.25rem; } .footer_logos_list { grid-row-gap: 2rem; flex-wrap: wrap; } .footer_logo_wrap { grid-row-gap: .75rem; } .footer_logo_signature { font-size: .625rem; } .footer__logo-link { height: 6rem; } .d1up_logo { margin-left: 8px; } .contato_sc_wrap { overflow: hidden; } .overline_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; } .overline_text { letter-spacing: .05em; font-size: .7rem; } .full-banner { height: 100dvw; overflow: hidden; } .hero_product_wrap { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: column; justify-content: space-between; align-items: flex-start; } .hero_product_content { grid-column-gap: .5rem; grid-row-gap: .5rem; } .hero_product_text { letter-spacing: .1em; font-size: 1rem; } .line_decoration { flex: none; width: 100%; } .headline-faded.is-tab-headline { font-size: var(--size--1-125rem); } .cookies_modal_wrap { border-radius: 18px; } .cookie_button { padding: 16px 34px; font-size: 16px; line-height: 18px; } .lazer_grid { grid-row-gap: 1rem; grid-template-rows: auto auto; grid-template-columns: 1fr; } .lazer_grid_frame { padding: 2rem; } .lazer_grid_icon { margin-bottom: 2rem; } .cta_bar_buttons_wrap { grid-column-gap: .5rem; } .cta_bar_button { grid-column-gap: .5rem; padding-left: 1rem; padding-right: .5rem; } .conceito_grid_wrap { grid-template-rows: 40% auto; grid-template-columns: .75fr 1fr; } .u-text-style-caption { font-size: .625rem; } .standard-tab { justify-content: flex-start; margin-left: 5px; margin-right: 5px; } .header_content { grid-row-gap: var(--size--1rem); } .overline_text_name { letter-spacing: .0625em; } .conceito_text { margin-bottom: var(--size--2rem); } .galeria_slide { justify-content: flex-end; align-items: flex-end; } .galeria_mask { width: 100%; } .slider-arrow { margin: 1.5rem 6rem 1.5rem 1.5rem; bottom: 0; } .u-text-style-caption-small { font-size: .625rem; } .tab_menu_wrap { margin-right: -1.5rem; padding-right: 1rem; } .planta_card_wrap { margin-right: 1.5rem; padding: .75rem; } .plantas_content_wrap { grid-column-gap: .75rem; grid-row-gap: .75rem; padding: .75rem; } .planta_media_wrap { aspect-ratio: 2.39; width: 100%; min-width: 0; height: auto; min-height: 20rem; max-height: none; } .plantas_content_column { padding: 1rem; } .plantas_overline_text { letter-spacing: 0; line-height: 1.25em; } .plantas_features_list { grid-column-gap: .5rem; grid-row-gap: .5rem; padding: 1rem; } .planta_produto { text-transform: none; } .full-list { grid-row-gap: 1rem; grid-template-rows: auto; grid-template-columns: repeat(auto-fit, minmax(45%, 1fr)); } .map_wrap { height: auto; margin-top: 2rem; margin-bottom: 2rem; } .map-button-wrapper { grid-column-gap: .5rem; grid-row-gap: .5rem; flex-flow: row; justify-content: center; align-items: center; width: 100%; margin-top: 2rem; margin-right: 0; position: static; } .map-button { flex: 1; justify-content: center; align-items: center; } .tab_localizacao { grid-column-gap: var(--size--1rem); grid-row-gap: var(--size--1rem); } .header_localizacao { width: 100%; } .header_locazalica_text.u-text-style-main { font-size: var(--size--1rem); line-height: var(--_core-typography---line-height--medium); } .localizacao_list_text.u-text-style-main { font-size: var(--size--1rem); } .localizacao_distance_text.u-text-style-small { font-size: var(--size--0-875rem); } .projeto_slide_mask.u-overflow-visible { width: 60%; } .overline_text-2 { letter-spacing: .05em; font-size: .7rem; } .modal_title.u-text-style-large { font-size: 1rem; } .fs_modal-1_email { padding-left: 1.5rem; padding-right: 1.5rem; display: none; } .fs_modal-1_content { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 3rem 2rem; } .fs_modal-1_close { padding: 1rem; } .fs_modal-1_whatsapp { padding-left: 1.5rem; padding-right: 1.5rem; } .overline_text_name-4 { letter-spacing: .0625em; } .u-text-style-caption-2, .u-text-style-caption-small-2 { font-size: .625rem; } .u-text-style-h3-2 { font-size: 1.95rem; } .u-text-style-large-2 { font-size: 1rem; } .display-s-7 { font-size: 1.25rem; } .u-text-style-main-3 { font-size: .875rem; } .fs_modal-1_content_hmp { grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; padding: 3rem 2rem; } .fs_modal-1_hmp_img { padding-left: 1.5rem; padding-right: 1.5rem; } } @media screen and (max-width: 479px) { .u-text-style-h3, .u-text-style-h5 { font-size: var(--size--2rem); } .u-text-style-large { font-size: .975rem; } .u-grid-landscape { flex-flow: column; display: flex; } .u-grid-breakout { grid-template-columns: var(--grid-breakout-single); } .card { height: 50vh; } .tag { padding: .4rem .75rem; font-size: .8rem; } .tag-icon { width: .9rem; } .card_square_wrap { border-radius: .5rem; } .image-wrapper-medium { border-radius: .5rem; height: 20rem; padding: 1rem; } .ds_section_layout { grid-row-gap: 2.5rem; } .styles-grid { grid-template-columns: 1fr; } .title { text-align: left; } .video_hover_title_wrap { display: none; } .video_button_wrap { width: 3.5rem; height: 3.5rem; } .video_hover_wrap { width: 100%; } .slide_arrow_wrap { justify-content: center; align-items: flex-end; display: none; } .ds_content_head { grid-row-gap: 1rem; flex-direction: column; } .ds_section_wrap { grid-row-gap: 5rem; padding-top: 2.5rem; padding-bottom: 2.5rem; } ._1-2-grid { grid-column-gap: 2rem; grid-row-gap: 2rem; } .container-9 { padding-left: 1.25rem; padding-right: 1.25rem; } .display-s-5 { font-size: 1.1rem; } .container-10 { padding-left: 1.25rem; padding-right: 1.25rem; } .display-s-6 { font-size: 1.1rem; } .tag-icon-small { width: .9rem; } .tag-small { padding: .4rem .75rem; font-size: .9rem; } .form { grid-row-gap: 1rem; } .button-5 { width: 100%; font-size: .9rem; } .form-row { grid-column-gap: 1rem; grid-row-gap: 1rem; } .u-text-style-huge { font-size: 1.125rem; } .footer_logos_list { grid-row-gap: 1rem; margin-bottom: 2rem; } .footer_logo_wrap { grid-row-gap: 0rem; flex-direction: column; justify-content: center; align-items: center; display: flex; } .footer_disclaimer_text { font-size: .7rem; } .d1up_logo { width: 1rem; height: 1rem; } .overline_text { font-size: var(--size--0-5rem); } .form_frame { padding: 1.5rem; } .form_text { font-size: .75rem; line-height: 1.35em; } .reveal-type { font-size: 5dvw; } .g_aside_content { display: flex; } .cookies_modal_wrap { color: #d4d8dd; background-color: #2b2b2b; bottom: 16px; left: 16px; right: 16px; } .cookie_button { padding: 15px 34px 16px; } .btn_zoom_wrap { padding: var(--size--0-625rem); width: 2rem; } .sb-product-head { letter-spacing: .5rem; font-size: 1.5rem; line-height: 120%; } .planta_thumbnails-wrap { grid-column-gap: .75rem; } .planta_thumbnails-img-wrap { width: 4.5rem; height: 2.5rem; } .planta_pin-2 { min-width: 1rem; min-height: 1rem; padding: 0; font-size: .5rem; } .cta_bar_wrap { max-width: 100%; padding-top: .25rem; padding-bottom: .25rem; inset: auto 0% 2rem; overflow: hidden; box-shadow: -3px -3px 1.5rem -.25rem #08151f85; } .cta_bar_wrap.u-theme-dark { padding-top: .7rem; padding-bottom: .7rem; } .cta_bar_buttons_wrap { grid-column-gap: .25rem; grid-row-gap: 16px; flex-flow: column; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: flex; } .cta_bar_button { grid-row-gap: .5rem; padding: .5rem; } .cta_bar_button_text { font-size: .75rem; font-weight: 500; } .conceito_grid_wrap { grid-template-rows: auto 46dvw 40dvw; grid-template-columns: 1fr; } .u-text-style-caption.u-text-style-small.u-all-caps { align-self: center; padding-top: 0; padding-left: .35rem; padding-right: .35rem; line-height: 1; } .caption_subtitle.u-text-style-xsmall.u-all-caps { font-size: .3rem; line-height: 1; } .overline_text_name { font-size: var(--size--0-5rem); } .conceitp_media_wrap.u-media-wrap-large { min-height: 0; max-height: none; } .conceito_content_wrap { grid-column-gap: var(--size--2-5rem); grid-row-gap: var(--size--2-5rem); } .projeto_title_small.u-text-style-h5, .projeto_title_big.u-text-style-h2 { font-size: var(--size--1rem); } .intro_type_art { font-size: 9dvw; } .galeria_slide { justify-content: space-between; align-items: center; } .slide_card_wrap { aspect-ratio: 3 / 2; max-height: 100dvh; } .slide_card_content { padding: 1.5rem 1.5rem 1.25rem; } .slider-arrow { margin-left: -1rem; margin-right: 0; bottom: auto; left: auto; } .horizontal-line-divider { width: 100%; height: .09rem; } .planta_card_wrap { padding: 1.25rem; } .plantas_content_wrap { border-style: none; border-radius: 0; padding: 0; } .planta_media_wrap { grid-row-gap: 1rem; } .planta_pin { min-width: 1rem; min-height: 1rem; padding-right: .4rem; font-size: .5rem; } .plantas_content_column { grid-column-gap: 1rem; grid-row-gap: 1rem; flex: none; padding: 0; } .plantas_overline_text { letter-spacing: .05em; font-size: .5rem; } .plantas_feature_box { width: 100%; } .plantas_features_list { letter-spacing: .1875rem; flex-flow: wrap; padding-top: .75rem; padding-bottom: .6rem; font-size: .875rem; } .planta_produto { letter-spacing: 0; flex: none; font-size: .7rem; } .planta_thumbnails { grid-row-gap: .35rem; flex-flow: column; justify-content: flex-start; align-items: stretch; } .planta_thumbnails-text { max-width: none; font-size: .5rem; line-height: 1.3; } .full-list { grid-template-columns: 1fr; } .map-button-wrapper { grid-column-gap: .75rem; grid-row-gap: .75rem; flex-flow: column; justify-content: center; align-items: stretch; width: 100%; margin-top: 1rem; } .map-button { grid-column-gap: .5rem; flex: 1; padding: .5rem 1rem; } .svg-icon-5 { width: .75rem; } .tab_localizacao_menu { grid-column-gap: 1rem; grid-row-gap: 1rem; flex-direction: column; overflow: auto; } .tab_localizacao_button { flex: none; justify-content: flex-start; } .projeto_slide_mask.u-overflow-visible { width: 85%; } .tour_media_wrap.u-media-wrap-large { aspect-ratio: 9 / 16; height: auto; min-height: 0; max-height: none; } .overline_text-2 { font-size: var(--size--0-5rem); } .modal_title.u-text-style-large { font-size: .875rem; } .fs_modal-1_email { display: none; } .fs_modal-1_close { background-color: var(--_color-core---primary--900); } .overline_text_name-4 { font-size: var(--size--0-5rem); } .u-text-style-h3-2 { font-size: var(--size--2rem); } .u-text-style-large-2 { font-size: .975rem; } .svg-icon-6 { width: .75rem; } } #w-node-_81d448fc-bad0-2510-ea27-f6f5db0329a8-56f619b0 { grid-area: 1 / 2 / 2 / 3; } #w-node-_49a678d8-0441-d25e-de43-93a2975a4b42-56f619b0 { grid-area: span 2 / span 1 / span 2 / span 1; } #w-node-_6f24a40f-8534-8f44-f29e-9264fc113250-56f619b0 { grid-area: 1 / 1 / 2 / 2; align-self: baseline; } #w-node-_93220947-19e8-4f27-fccc-e19db5016e5d-56f619b0 { grid-area: 2 / 1 / 3 / 3; align-self: center; } #w-node-_6662549f-ffc0-71b7-25e2-7e07713eb1de-56f619b0 { grid-area: 2 / 3 / 3 / 4; } #w-node-f2e6fafc-eea0-8bd1-c777-a18ba64e6226-56f619b0, #w-node-f2e6fafc-eea0-8bd1-c777-a18ba64e622f-56f619b0, #w-node-f2e6fafc-eea0-8bd1-c777-a18ba64e6238-56f619b0 { grid-area: span 1 / span 12 / span 1 / span 12; } #w-node-eda16e6d-e2a8-f0c4-aea3-55438cc73f70-56f619b0 { grid-area: 1 / 7 / 2 / 13; } #w-node-eda16e6d-e2a8-f0c4-aea3-55438cc73f75-56f619b0 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_8d791b3b-3456-104c-37d8-49349bb32d43-56f619b0, #w-node-_3315af4e-87aa-a6d7-2b87-57c79ed3d964-56f619b0, #w-node-_4a87cb08-b90c-20d6-8c26-5f3f18de6314-56f619b0, #w-node-c43064af-41b5-696e-2af4-1b9b30cafe0b-56f619b0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-c43064af-41b5-696e-2af4-1b9b30cafe0c-56f619b0 { order: -9999; } #w-node-_7b86dc1f-ab2b-25e0-828f-5d96bc5cac55-56f619b0 { align-self: start; } #w-node-_8017364f-1ead-78b8-735f-8ce4e047931f-56f619b0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_4243ddef-fe32-a14a-6375-4da759a36105-56f619b0, #w-node-ac548623-affc-e0ea-ad0d-6f7f439722f2-56f619b0, #w-node-_90ae6b65-8b0e-3b2f-c4ee-674654e2decd-56f619b0 { align-self: start; } #w-node-d04211bc-8e21-9897-b30c-da74cca6ef37-56f619b0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-d04211bc-8e21-9897-b30c-da74cca6ef38-56f619b0 { order: -9999; } #w-node-d04211bc-8e21-9897-b30c-da74cca6ef60-56f619b0, #w-node-d04211bc-8e21-9897-b30c-da74cca6efc3-56f619b0, #w-node-d04211bc-8e21-9897-b30c-da74cca6f025-56f619b0, #w-node-d04211bc-8e21-9897-b30c-da74cca6f061-56f619b0 { align-self: start; } #w-node-_8829eef5-901d-110b-64b2-3caf997d8f64-56f619b0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_8829eef5-901d-110b-64b2-3caf997d8f6f-56f619b0, #w-node-_04dbef70-500c-facc-3eab-026749e5e52b-56f619b0, #w-node-_3c7a3c63-0d11-5105-6de4-852895ef02cd-56f619b0, #w-node-_0fdcd62f-64bd-aaf1-7a64-43bf0656b696-56f619b0, #w-node-_7fb79bdf-aee4-ccb8-1954-479e3fbc4bb5-56f619b0, #w-node-_7e3a995c-fec7-0df6-f5ea-6ca47bdab049-56f619b0, #w-node-daa9415c-169c-99b7-a439-6c7723acce71-56f619b0, #w-node-_7ad0fd24-6f98-5c8a-05bf-6eece9783d66-56f619b0, #w-node-_35825bd3-c390-e1f3-4701-dfab09a7e0aa-56f619b0, #w-node-eeff780c-841d-2a58-1838-bc08ae1bce3f-56f619b0, #w-node-e04f0cb5-052f-eae7-b9f7-36261d8dc7ee-56f619b0, #w-node-_0427deb9-2627-d5e9-e289-254a08166dee-56f619b0 { align-self: stretch; } #w-node-baa4b175-2c82-edbf-7b13-afc1f38c4004-f38c3ffb { justify-self: stretch; } #w-node-c230e802-bac5-4cea-f8c0-e8d32f153254-2f153250 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-c230e802-bac5-4cea-f8c0-e8d32f153257-2f153250 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_6d71a4f5-d7b1-9b8c-8344-87eb064eba96-064eba95 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-c740cb6c-edf1-84ab-1bbf-8a55747fc70f-747fc70a { justify-self: end; } #w-node-b27ee385-9030-faaa-1fda-333b1af71877-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71878-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af7187e-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af7187f-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71880-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71886-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71887-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71888-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71889-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af7188f-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71890-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71896-56f619b1, #w-node-b27ee385-9030-faaa-1fda-333b1af71897-56f619b1 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_13e4bbc5-26d3-7bfe-edd0-2ccba0387950-56f619b1, #w-node-_13e4bbc5-26d3-7bfe-edd0-2ccba0387955-56f619b1, #w-node-_13e4bbc5-26d3-7bfe-edd0-2ccba038795a-56f619b1, #w-node-_13e4bbc5-26d3-7bfe-edd0-2ccba038795f-56f619b1, #w-node-_13e4bbc5-26d3-7bfe-edd0-2ccba0387964-56f619b1 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc1d-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc23-cb5d3254 { grid-area: 1 / 2 / 2 / 3; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc59-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc8a-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc91-cb5d3254 { grid-area: 1 / 1 / 2 / 2; align-self: baseline; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc95-cb5d3254 { grid-area: 2 / 1 / 3 / 3; align-self: center; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc97-cb5d3254 { grid-area: 2 / 3 / 3 / 4; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cd46-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cd5e-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cd76-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cd8e-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cda7-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cdbf-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cdd7-cb5d3254 { justify-self: end; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce06-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce30-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce3a-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce43-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce4c-cb5d3254 { grid-area: span 1 / span 12 / span 1 / span 12; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce6d-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce7d-cb5d3254 { grid-area: 1 / 7 / 2 / 13; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce8f-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ceba-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cee3-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cf23-cb5d3254 { grid-area: span 1 / span 3 / span 1 / span 3; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cf57-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cf5a-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cf7b-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cfc8-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cfcb-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cfec-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d010-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d012-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d033-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d0bb-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d0bd-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d0de-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d168-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d16a-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d18b-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d215-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d217-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d238-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d2c2-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d2c4-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d2e5-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d371-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d38a-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d3b3-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d40b-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d42f-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d430-cb5d3254 { order: -9999; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d458-cb5d3254 { align-self: start; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d463-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d491-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d51e-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d585-cb5d3254 { align-self: start; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d5df-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d5fc-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d620-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d621-cb5d3254 { order: -9999; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d649-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d6dc-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d73e-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d77a-cb5d3254 { align-self: start; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d7a9-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d7c1-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d89e-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8a8-cb5d3254 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8b0-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8bc-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8c8-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8d4-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8e0-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8ec-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d8f8-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d904-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d910-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d91c-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d928-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d934-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d940-cb5d3254 { align-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d95b-cb5d3254 { justify-self: stretch; } @media screen and (max-width: 991px) { #w-node-de30aef5-887b-3824-9bcf-e8216e3d3fad-56f619b0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_81d448fc-bad0-2510-ea27-f6f5db0329a8-56f619b0 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_8086e703-b050-4210-b16b-1bf3ea689224-56f619b0 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-d2b263af-d912-6f79-80f8-0d2994ad5816-56f619b0 { align-self: center; } #w-node-_6f24a40f-8534-8f44-f29e-9264fc113250-56f619b0 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-_93220947-19e8-4f27-fccc-e19db5016e5d-56f619b0 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-_6662549f-ffc0-71b7-25e2-7e07713eb1de-56f619b0 { grid-area: 2 / 1 / 3 / 3; } #w-node-_8829eef5-901d-110b-64b2-3caf997d8f64-56f619b0 { align-self: start; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc13-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc23-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc6c-cb5d3254 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc76-cb5d3254 { align-self: center; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc91-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; align-self: center; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc95-cb5d3254 { grid-area: span 1 / span 1 / span 1 / span 1; justify-self: start; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc97-cb5d3254 { grid-area: 2 / 1 / 3 / 3; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d89e-cb5d3254 { align-self: start; } } @media screen and (max-width: 767px) { #w-node-eda16e6d-e2a8-f0c4-aea3-55438cc73f70-56f619b0 { grid-area: span 1 / span 6 / span 1 / span 6; } #w-node-_8829eef5-901d-110b-64b2-3caf997d8f64-56f619b0 { grid-column: span 1 / span 1; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce7d-cb5d3254 { grid-area: span 1 / span 6 / span 1 / span 6; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d89e-cb5d3254 { grid-column: span 1 / span 1; } } @media screen and (max-width: 479px) { #w-node-_9402ce00-a06f-1c15-b07f-9cfcf6034efc-56f619b0 { order: 0; } #w-node-_49a678d8-0441-d25e-de43-93a2975a4b42-56f619b0 { grid-row: span 1 / span 1; } #w-node-_94853378-6e60-cc43-15a5-ad4ad21e6be8-56f619b0 { order: 0; } #w-node-eda16e6d-e2a8-f0c4-aea3-55438cc73f70-56f619b0 { grid-column: span 4 / span 4; } #w-node-_03f67a7c-e8f2-66f6-587d-a8a9ab77f3c4-39246488 { justify-self: stretch; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc58-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04cc59-cb5d3254 { order: 0; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04ce7d-cb5d3254 { grid-column: span 4 / span 4; } #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d046-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d0f3-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d1a0-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d24d-cb5d3254, #w-node-b4b4a8bd-8441-9a44-00bc-4d665c04d2fa-cb5d3254 { justify-self: stretch; } }