@charset "UTF-8";
@font-face {
    font-family: 'modernline';
    src: url("../fonts/modernline-webfont.woff2") format("woff2"), url("../fonts/modernline-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:focus {
    outline: none;
}

ol,
ul,
dl {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ol:not([class]),
ul:not([class]),
dl:not([class]) {
    margin: unset;
    padding: 0 0 var(--list-padding-bottom, 4rem) var(--list-padding-left, 4rem);
}

ol:not([class]) {
    list-style: decimal;
}

ul:not([class]) {
    list-style: disc;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?tqvqtx");
    src: url("../fonts/icomoon.eot?tqvqtx#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?tqvqtx") format("truetype"), url("../fonts/icomoon.woff?tqvqtx") format("woff"), url("../fonts/icomoon.svg?tqvqtx#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change ../fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
    content: "\e900";
}

.icon-linkedin:before {
    content: "\e901";
}

.icon-facebook:before {
    content: "\e902";
}

.icon-menu:before {
    content: "\e9bd";
}

.icon-download:before {
    content: "\e9c7";
}

.icon-close:before {
    content: "\ea0d";
}

.icon-cross:before {
    content: "\ea0f";
}

.icon-play:before {
    content: "\ea1c";
}

.icon-arrow-right:before {
    content: "\ea3c";
}

.icon-whatsapp:before {
    content: "\ea93";
}

.icon-instagram:before {
    content: "\ea87";
}

.icon-file-text2:before {
    content: "\e926";
}

.icon-cogs:before {
    content: "\e995";
}

:root {
    --border-style-none: none;
    --border-style-solid: solid;
    --border-radius-none: 0px;
    --border-radius-xs: .2em;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;
    --border-radius-pill: 500px;
    --border-radius-circular: 50%;
    --color-primary-darkest: #8b6224;
    --color-primary-dark: #a98043;
    --color-primary-medium: #cca765;
    --color-primary-light: #c4aa75;
    --color-primary-lightest: #c8a983;
    --color-secondary-darkest: #1a0206;
    --color-secondary-dark: #4a1019;
    --color-secondary-medium: #54121c;
    --color-secondary-light: #8d2939;
    --color-secondary-lightest: #9f5762;
    --color-neutral-darkest: #c5baba;
    --color-neutral-dark: #5b5a5a;
    --color-neutral-medium: #999999;
    --color-neutral-light: #cecece;
    --color-neutral-lightest: #FFFFFF;
    --color-success-darkest: #000000;
    --color-success-dark: #000000;
    --color-success-medium: #000000;
    --color-success-light: #000000;
    --color-success-lightest: #000000;
    --color-error-darkest: #8f0a09;
    --color-error-dark: #c00d0c;
    --color-error-medium: #e21b1a;
    --color-error-light: #fe8e8d;
    --color-error-lightest: #fbcaca;
    --body-bgcolor: rgb(246, 246, 246);
    --padding-xxs: 4px;
    --padding-xs: 8px;
    --padding-sm: 16px;
    --padding-md: 24px;
    --padding-lg: 32px;
    --padding-xl: 40px;
    --squish-xs: 4px 8px;
    --squish-sm: 8px 16px;
    --squish-md: 16px 24px;
    --squish-lg: 16px 48px;
    --spacing-inline-xxxs: 4px;
    --spacing-inline-xxs: 8px 16px;
    --spacing-inline-xs: 24px;
    --spacing-inline-sm: 32px;
    --spacing-inline-md: 40px;
    --spacing-inline-lg: 48px;
    --spacing-inline-xl: 64px;
    --spacing-inline-xxl: 80px;
    --spacing-stack-quark: 4px;
    --spacing-stack-nano: 8px;
    --spacing-stack-xxxs: 16px;
    --spacing-stack-xxs: 24px;
    --spacing-stack-xs: 40px;
    --spacing-stack-sm: 48px;
    --spacing-stack-md: 56px;
    --spacing-stack-lg: 64px;
    --spacing-stack-xl: 80px;
    --spacing-stack-xxl: 120px;
    --spacing-stack-huge: 16px;
    --spacing-stack-giant: 200px;
    --font-family-base: 'Lato', sans-serif;
    --font-family-highlight: "modernline";
    --font-size-xs: 8px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 21px;
    --font-size-xl: 32px;
    --font-weight-bold: 700;
    --font-weight-medium: 600;
    --font-weight-regular: 400;
    --line-height-xs: 100%;
    --line-height-sm: 120%;
    --line-height-md: 150%;
    --line-height-lg: 200%;
    --velocity-fast: 0.2s;
}

:root {
    --color-title: var(--color-primary-medium);
    --color-text: var(--color-neutral-medium);
    --base-line-heigth: 1.5;
}

:root {
    --selection-bg: var(--color-secondary-medium);
    --selection-color: var(--color-neutral-lightest);
    --body-color: var(--color-neutral-medium);
    --body-bgcolor: var(--color-neutral-lightest);
    --body-font-family: var(--font-family-base);
    --body-fz: var(--font-size-md);
    --body-line-height: 1.5;
    --header-site-bg: none;
    --sub-menu-bg: var(--color-neutral-light);
    --sub-menu-link-hover-bg: var(--color-primary-medium);
    --sub-menu-link-hover-color: var(--color-neutral-lightest);
    --header-link-color: var(--color-primary-medium);
    --header-internal-align: left;
    --header-internal-height: 200px;
    --header-internal-margin-bottom: 0;
    --header-internal-bg: var(--color-primary-medium);
    --header-internal-title-color: var(--color-primary-light);
    --header-internal-title-color-div: var(--color-neutral-lightest);
    --header-internal-title-font: var(--font-size-xl) var(--font-family-base);
    --header-internal-title-transform: uppercase;
    --footer-site-bg: var(--color-neutral-lightest);
    --footer-site-title-color: var(--color-neutral-dark);
    --footer-site-title-border-color: var(--color-neutral-dark);
    --footer-site-link-color: var(--color-neutral-darkest);
    --footer-site-link-color-hover: var(--color-primary-light);
    --inner-page-container-bg: var(--color-neutral-lightest);
    --inner-page-content-bg: var(--color-neutral-light);
    --inner-page-title-color: var(--color-primary-medium);
    --inner-page-h1-color: var(--color-primary-medium);
    --inner-page-h2-color: var(--color-primary-medium);
    --inner-page-subtitle-color: #5b5b5f;
    --table-thead-bg: var(--color-neutral-light);
    --table-th-border-color: var(--color-neutral-light);
    --table-tr-border-color: var(--color-neutral-light);
    --table-td-border-color: var(--color-neutral-light);
    --table-linear-th-color: var(--color-primary-medium);
    --table-linear-th-border-color: var(--color-primary-medium);
    --input-width: 100%;
    --input-height: 56px;
    --input-padding: 0.5rem 0.8rem;
    --input-background: var(--color-neutral-lightest);
    --input-radius: var(--radius-sm);
    --input-border: 1px var(--color-primary-lightest) solid;
    --input-fz: var(--font-size-xs) --input-font-family: var(--font-family-base);
    --input-focus-background: var(--color-neutral-lightest);
    --input-focus-border: 1px var(--color-primary-medium) solid;
    --textarea-height: 200px;
    --select-arrow-color: var(--color-primary-medium);
    --label-fz: var(--font-size-xs) --label-color: var(--color-primary-medium);
    --label-bg: var(--color-neutral-lightest);
    --label-focus-color: var(--color-primary-medium);
    --label-focus-fz: var(--font-size-xxs);
    --label-padding: 0;
    --placeholder-color: var(--color-neutral-medium);
    --placeholder-font-family: var(--font-family-base);
    --placeholder-fz: initial;
    --checkbox-symbol: "";
    --checkbox-background: var(--color-neutral-lightest);
    --checkbox-color: var(--color-neutral-lightest);
    --checkbox-border: 1px solid var(--color-primary-lightest);
    --checkbox-checked-background: var(--color-primary-medium);
    --checkbox-checked-color: var(--color-neutral-lightest);
    --legend-color: var(--color-primary-medium);
    --legend-border-radius: var(--radius-sm);
    --legend-font-family: var(--font-family-base)-bold;
    --legend-border: none;
    --legend-fz: var(--font-size-xs);
    --legend-text-transform: none;
    --button-width: fit-content;
    --button-min-width: 100px;
    --button-radius: var(--radius-md);
    --button-fz: var(--font-size-xs) --button-font-family: var(--font-family-base)-medium;
    --button-padding: 1.2rem 4.2rem;
    --button-letter-space: initial;
    --button-line-height: initial;
    --button-color: var(--color-neutral-lightest);
    --button-border: none;
    --button-bg-color: var(--color-secondary-medium);
    --button-text-transform: none;
    --button-hover-color: var(--color-neutral-lightest);
    --button-hover-bg-color: var(--color-secondary-dark);
    --button-hover-border: none;
    --button-focus-color: var(--color-neutral-lightest);
    --button-focus-bg-color: var(--color-secondary-dark);
    --button-outline-color: var(--color-neutral-lightest);
    --button-outline-bg-color: var(--color-neutral-medium);
    --h-font-family: var(--font-family-base)-bold;
    --h-color: var(--color-neutral-medium);
    --title-section-color: var(--color-primary-medium);
    --title-section-align: center;
    --breadcrumbs-align: initial;
    --breadcrumbs-space: 5px;
    --breadcrumbs-current-color: var(--color-primary-medium);
    --breadcrumbs-link-color: var(--color-primary-medium);
    --breadcrumbs-link-hover-color: var(--color-secondary-lightest);
    --breadcrumbs-divisor: "/";
    --breadcrumbs-divisor-color: var(--color-primary-medium);
    --details-margin: 0 0 1rem 0;
    --details-border: none;
    --details-summary-padding: 2rem;
    --details-summary-radius: var(--radius-xs);
    --details-summary-radius-open: var(--radius-xs) var(--radius-xs) 0 0;
    --details-summary-bg: var(--color-neutral-lightest);
    --details-summary-font-size: 1.5rem;
    --details-summary-font-weight: normal;
    --details-content-padding: 2rem;
    --details-content-bg: var(--color-neutral-lightest);
    --details-content-radius: 0 0 var(--radius-xs) var(--radius-xs);
    --details-content-margin-top: 1rem;
    --details-content-font-size: 1.5rem;
    --details-icon: var(--icon-arrow-down);
    --details-icon-open: var(--icon-arrow-down);
    --details-icon-font-size: 1.5rem;
    --details-icon-open-rotate: rotate(180deg);
    --pagination-container-margin: 3rem 0;
    --pagination-color: var(--color-primary-medium);
    --pagination-color-hover: var(--color-neutral-lightest);
    --pagination-color-disable: var(--color-secondary-dark);
    --pagination-color-active: var(--color-neutral-lightest);
    --pagination-bgcolor: var(--color-neutral-light);
    --pagination-bgcolor-hover: var(--color-primary-lightest);
    --pagination-bgcolor-active: var(--color-primary-light);
    --pagination-bgcolor-disable: var(--color-neutral-lightest);
    --pagination-border-color: var(--color-primary-medium);
    --pagination-border-color-hover: var(--color-primary-medium);
    --pagination-border-color-active: var(--color-primary-medium);
    --pagination-border-color-disable: var(--color-primary-medium);
    --pagination-arrow-color: var(--color-secondary-dark);
    --pagination-arrow-color-hover: var(--color-neutral-lightest);
    --pagination-arrow-color-active: var(--color-neutral-lightest);
    --pagination-arrow-color-disable: var(--color-neutral-lightest);
    --pagination-border-radius: var(--radius-sm);
    --pagination-width: 45px;
    --pagination-border: none;
    --pagination-font-weight: bold;
    --most-read-bg: none;
    --most-read-border: 1px solid var(--color-neutral-light);
    --most-read-title: var(--color-primary-medium);
    --most-read-item-border: 1px solid var(--color-neutral-medium);
    --most-read-item-link-color: var(--color-neutral-darkest);
    --most-read-item-time-color: var(--color-neutral-medium);
    --blog-item-border: 1px solid var(--color-neutral-light);
    --blog-content-link-color: var(--color-primary-medium);
    --blog-content-link-color-hover: var(--color-primary-light);
    --swiper-theme-color: var(--color-secondary-medium)!important;
}

.dark-theme :root {
    --selection-bg: var(--color-neutral-lightest);
    --selection-color: var(--color-neutral-darkest);
}

 :root.dark-theme {
    --body-bgcolor: var(--color-neutral-darkest);
    --body-color: var(--color-neutral-light);
}

 :root.dark-theme {
    --header-link-color: var(--color-neutral-lightest);
    --sub-menu-bg: var(--color-neutral-dark);
    --sub-menu-link-hover-bg: var(--color-neutral-lightest);
    --sub-menu-link-hover-color: var(--color-neutral-darkest);
}

 :root.dark-theme {
    --footer-site-bg: var(--color-neutral-darkest);
    --footer-site-title-color: var(--color-neutral-light);
    --footer-site-title-border-color: var(--color-neutral-light);
    --footer-site-link-color: var(--color-neutral-light);
    --footer-site-link-color-hover: var(--color-primary-light);
}

 :root.dark-theme {
    --inner-page-container-bg: var(--color-neutral-dark);
    --inner-page-content-bg: var(--color-neutral-darkest);
    --page-title-color: var(--color-primary-lightest);
    --inner-page-title-color: var(--color-primary-lightest);
    --inner-page-h1-color: var(--color-neutral-lightest);
    --inner-page-h2-color: var(--color-neutral-lightest);
    --inner-page-subtitle-color: var(--color-neutral-lightest);
}

 :root.dark-theme {
    --table-thead-bg: var(--color-neutral-darkest);
    --table-th-border-color: var(--color-neutral-dark);
    --table-tr-border-color: var(--color-neutral-light);
    --table-td-border-color: var(--color-neutral-light);
}

 :root.dark-theme {
    --table-linear-th-color: var(--color-primary-light);
    --table-linear-th-border-color: var(--color-neutral-light);
}

 :root.dark-theme {
    --input-background: var(--color-neutral-dark);
    --input-border: 1px var(--color-primary-lightest) solid;
    --input-focus-background: var(--color-neutral-lightest);
    --input-focus-border: 1px var(--color-neutral-lightest) solid;
    --select-arrow-color: var(--color-primary-medium);
}

 :root.dark-theme {
    --label-color: var(--color-neutral-light);
    --label-bg: var(--color-neutral-dark);
    --label-focus-color: var(--color-neutral-light);
}

 :root.dark-theme {
    --placeholder-color: var(--color-neutral-medium);
}

 :root.dark-theme {
    --checkbox-background: var(--color-neutral-dark);
    --checkbox-color: var(--color-neutral-dark);
    --checkbox-border: 1px solid var(--color-primary-lightest);
    --checkbox-checked-background: var(--color-primary-lightest);
    --checkbox-checked-color: var(--color-neutral-lightest);
}

 :root.dark-theme {
    --legend-color: var(--color-primary-medium);
}

 :root.dark-theme {
    --button-color: var(--color-neutral-lightest);
    --button-bg-color: var(--color-secondary-medium);
    --button-hover-color: var(--color-neutral-lightest);
    --button-hover-bg-color: var(--color-secondary-dark);
    --button-focus-color: var(--color-neutral-lightest);
    --button-focus-bg-color: var(--color-secondary-dark);
    --button-outline-color: var(--color-neutral-lightest);
    --button-outline-bg-color: var(--color-neutral-medium);
}

 :root.dark-theme {
    --h-color: var(--color-neutral-lightest);
}

 :root.dark-theme {
    --title-section-color: var(--color-neutral-lightest);
}

 :root.dark-theme {
    --breadcrumbs-current-color: var(--color-neutral-lightest);
    --breadcrumbs-link-color: var(--color-neutral-lightest);
    --breadcrumbs-link-hover-color: var(--color-secondary-dark);
    --breadcrumbs-divisor-color: var(--color-neutral-lightest);
}

 :root.dark-theme {
    --details-summary-bg: var(--color-neutral-dark);
    --details-content-bg: var(--color-neutral-dark);
}

 :root.dark-theme {
    --pagination-color: var(--color-neutral-lightest);
    --pagination-bgcolor: var(--color-neutral-medium);
    --pagination-bgcolor-active: var(--color-primary-light);
    --pagination-bgcolor-disable: var(--color-neutral-dark);
}

 :root.dark-theme {
    --most-read-border: 1px solid var(--color-neutral-medium);
    --most-read-title: var(--color-neutral-light);
    --most-read-item-link-color: var(--color-neutral-light);
    --most-read-item-time-color: var(--color-neutral-light);
}

 :root.dark-theme {
    --blog-item-border: 1px solid var(--color-neutral-medium);
}

 :root.dark-theme {
    --blog-content-link-color: var(--color-primary-light);
    --blog-content-link-color-hover: var(--color-secondary-medium);
}

.button {
    padding: var(--btn-padding, 10px 20px);
    border: var(--btn-border, var(--border-style-none));
    border-radius: var(--btn-radius, 2px);
    font-weight: var(--btn-font-weight, 500);
    font-size: var(--btn-fz, var(--font-size-md));
    font-family: var(--btn-font-family, var(--font-family-base));
    text-transform: var(--btn-text-transform, none);
    text-align: var(--btn-text-align, center);
    color: var(--btn-color, var(--color-neutral-lightest));
    background: var(--btn-bg-color, var(--color-primary-dark));
    display: inline-block;
    text-decoration: none;
    width: fit-content;
    min-width: var(--btn-min-width, 150px);
    transition: 0.2s;
    cursor: pointer;
    letter-spacing: var(--btn-letter-space);
    line-height: var(--btn-line-height);
}

.button:hover {
    background: var(--btn-bg-color-hover, var(--color-primary-darkest));
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    color: var(--btn-color-hover, var(--color-neutral-lightest));
}

.button:focus {
    outline: none;
}

.button-group {
    display: flex;
    gap: 10px;
    justify-content: var(--button-align, flex-start);
    margin: var(--button-group-margin);
}

.card {
    padding: 20px;
    border: 0;
    border-radius: 0.6em;
    background-color: #fff;
    font: 500 var(--font-size-sm) var(--font-family-base);
    transition: 0.2s all;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
}

.card.info {
    background-color: aqua;
}

.card.warning {
    background-color: yellow;
}

.card:hover {
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.card-header {
    display: flex;
    justify-content: space-between;
}

.card-body {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.link-options {
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    position: relative;
    margin-left: auto;
}

.link-options:before,
.link-options:after {
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    content: "";
    position: absolute;
    margin-right: 10px;
}

.link-options:before {
    left: -10px;
}

.link-options:after {
    right: 10px;
}

.input-control {
    padding-bottom: 2.3rem;
    position: relative;
}

.input-control label {
    display: block;
    font-weight: normal;
    margin-bottom: 3px;
    font-size: var(--label-fz);
    color: var(--label-color);
}

.input-control input[type=search],
.input-control input[type=text],
.input-control input[type=email],
.input-control input[type=tel],
.input-control input[type=file],
.input-control input[type=password] {
    width: var(--input-width);
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--input-background);
    border: var(--input-border);
    font-size: var(--input-fz);
    font-family: var(--input-font-family);
    position: relative;
    transition: 0.2s;
    outline: none;
    text-overflow: ellipsis;
    appearance: none;
    border-radius: var(--input-radius);
    white-space: nowrap;
    overflow: hidden;
}

.input-control input[type=search]:focus,
.input-control input[type=text]:focus,
.input-control input[type=email]:focus,
.input-control input[type=tel]:focus,
.input-control input[type=file]:focus,
.input-control input[type=password]:focus {
    background-color: var(--input-focus-background);
    border: var(--input-focus-border);
}

.input-control input[type=search].error,
.input-control input[type=text].error,
.input-control input[type=email].error,
.input-control input[type=tel].error,
.input-control input[type=file].error,
.input-control input[type=password].error {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-error-medium) solid;
    background-color: var(--color-error-medium);
}

.input-control input[type=search].valid,
.input-control input[type=text].valid,
.input-control input[type=email].valid,
.input-control input[type=tel].valid,
.input-control input[type=file].valid,
.input-control input[type=password].valid {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-success-medium) solid;
    background-color: #e9f5ea;
}

.input-control textarea {
    width: var(--input-width);
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--input-background);
    border: var(--input-border);
    font-size: var(--input-fz);
    font-family: var(--input-font-family);
    position: relative;
    transition: 0.2s;
    outline: none;
    text-overflow: ellipsis;
    appearance: none;
    border-radius: var(--textarea-radius);
    resize: none;
    white-space: initial;
    overflow: inherit;
}

.input-control textarea:focus {
    background-color: var(--input-focus-background);
    border: var(--input-focus-border);
}

.input-control textarea.error {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-error-medium) solid;
    background-color: var(--color-error-medium);
}

