:root { --tj-ff-body: "Be Vietnam Pro", sans-serif;
--tj-ff-heading: "Be Vietnam Pro", sans-serif;
--tj-ff-fontawesome: "Be Vietnam Pro", sans-serif; --tj-color-common-white: #ffffff;
--tj-color-common-black: #000000;
--tj-color-heading-primary: #0c1e21;
--tj-color-text-body: #364e52;
--tj-color-text-body-2: #a9b8b8;
--tj-color-text-body-3: #67787a;
--tj-color-text-body-4: #18292c;
--tj-color-text-body-5: rgba(255, 255, 255, 0.8); --tj-color-theme-primary: #00b4e1;
--tj-color-theme-primary-2: #0ac8e0; --tj-color-verde: #009d4f;
--tj-color-verde-osc: #0b3a2a; --tj-color-btn-azul: #01B4E1; --tj-color-theme-bg: #eaf6f7;
--tj-color-theme-bg-2: #cee0e0;
--tj-color-theme-bg-3: #202e30; --tj-color-theme-dark: #0c1e21;
--tj-color-theme-dark-2: #18292c;
--tj-color-theme-dark-3: #364e52;
--tj-color-theme-dark-4: #67787a;
--tj-color-theme-dark-5: #676e7a;
--tj-color-red-1: #ff0000;
--tj-color-grey-1: #ecf0f0;
--tj-color-grey-2: #a9b8b8;
--tj-color-grey-3: rgba(255, 255, 255, 0.10196078);
--tj-color-border-1: #c9d1d1;
--tj-color-border-2: #313d3d;
--tj-color-border-3: rgba(255, 255, 255, 0.14901961);
--tj-color-border-4: rgba(255, 255, 255, 0.2);
--tj-color-border-5: rgba(0, 180, 225, 0.14901961);
} html {
scroll-behavior: smooth;
scroll-padding-top: 120px;
}
main {
max-width: 100vw;
overflow-x: hidden;
}
body {
font-family: var(--tj-ff-body);
background-color: #E9F3F7;
}
a,
button {
color: var(--tj-color-theme-primary);
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--tj-ff-heading);
color: var(--tj-color-heading-primary);
margin: 0;
} .editor-styles-wrapper {
padding: 0 50px;
font-family: var(--tj-ff-body);
}
.editor-styles-wrapper a {
color: var(--tj-color-theme-primary);
}
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
font-family: var(--tj-ff-heading);
}
.editor-styles-wrapper p {
margin: 0 0 1em;
}
.editor-styles-wrapper .container {
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
}
@media (min-width: 1320px) {
.editor-styles-wrapper .container {
max-width: 1320px;
}
}
.editor-styles-wrapper .wp-block {
margin: 25px 0;
}
.editor-styles-wrapper .acf-block-component p,
.editor-styles-wrapper .acf-block-component h1,
.editor-styles-wrapper .acf-block-component h2,
.editor-styles-wrapper .acf-block-component h3,
.editor-styles-wrapper .acf-block-component h4,
.editor-styles-wrapper .acf-block-component h5,
.editor-styles-wrapper .acf-block-component h6,
.editor-styles-wrapper .acf-block-component ul,
.editor-styles-wrapper .acf-block-component ol,
.editor-styles-wrapper .acf-block-component li,
.editor-styles-wrapper .acf-block-component blockquote,
.editor-styles-wrapper .acf-block-component cite {
margin-bottom: 0;
}
.is-root-container.wp-site-blocks {
padding: 15px 5vw;
}
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 1500px !important;
}
.block-editor-block-inspector .acf-fields > .acf-field {
width: 100% !important;
} .sq_edit_post {
position: fixed;
z-index: 9999999;
border-radius: 100%;
background: #333;
border: 3px #e00034 solid;
box-shadow: 0 1px 16px 0px rgba(0, 0, 0, 0.75);
transition: 0.5s;
}
.sq_edit_post a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
color: #fff;
}
.sq_edit_post a svg {
width: 20px;
height: 20px;
}
.sq_edit_post:hover {
border-color: #000;
}
.sq_edit_post:hover a {
color: #ebebeb;
}
.sq_edit_post.sq_wp_link {
bottom: 90px;
left: 30px;
}
.sq_edit_post.sq_info_link {
bottom: 150px;
left: 30px;
}
.thm-section-gap {
margin-block-start: 50px ;
margin-block-end: 50px ;
}
.thm-sub-title {
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
font-family: var(--tj-ff-body);
font-weight: 400;
font-size: 14px;
line-height: 14px;
letter-spacing: 1.4px;
vertical-align: middle;
text-transform: uppercase;
color: var(--tj-color-verde) !important;
border: none !important;
}
.thm-title {
font-family: var(--tj-ff-body);
font-weight: 400;
font-size: 48px;
line-height: 1.125;
letter-spacing: -1.44px;
text-align: center;
vertical-align: middle;
color: var(--tj-color-theme-dark);
}
.thm-title.thm-white {
color: var(--tj-color-common-white);
}
.thm-title span {
color: var(--tj-color-verde);
}
@media screen and (max-width: 767px) {
.thm-title {
font-size: 34px;
}
}
.is-layout-constrained > .section-gap-x {
margin-inline-start: 15px !important;
margin-inline-end: 15px !important;
} .thm-btn {
background-color: var(--tj-color-btn-azul) !important;
}
.thm-btn .btn-text {
font-family: var(--tj-ff-body);
font-weight: 400;
font-size: 15.9px;
line-height: 16px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
color: var(--tj-color-theme-dark) !important;
}
.thm-btn span.btn-icon {
position: relative;
background-color: var(--tj-color-common-white) !important;
}
.thm-btn span.btn-icon::before {
content: "";
position: absolute;
width: 11px;
height: 11px;
background-image: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.1078 7.70522L8.49223 7.69141V1.61563L2.41645 1.61563L2.40264 2.10153e-05H10.1078V7.70522ZM-5.85636e-05 8.72705L8.27129 0.455705L9.65215 1.83656L1.3808 10.1079L-5.85636e-05 8.72705Z" fill="%230C1E21"/%3E%3C/svg%3E%0A');
background-repeat: no-repeat;
background-position: center;
background-size: 11px;
transition: transform 400ms ease;
}
.thm-btn:hover {
background-color: var(--tj-color-btn-azul);
}
.thm-btn:hover .btn-icon::before {
transform: rotate(45deg);
} .thm-btn-text {
font-family: var(--tj-ff-body);
font-weight: 200;
font-size: 15.9px;
line-height: 16px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
color: var(--tj-color-common-white);
inset-inline-start: 30px !important;
}
.thm-btn-text .btn-text span {
font-family: var(--tj-ff-body);
font-weight: 200;
font-size: 15.9px;
line-height: 16px;
letter-spacing: 0px;
text-align: center;
vertical-align: middle;
color: var(--tj-color-common-white);
}
.thm-btn-text span.btn-icon {
position: relative;
background-color: var(--tj-color-btn-azul) !important;
}
.thm-btn-text span.btn-icon::before {
content: "";
position: absolute;
width: 11px;
height: 11px;
background-image: url('data:image/svg+xml,%3Csvg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.1078 7.7052L8.49223 7.69139V1.61561L2.41645 1.61561L2.40264 5.75651e-06H10.1078V7.7052ZM-5.85636e-05 8.72704L8.27129 0.455689L9.65215 1.83655L1.3808 10.1079L-5.85636e-05 8.72704Z" fill="white"/%3E%3C/svg%3E%0A');
background-repeat: no-repeat;
background-position: center;
background-size: 11px;
transition: transform 400ms ease;
}
.thm-btn-text:hover .btn-icon::before {
transform: rotate(45deg);
}
.thm-btn-text.btn-black .btn-text span {
color: var(--tj-color-theme-dark);
}
.thm-btn-text.btn-black span.btn-icon {
background-color: var(--tj-color-theme-dark) !important;
}