.input-control textarea.valid {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-success-medium) solid;
    background-color: #e9f5ea;
}

.input-control select {
    width: var(--input-width);
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--input-background);
    border: var(--input-border);
    font-size: var(--input-fz);
    font-family: var(--input-font-family);
    position: relative;
    transition: 0.2s;
    outline: none;
    text-overflow: ellipsis;
    appearance: none;
    border-radius: var(--input-radius);
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    background-position-x: 99%;
}

.input-control select:focus {
    background-color: var(--input-focus-background);
    border: var(--input-focus-border);
}

.input-control select.error {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-error-medium) solid;
    background-color: var(--color-error-medium);
}

.input-control select.valid {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-success-medium) solid;
    background-color: #e9f5ea;
}

.input-control-material {
    border: var(--input-border);
    border-radius: var(--input-radius);
    position: relative;
}

.input-control-material.textarea {
    --input-height: var(--textarea-height);
    --input-radius: var(--textarea-radius);
}

.input-control-material:focus-within {
    border: var(--input-focus-border);
}

.input-control-material label {
    color: var(--label-color);
    background: var(--label-bg);
    font-size: var(--label-fz);
    font-weight: normal;
    pointer-events: none;
    transition: 0.2s ease;
    padding: var(--label-padding, 5px 7px);
    position: absolute;
    left: 0;
    top: 0;
    transform: var(--label-position, translate(10px, 15px));
}

.input-control-material input[type=search],
.input-control-material input[type=text],
.input-control-material input[type=email],
.input-control-material input[type=tel],
.input-control-material input[type=file],
.input-control-material input[type=password] {
    width: var(--input-width);
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--input-background);
    border: var(--input-border);
    font-size: var(--input-fz);
    font-family: var(--input-font-family);
    position: relative;
    transition: 0.2s;
    outline: none;
    text-overflow: ellipsis;
    appearance: none;
    border: none !important;
}

.input-control-material input[type=search]:focus,
.input-control-material input[type=text]:focus,
.input-control-material input[type=email]:focus,
.input-control-material input[type=tel]:focus,
.input-control-material input[type=file]:focus,
.input-control-material input[type=password]:focus {
    background-color: var(--input-focus-background);
    border: var(--input-focus-border);
}

.input-control-material input[type=search].error,
.input-control-material input[type=text].error,
.input-control-material input[type=email].error,
.input-control-material input[type=tel].error,
.input-control-material input[type=file].error,
.input-control-material input[type=password].error {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-error-medium) solid;
    background-color: var(--color-error-medium);
}

.input-control-material input[type=search].valid,
.input-control-material input[type=text].valid,
.input-control-material input[type=email].valid,
.input-control-material input[type=tel].valid,
.input-control-material input[type=file].valid,
.input-control-material input[type=password].valid {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-success-medium) solid;
    background-color: #e9f5ea;
}

.input-control-material textarea {
    width: var(--input-width);
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--input-background);
    border: var(--input-border);
    font-size: var(--input-fz);
    font-family: var(--input-font-family);
    position: relative;
    transition: 0.2s;
    outline: none;
    text-overflow: ellipsis;
    appearance: none;
    border: none !important;
    resize: none;
    white-space: initial;
    overflow: inherit;
}

.input-control-material textarea:focus {
    background-color: var(--input-focus-background);
    border: var(--input-focus-border);
}

.input-control-material textarea.error {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-error-medium) solid;
    background-color: var(--color-error-medium);
}

.input-control-material textarea.valid {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-success-medium) solid;
    background-color: #e9f5ea;
}

.input-control-material select {
    width: var(--input-width);
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--input-background);
    border: var(--input-border);
    font-size: var(--input-fz);
    font-family: var(--input-font-family);
    position: relative;
    transition: 0.2s;
    outline: none;
    text-overflow: ellipsis;
    appearance: none;
    border: none !important;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    background-position-x: 99%;
}

.input-control-material select:focus {
    background-color: var(--input-focus-background);
    border: var(--input-focus-border);
}

.input-control-material select.error {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-error-medium) solid;
    background-color: var(--color-error-medium);
}

.input-control-material select.valid {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-success-medium) solid;
    background-color: #e9f5ea;
}

.input-control-material input,
.input-control-material textarea,
.input-control-material select {
    width: var(--input-width);
    height: var(--input-height);
    padding: var(--input-padding);
    background-color: var(--input-background);
    border: var(--input-border);
    font-size: var(--input-fz);
    font-family: var(--input-font-family);
    position: relative;
    transition: 0.2s;
    outline: none;
    text-overflow: ellipsis;
    appearance: none;
}

.input-control-material input:focus,
.input-control-material textarea:focus,
.input-control-material select:focus {
    background-color: var(--input-focus-background);
    border: var(--input-focus-border);
}

.input-control-material input.error,
.input-control-material textarea.error,
.input-control-material select.error {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-error-medium) solid;
    background-color: var(--color-error-medium);
}

.input-control-material input.valid,
.input-control-material textarea.valid,
.input-control-material select.valid {
    color: var(--color-neutral-darkest);
    border: 1px var(--color-success-medium) solid;
    background-color: #e9f5ea;
}

.input-control-material input:focus,
.input-control-material input:valid,
.input-control-material input:not(:empty),
.input-control-material textarea:focus,
.input-control-material textarea:valid,
.input-control-material textarea:not(:empty),
.input-control-material select:focus,
.input-control-material select:valid,
.input-control-material select:not(:empty) {
    outline: none;
    opacity: 1;
}

.input-control-material input:focus~label,
.input-control-material input:valid~label,
.input-control-material input:not(:empty)~label,
.input-control-material textarea:focus~label,
.input-control-material textarea:valid~label,
.input-control-material textarea:not(:empty)~label,
.input-control-material select:focus~label,
.input-control-material select:valid~label,
.input-control-material select:not(:empty)~label {
    font-size: var(--label-focus-fz);
    color: var(--label-focus-color);
    transform: var(--label-foscus-position, translate(-1px, -25px));
}

input[type="file"] {
    --input-height: 30px;
    margin-top: 10px;
    opacity: 0;
}

.input-option {
    position: relative;
}

.input-option input {
    display: none;
}

.input-option input:checked~label {
    color: var(--color-secondary-darkest);
}

.input-option input[type='radio']+label:before {
    border-radius: var(--border-radius-circular);
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-secondary-darkest);
    display: grid;
    align-content: center;
    margin-top: 25%;
}

.input-option input[type='radio']:checked~label:before {
    background: var(--color-secondary-darkest);
}

.input-option input[type='checkbox']+label:before {
    border-radius: var(--border-radius-circular);
}

.input-option input[type='checkbox']:checked~label:before {
    background: var(--color-secondary-darkest);
}

.input-option label {
    display: grid;
    align-items: center;
    font-size: var(--input-option-font-size, 1.6rem);
    cursor: pointer;
    margin-bottom: 3rem;
    grid-template-columns: 8% 82%;
}

.input-option label:before {
    content: "";
    height: 2rem;
    width: 2rem;
    background: #fff;
    border-radius: 0.2em;
    margin-right: 20px;
}

.form fieldset {
    border: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-flow: row;
}

.form .box-input,
.form .material-input,
.form .box-check,
.form legend {
    grid-column: auto / span 12;
    margin: 1.8rem 0 1.2rem;
}

.form legend {
    display: block;
    width: 100%;
    padding: 0 0 0.7rem 0;
    font-size: var(--legend-fz);
    line-height: inherit;
    color: var(--legend-color);
    border-radius: var(--legend-border-radius);
    font-family: var(--legend-font-family);
    margin: 3rem 0 1rem 0;
    border: var(--legend-border);
    text-transform: var(--legend-text-transform);
}

.select-category {
    font-size: var(--font-size-lg);
    color: var(--color-secondary-medium);
    border: none;
    border-bottom: 2px solid var(--color-secondary-medium);
    padding: 10px 0;
    margin-bottom: 3rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: var(--placeholder-color);
}

.modal {
    --padding: 20px;
    display: none;
    flex: 1;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background-color: rgba(var(--color-primary-darkest), 0.8);
    z-index: 42;
    opacity: 0;
    /* Fade in/out animation. */
    transition: opacity 0.2s ease-in;
}

.modal.active,
.modal:target {
    display: flex;
    opacity: 1;
}

.modal.active .modal-dialog,
.modal:target .modal-dialog {
    animation: modalDownUp 0.5s forwards;
}

.modal-dialog {
    border-radius: var(--border-radius-sm);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
    min-width: 400px;
    transition: 0.2s;
    overflow: hidden;
}

.modal-header {
    padding: var(--padding-md);
    background: var(--color-primary-dark);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header eff-typography {
    flex: 1;
}

.modal-header eff-typography> {
    color: var(--color-neutral-lightest);
}

.modal-body {
    padding: var(--padding-xl) var(--padding-md) var(--padding-md) var(--padding-md);
    background: var(--color-neutral-lightest);
}

.modal-footer {
    padding: var(--padding-md);
    background: var(--color-neutral-lightest);
    margin-top: -1px;
}

.modal .close {
    color: var(--color-neutral-lightest);
    text-decoration: none;
    background: none;
    border: none;
}

.modal .close:after {
    content: "";
    /* use !important to prevent issues with browser extensions that change ../fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-simple {
    display: flex;
    opacity: 0;
}

.modal-animate {
    display: flex;
    opacity: 1;
}

@keyframes modalDownUp {
    from {
        transform: translateY(-35%);
        opacity: 0;
    }
    to {
        transform: translateY(-20%);
        opacity: 1;
    }
}

eff-panel {
    padding: 20px;
    border: 0;
    border-radius: 2px;
    background-color: #fff;
    font: 500 var(--font-size-sm) var(--font-family-base);
    transition: 0.2s all;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}

eff-panel .button-group {
    justify-content: flex-end;
}

.panel {
    padding: 20px;
    border: 1px solid var(--color-primary-lightest);
    border-radius: var(--border-radius-sm);
    background-color: #ECEFFB;
    display: grid;
    grid-template-columns: 200px auto;
    align-items: center;
    gap: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}

.panel-description {
    margin-bottom: var(--spacing-stack-quark);
}

.display {
    font-family: var(--display-font-family, var(--font-family-highlight));
    font-size: var(--display-font-size, var(--font-size-lg));
    font-weight: var(--display-font-weight, 500);
    color: var(--display-color, var(--color-title));
    text-align: var(--display-align, left);
    line-height: var(--display-line-height, var(--base-line-heigth));
    margin-bottom: var(--display-margin-bottom);
}

.subtitle {
    font-family: var(--subtitle-font-family, var(--font-family-base));
    font-size: var(--subtitle-font-size, var(--font-size-lg));
    font-style: var(--subtitle-font-style, normal);
    font-weight: var(--subtitle-font-weight, 500);
    color: var(--subtitle-color, var(--color-title));
    text-align: var(--subtitle-align, left);
    line-height: var(--subtitle-line-height, var(--base-line-heigth));
    margin-bottom: var(--subtitle-margin-bottom);
}

.titlepage {
    font-family: var(--titlepage-font-family, var(--font-family-highlight));
    font-size: var(--titlepage-font-size, var(--font-size-xl));
    font-style: var(--titlepage-font-style, normal);
    font-weight: var(--titlepage-font-weight, 500);
    color: var(--titlepage-color, var(--color-title));
    text-align: var(--titlepage-align, left);
    line-height: var(--titlepage-line-height, var(--base-line-heigth));
    margin-bottom: var(--titlepage-margin-bottom);
}

.title {
    font-family: var(--title-font-family, var(--font-family-base));
    font-size: var(--title-font-size, var(--font-size-md));
    font-style: var(--title-font-style, normal);
    font-weight: var(--title-font-weight, 500);
    color: var(--title-color, var(--color-title));
    text-align: var(--title-align, left);
    line-height: var(--title-line-height, var(--base-line-heigth));
    margin-bottom: var(--title-margin-bottom);
}

.text {
    font-family: var(--text-font-family, var(--font-family-base));
    font-size: var(--text-font-size, var(--font-size-sm));
    font-style: var(--text-font-style, normal);
    font-weight: var(--title-font-weight, 400);
    color: var(--text-color, var(--color-text));
    text-align: var(--text-align, left);
    line-height: var(--text-line-height, var(--base-line-heigth));
    margin-bottom: var(--text-margin-bottom);
}

.footer-site {
    --wrap-max-width: 950px;
    --wrap-grid-gap: 30px;
    color: #fff;
}

.footer-site-top {
    --wrap-grid-columns: repeat(6, 1fr);
    background: var(--footer-site-top-bg, var(--color-primary-lightest));
    padding: var(--footer-site-top-padding, 50px 0);
}

.footer-site-bottom {
    background: var(--footer-site-bottom-bg, var(--color-primary-dark));
    padding: var(--footer-site-top-padding, 15px 0);
}

.footer-site .button-group {
    grid-column: 5 / 7;
    --button-align: center;
}

.copyright {
    color: var(--copyright-color, var(--color-neutral-lightest));
    text-align: var(--copyright-align, center);
}

.footer-info {
    grid-column: 1 / 3;
}

.footer-info .logo {
    display: block;
    margin-bottom: 20px;
}

.nav-footer {
    list-style: none;
    grid-column: 4 / 5;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.nav-footer-item a {
    text-decoration: none;
    color: var(--color-neutral-lightest);
    transition: var(--velocity-fast);
    text-transform: uppercase;
    font-weight: bold;
}

.nav-footer-item a:hover {
    color: var(--color-primary-darkest);
}

.nav-footer-item.active a {
    color: var(--color-primary-darkest);
}

.header-site-top {
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.header-site-top .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-section {
    text-align: center;
}

.title-section h1 {
    font-family: var(--title-section-h1, var(--font-family-highlight));
    color: var(--color-primary-medium);
    font-size: 6rem;
}

.title-section h1 div {
    font-family: var(--title-section-h1-inside, var(--font-family-base));
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 100;
}

div.title-section {
    padding: var(--title-section-header-space, 110px 0 80px);
}

header.title-section {
    margin-bottom: var(--title-section-header-space-bottom, 90px);
}

.nav-global {
    --size: 10px;
}

.nav-global-items {
    display: flex;
    margin-left: auto;
    list-style: none;
    gap: 30px;
}

.nav-global-item {
    position: relative;
}

.nav-global-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    text-decoration: none;
    position: relative;
    padding: 45px 0;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--color-neutral-medium);
    border-bottom: 5px solid transparent;
    transition: var(--velocity-fast);
}

.nav-global-link:hover,
.nav-global-link.active {
    border-color: var(--color-primary-medium);
}

.menu-global [class^="ico"]:after {
    color: var(--color-neutral-lightest);
    font-size: 2rem;
}

.menu-global li.current [class^="ico"]:after {
    color: var(--color-primary-medium);
}

.ico-dashboard:after {
    content: "";
    /* use !important to prevent issues with browser extensions that change ../fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-devices:after {
    content: "";
    /* use !important to prevent issues with browser extensions that change ../fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-events:after {
    content: "";
    /* use !important to prevent issues with browser extensions that change ../fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-functions:after {
    content: "";
    /* use !important to prevent issues with browser extensions that change ../fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-users:after {
    content: "";
    /* use !important to prevent issues with browser extensions that change ../fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#hero {
    --section-bg: var(--color-primary-light);
    overflow: hidden;
}

#hero img {
    max-width: unset;
    width: 100%;
}

#estrutura {
    --section-padding-height: 130px;
    --section-bg: url(../img/bg-estrutura.jpg) no-repeat top center;
    --title-section-header-space: 20px 0 0 0;
    --button-align: center;
    --button-group-margin: 8rem 0 0 0;
    --btn-padding: 10px 50px;
    --btn-bg-color: var(--color-neutral-lightest);
    --btn-bg-color-hover: var(--color-secondary-dark);
    --btn-color: var(--color-secondary-dark);
    --btn-color-hover: var(--color-neutral-lightest);
    --btn-text-transform: uppercase;
    height: 800px;
}

#estrutura .title-section div {
    font: inherit;
    text-transform: inherit;
}

#procedimentos {
    --section-padding-height: 50px;
    --button-align: center;
    --button-group-margin: 8rem 0 0 0;
    --btn-text-transform: uppercase;
    --btn-padding: 10px 50px;
    --btn-bg-color: var(--color-primary-medium);
    --btn-bg-color-hover: var(--color-secondary-dark);
}

.procedimentos-list {
    --wrap-grid-columns: repeat(3, 1fr);
    margin-top: 90px;
}

.procedimentos-item {
    display: flex;
    justify-content: center;
}

.procedimentos-item img {
    width: 275px;
    height: 275px;
    border-radius: var(--border-radius-circular);
    overflow: hidden;
}

#newsletter {
    --section-bg: var(--color-secondary-medium);
    --section-padding-height: 50px;
    --wrap-grid-columns: 30% auto;
    --wrap-grid-gap: 40px;
    --title-font-size: var(--font-size-xl);
    --title-font-weigth: bold;
    --title-font-style: italic;
    --title-color: var(--color-neutral-lightest);
    --title-margin-bottom: 2rem;
    --text-font-size: var(--font-size-lg);
    --text-color: var(--color-primary-dark);
    --text-font-style: italic;
    --btn-min-width: 100%;
    --btn-text-transform: uppercase;
    --btn-font-weight: bold;
}

#newsletter .text {
    padding-left: 15px;
    border-left: 1px solid;
    line-height: 1;
}

#newsletter input {
    width: 100%;
    border-radius: var(--border-radius-xs);
    border: none;
    padding: 15px 20px;
    margin-bottom: 10px;
}

.form-newsletter {
    align-items: stretch;
    display: grid;
}

:root {
    font-size: 62.5%;
    --wrap-base: 1200px;
    --wrap-max-width-large: 950px;
    --wrap-max-width: var(--wrap-base);
}

body {
    color: var(--body-color, var(--color-text));
    background: var(--body-bg, var(--body-bgcolor));
    font-family: var(--body-font-family, var(--font-family-base));
    font-size: var(--body-fz, var(--font-size-sm));
    line-height: var(--body-line-height, 1.5);
    padding: 0;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

main {
    padding-top: var(--main-padding-height, 0);
    padding-bottom: var(--main-padding-height, 0);
    min-height: var(--main-min-height, 500px);
}

body:not(#page-home) main {
    --wrap-max-width: var(--wrap-max-width-large);
}

main>section {
    padding-top: var(--section-padding-top, var(--section-padding-height, var(--section-padding, 0)));
    padding-bottom: var(--section-padding-bottom, var(--section-padding-height, var(--section-padding, 0)));
    padding-left: var(--section-padding-left, var(--section-padding-width, var(--section-padding, 0)));
    padding-right: var(--section-padding-right, var(--section-padding-width, var(--section-padding, 0)));
    background: var(--section-bg, none);
    position: relative;
    z-index: var(--section-z-index, initial);
}

.wrap {
    width: 100%;
    max-width: var(--wrap-max-width);
    margin: 0 auto;
    display: var(--wrap-display, grid);
    grid-template-columns: var(--wrap-grid-columns, 1fr);
    grid-gap: var(--wrap-grid-gap, 20px);
    align-items: var(--wrap-align-items, start);
    padding-top: var(--wrap-padding-top, var(--wrap-padding-height, var(--wrap-padding, 0)));
    padding-bottom: var(--wrap-padding-bottom, var(--wrap-padding-height, var(--wrap-padding, 0)));
    padding-left: var(--wrap-padding-top, var(--wrap-padding-width, var(--wrap-padding, 0)));
    padding-right: var(--wrap-padding-bottom, var(--wrap-padding-width, var(--wrap-padding, 0)));
    background: var(--wrap-bg, none);
    position: relative;
}

.wrap.no-grid {
    --wrap-display: block;
}

img {
    max-width: 100%;
    height: auto;
}

#about-values {
    background: repeating-linear-gradient(315deg, var(--color-secondary-medium), var(--color-secondary-medium) 10px, var(--color-secondary-dark) 10px, var(--color-secondary-dark) 12px);
    --section-padding-height: 140px;
}

.about-intro {
    margin-bottom: 4rem;
}

.about-intro p{
    text-align: center;
}

.about-items {
    --wrap-grid-columns: repeat(3, 1fr);
    --wrap-grid-gap: 80px;
}

.about-item h2 {
    color: var(--color-neutral-lightest);
    font-style: italic;
    font-size: 3rem;
    margin-bottom: 1rem;
}

.about-item p {
    color: var(--color-primary-medium);
    font-style: italic;
    font-size: 2rem;
    border-left: 1px solid var(--color-primary-medium);
    padding-left: 1rem;
}

.timeline .subtitle {
    text-align: center;
    font-family: var(--title-section-h1-inside, var(--font-family-base));
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 100;
    color: var(--color-primary-medium);
}

.timeline-list {
    display: flex;
    gap: 20px;
    list-style: none;
    margin: 20px 0 50px;
    position: relative;
}

.timeline-item:not(:last-child) {
    position: relative;
}

.timeline-item:not(:last-child):before {
    content: "";
    display: block;
    height: 4px;
    width: 100%;
    background: var(--color-primary-dark);
    position: absolute;
    left: 20px;
    top: 37px;
    z-index: -1;
}

.timeline-item .year {
    font-weight: bold;
    color: var(--color-primary-dark);
}

.timeline-item .year:after {
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 100%;
    margin-top: 5px;
}

.timeline-item:nth-child(odd) .year:after {
    border: 3px solid var(--color-primary-dark);
    background: var(--color-neutral-lightest);
}

.timeline-item:nth-child(odd) .text {
    background: #eddfc9;
    padding: 15px;
}

.timeline-item:nth-child(odd) .text:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eddfc9;
}

.timeline-item:nth-child(even) .year:after {
    border: 3px solid transparent;
    background: var(--color-primary-dark);
}

.timeline-item .text {
    font-size: 1.4rem;
    margin-top: 20px;
    margin-left: 5px;
    position: relative;
}

#team {
    --title-font-size: var(--font-size-lg);
    padding-bottom: 50px;
    overflow: hidden;
}

#team .swiper-slide {
    padding: 0 80px;
    display: grid;
    grid-template-columns: 200px auto;
    gap: 30px;
    align-items: center;
}

#team .swiper-button-prev:after,
#team .swiper-button-next:after {
    color: var(--color-primary-dark);
}

#team .swiper-button-disabled:after {
    color: var(--color-neutral-light);
}

#structure-top {
    --section-bg: url(../img/bg-estrutura.jpg) no-repeat top center;
    --section-padding-top: 20px;
    --section-padding-bottom: 200px;
    --section-padding-width: 60px;
}

#structure-bottom {
    --wrap-max-width: 1200px;
    --section-padding-height: 50px;
    padding-left: 60px;
    padding-right: 60px;
}

#structure-bottom .no-grid {
    overflow: hidden;
}

#structure-bottom .swiper-button-prev,
#structure-bottom .swiper-button-next {
    background: var(--color-neutral-lightest);
    --swiper-navigation-size: 100%;
    width: 50px;
    margin: 0;
    padding: 0;
    top: 0;
}

#structure-bottom .swiper-button-prev:after,
#structure-bottom .swiper-button-next:after {
    --swiper-navigation-size: 40px;
}

#structure-bottom .swiper-button-prev {
    left: 0 !important;
}

#structure-bottom .swiper-button-prev:after {
    right: -10px;
    left: 0;
}

#structure-bottom .swiper-button-next {
    right: 0 !important;
}

#structure-bottom .swiper-button-next:after {
    right: -10px;
    left: 0;
}

#structure-bottom .swiper-button-disabled {
    opacity: 1 !important;
}

#structure-bottom .swiper-button-disabled:after {
    color: var(--color-neutral-light);
}

#about-info {
    --section-padding-height: 50px;
    --text-font-size: var(--font-size-lg);
    --text-line-height: 2;
    --text-align: center;
}

.contact-item {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 20px;
    padding: 0 140px;
}

.contact-item .text {
    font-size: 2rem;
}

.form-contact {
    --subtitle-align: center;
    --subtitle-font-style: italic;
    --subtitle-color: var(--color-text);
    --button-align: center;
    margin: 60px auto;
}

.form-contact .input-control-material {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mapa {
    background: var(--color-neutral-lightest);
}

.mapa iframe {
    width: 100%;
    display: block;
}

.covenants-list {
    margin-bottom: 90px !important;
}

.covenants-item {
    display: grid;
    grid-template-columns: 300px auto;
    gap: 25px;
    color: var(--color-neutral-medium);
    font-size: 2.4rem;
}

.covenants-item:not(:last-child) {
    border-bottom: 1px solid var(--color-neutral-light);
    padding-bottom: 20px;
}

.covenants-item div {
    border: 1px solid var(--color-neutral-light);
    height: 200px;
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery {
    --wrap-max-width: 1200px;
    --wrap-display: block;
    margin: 5rem auto;
    overflow: hidden;
}

#gallery {
    margin-bottom: 2rem;
}

#gallery img {
    max-width: initial;
    margin: 0 auto;
    max-height: 60rem;
}

#gallery-thumbs {
    padding: 0 60px;
}

#gallery-thumbs .swiper-button-prev,
#gallery-thumbs .swiper-button-next {
    background: var(--color-neutral-lightest);
    --swiper-navigation-size: 100%;
    width: 50px;
    margin: 0;
    padding: 0;
    top: 0;
}

#gallery-thumbs .swiper-button-prev:after,
#gallery-thumbs .swiper-button-next:after {
    --swiper-navigation-size: 40px;
    color: var(--color-primary-dark);
}

#gallery-thumbs .swiper-button-prev {
    left: 0 !important;
}

#gallery-thumbs .swiper-button-prev:after {
    right: -10px;
    left: 0;
}

#gallery-thumbs .swiper-button-next {
    right: 0 !important;
}

#gallery-thumbs .swiper-button-next:after {
    right: -10px;
    left: 0;
}

#gallery-thumbs .swiper-button-disabled {
    opacity: 1 !important;
}

#gallery-thumbs .swiper-button-disabled:after {
    color: var(--color-neutral-light);
}

.treatments-list {
    --input-option-font-size: 2.4rem;
    columns: 2;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--color-neutral-light);
    margin-bottom: 20px;
}

.treatments-list .input-option {
    margin-bottom: 15px;
}

.treatments-info {
    --title-color: var(--color-primary-medium);
    --title-font-size: 3rem;
    --title-font-style: italic;
    --title-margin-bottom: 1rem;
    --text-margin-bottom: 1rem;
    --text-font-size: 2.4rem;
    margin-bottom: 10rem;
}

.treatments-cover {
    margin-bottom: 3rem;
}

.treatment {
    display: none;
}

.treatment.active {
    display: block;
}


/*# sourceMappingURL=style.css.map */





.modal2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    visibility: hidden
}

.modal2.open {
    visibility: visible
}

.modal2.open .modal2-overlay {
    opacity: 1
}

.modal2.open .modal2-box {
    min-width: 50vw;
    min-height: 10vw;
    background: white;
    border-radius: 15px;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.modal2 .modal2-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    cursor: url(../img/X.png), auto;
    background: #000;
    background: rgba(0, 0, 0, .7)
}

.modal2 .modal2-box {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-box-shadow: 0 0 10px -15px #000;
    box-shadow: 0 0 10px -15px #000;
    -webkit-transition: all 0.5s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all 0.5s cubic-bezier(.68, -.55, .265, 1.55)
}

.modal2 .modal2-close {
    position: absolute;
    top: -5px;
    right: -10px;
    z-index: 9;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    background: #000;
    color: #fff;
    border: 2px solid #fff;
    cursor: pointer;
}

.modal2 .modal2-close:hover,
.modal2 .modal2-close:focus {
    background: #2371a0
}

.modal2 .modal2-header {
    position: relative;
    /*margin-bottom: 10px;*/
    padding: 10px 10px;
    text-align: center
}

.modal2 .modal2-header .modal2-title {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    color: #000;
}

.modal2 .modal2-content {
    background: white;
    padding: 10px 15px;
    font-size: 20px;
    text-align: center;
    overflow-y: auto
}

@media screen and (max-width:768px) {
    .modal2 .modal2-header .modal2-title {
        font-size: 22px
    }
    .modal2 .modal2-content {
        font-size: 16px
    }
}

@media screen and (max-width:768px) and (max-height:380px) {
    .modal2 .modal2-content {
        height: 100px
    }
}

.error-page{
    padding-top: 10vh;
}

.error-page .title{
    text-align: center;
    font-size: 10rem;
}

.error-page .text{
    text-align: center;
    font-size: 2rem;
}

.error-page .feedback-action{
    padding: 5vw;
}