/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Reset some basic elements */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
code,
img,
strong,
b,
u,
i,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
margin: 0;
padding: 0;
border: 0;
}
/* Apply a background to the whole page */
body {
background: #fff;
}
/* Reset anchor styles */
a {
text-decoration: none;
color: inherit;
}
/* Reset image styles */
img {
border: 0;
vertical-align: middle;
}
/* Reset table styles */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* Reset form styles */
form {
margin: 0;
}
/* Reset strong */
strong {
font-weight: bold;
}
/* Make sure to set box-sizing to border-box */
*,
*:before,
*:after {
box-sizing: border-box;
}
/* Reset some more elements */
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
font-size: 100%;
}
q:before,
q:after {
content: "";
}
/* Reset button and input */
button,
input {
margin: 0;
}
html {
overflow-x: clip;
scroll-behavior: smooth;
margin: 0 !important;
}
html * {
scroll-behavior: smooth;
}
body {
position: relative;
}
.p-relative {
position: relative !important;
}
.no-scroll {
overflow-y: hidden;
}
a[href*="?popup1"],
a[href*="?popup2"],
a[href*="?popup3"],
a[href*="?popup4"],
a[href*="?popup-curso"] {
pointer-events: none;
}
a.cta-active-popup {
pointer-events: all;
}
*:empty {
margin: 0 !important;
padding: 0 !important;
}
strong,
b {
font-weight: 700 !important;
}
picture {
width: 100%;
height: 100%;
}
picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 540px) {
.container {
max-width: 540px;
}
}
@media (min-width: 720px) {
.container {
max-width: 720px;
}
}
@media (min-width: 960px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1140px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.d-none {
display: none !important;
}
.o-hidden {
overflow: hidden !important;
}
@media only screen and (min-width: 991px) {
.hidden-desktop {
display: none !important;
}
}
@media only screen and (max-width: 990px) {
.hidden-mobile {
display: none !important;
}
}
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 100;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 600;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 700;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 800;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-1.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: italic;
font-weight: 900;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-2.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-19.woff2") format("woff2");
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'DM Sans';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url("../fonts/dm-sans/dm-sans-20.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*--------------------------------------------------------------
# CUSTOM
--------------------------------------------------------------*/
html,
html * {
font-family: "DM Sans", sans-serif;
font-family: "DM Sans", sans-serif;
}
body {
overflow-x: clip;
}
.main-content {
position: relative;
}
.cta-sticky-mobile {
position: fixed;
width: 100%;
bottom: 24px;
z-index: 999;
padding: 0 15px;
}
.cta-sticky-mobile.cta__hidden {
animation: 1s ease forwards fadeOut;
}
.cta-sticky-mobile.sticky {
animation: 1s ease forwards fadeIn;
}
.cta-sticky-mobile a {
width: 100%;
justify-content: center;
}
@keyframes fadeOut {
0% {
opacity: 1;
display: flex;
}
100% {
opacity: 0;
display: none;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
display: none;
}
100% {
opacity: 1;
display: flex;
}
}
.cky-btn-revisit-wrapper {
bottom: 50px !important;
width: 38px !important;
height: 38px !important;
}
@media only screen and (max-width: 990px) {
.cky-btn-revisit-wrapper {
bottom: 100px !important;
}
}
.iti input[type="tel"] {
padding-left: 60px !important;
width: 100% !important;
}
.intl-tel-input {
margin-bottom: 18px !important;
}
.intl-tel-input .ginput_container_phone {
height: 100% !important;
}
.intl-tel-input .iti {
width: 100% !important;
height: 100% !important;
}
.intl-tel-input .iti .iti__selected-flag {
width: 45px !important;
}
.intl-tel-input .iti .iti__arrow {
margin-left: 4px !important;
}
.intl-tel-input .iti input[type="tel"] {
padding-left: 60px !important;
width: 100% !important;
height: 100% !important;
border-radius: 10px !important;
background: rgba(224, 224, 224, 0.3) !important;
backdrop-filter: blur(7.5px) !important;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/*======
# Ctas
======*/
.cta-primary, .cta-primary-icon {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 18px;
line-height: normal;
color: #0B373C;
background: #DEE8C0;
padding: 12px 24px;
border-radius: 55px;
cursor: pointer;
transition: .3s;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: fit-content;
}
.cta-primary:hover, .cta-primary-icon:hover {
background: #769229;
color: #EFF4E0;
transition: .3s;
}
.cta-primary-icon svg,
.cta-primary-icon svg path {
fill: #0B373C;
transition: .3s;
}
.cta-primary-icon:hover svg,
.cta-primary-icon:hover svg path {
fill: #EFF4E0;
transition: .3s;
}
.cta-primary-revert, .cta-primary-revert-icon, .cta-primary-revert-attached {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 18px;
line-height: normal;
color: #EFF4E0;
background: #93B633;
padding: 12px 24px;
border-radius: 55px;
cursor: pointer;
transition: .3s;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: fit-content;
}
.cta-primary-revert:hover, .cta-primary-revert-icon:hover, .cta-primary-revert-attached:hover {
background: #DEE8C0;
color: #0B373C;
transition: .3s;
}
.cta-primary-revert-icon svg,
.cta-primary-revert-icon svg path {
fill: #EFF4E0;
transition: .3s;
}
.cta-primary-revert-icon:hover svg,
.cta-primary-revert-icon:hover svg path {
fill: #0B373C;
transition: .3s;
}
.cta-primary-revert-attached svg,
.cta-primary-revert-attached svg path {
stroke: #EFF4E0;
transition: .3s;
}
.cta-primary-revert-attached:hover svg,
.cta-primary-revert-attached:hover svg path {
stroke: #0B373C;
transition: .3s;
}
.cta-secondary, .cta-secondary-icon, .cta-secondary-attached {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 18px;
line-height: normal;
color: #DEE8C0;
background: transparent;
padding: 12px 24px;
border: 2px solid #DEE8C0;
border-radius: 55px;
cursor: pointer;
transition: .3s;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: fit-content;
}
.cta-secondary:hover, .cta-secondary-icon:hover, .cta-secondary-attached:hover {
background: #769229;
color: #EFF4E0;
transition: .3s;
border-color: #769229;
}
.cta-secondary-icon svg,
.cta-secondary-icon svg path {
fill: #DEE8C0;
transition: .3s;
}
.cta-secondary-icon:hover svg,
.cta-secondary-icon:hover svg path {
fill: #EFF4E0;
transition: .3s;
}
.cta-secondary-attached svg,
.cta-secondary-attached svg path {
stroke: #DEE8C0;
transition: .3s;
}
.cta-secondary-attached:hover svg,
.cta-secondary-attached:hover svg path {
stroke: #EFF4E0;
transition: .3s;
}
.cta-tertiary, .cta-tertiary-icon, .cta-tertiary-attached {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 18px;
line-height: normal;
color: #93B633;
background: transparent;
padding: 12px 24px;
border-radius: 55px;
cursor: pointer;
transition: .3s;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: fit-content;
border: 2px solid #93B633;
}
.cta-tertiary:hover, .cta-tertiary-icon:hover, .cta-tertiary-attached:hover {
background: #93B633;
color: #FFF;
transition: .3s;
}
.cta-tertiary-icon svg,
.cta-tertiary-icon svg path {
fill: #93B633;
transition: .3s;
}
.cta-tertiary-icon:hover svg,
.cta-tertiary-icon:hover svg path {
fill: #FFF;
transition: .3s;
}
.cta-tertiary-attached svg,
.cta-tertiary-attached svg path {
stroke: #93B633;
transition: .3s;
}
.cta-tertiary-attached:hover svg,
.cta-tertiary-attached:hover svg path {
stroke: #FFF;
transition: .3s;
}
.link-primary {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #0B373C;
cursor: pointer;
transition: .3s;
}
.link-primary:hover {
text-decoration: underline;
color: #84A42E;
transition: .3s;
}
.link-secondary, .link-secondary-play {
display: flex;
align-items: center;
gap: 8px;
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #DEE8C0;
cursor: pointer;
transition: .3s;
}
.link-secondary:hover, .link-secondary-play:hover {
color: #84A42E;
transition: .3s;
}
.link-secondary-play svg,
.link-secondary-play svg path {
stroke: #DEE8C0;
transition: .3s;
}
.link-secondary-play:hover svg,
.link-secondary-play:hover svg path {
stroke: #84A42E;
transition: .3s;
}
.link-tertiary {
display: flex;
align-items: center;
gap: 8px;
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #84A42E;
cursor: pointer;
transition: .3s;
text-decoration: underline;
}
.link-tertiary:hover {
text-decoration: unset;
color: #DEE8C0;
transition: .3s;
}
/*=====
# Img
=====*/
img.background-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: -1;
}
/*=============
# Breadcrumbs
=============*/
.breadcrumb-yoast * {
color: #DEE8C0;
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: normal;
color: #F4F8EB;
}
.breadcrumb-yoast .breadcrumb_last {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: normal;
color: #DEE8C0;
}
.breadcrumb-yoast svg {
margin-bottom: 2px;
}
.breadcrumb-yoast.dark *,
.breadcrumb-yoast.dark a {
color: #5C797C;
fill: #5C797C;
}
.breadcrumb-yoast.dark .breadcrumb_last {
color: #0B373C;
font-weight: 700;
}
/*======
# Menu
======*/
.main-menu {
position: absolute;
width: calc(100% - 66px);
border-radius: 8px;
background: rgba(157, 157, 157, 0.64);
backdrop-filter: blur(14.5px);
top: 24px;
left: 0;
right: 0;
margin: auto;
z-index: 9999;
transition: .4s;
border-radius: 8px;
}
@media only screen and (min-width: 1200px) {
.main-menu.sticky, .main-menu:hover {
background: #fff;
box-shadow: -64px 334px 95px 0px rgba(9, 46, 50, 0), -41px 214px 87px 0px rgba(9, 46, 50, 0.01), -23px 120px 74px 0px rgba(9, 46, 50, 0.05), -10px 54px 54px 0px rgba(9, 46, 50, 0.09), -3px 13px 30px 0px rgba(9, 46, 50, 0.1);
transition: .4s;
}
}
@media only screen and (max-width: 1199px) {
.main-menu {
display: block;
width: 100%;
top: unset;
left: 100%;
right: unset;
margin: unset;
border-radius: unset;
background: #fff;
backdrop-filter: unset;
height: 100vh;
overflow-y: scroll;
padding: 0;
transition: .6s;
}
@keyframes moverIzquierda {
from {
left: 100%;
position: fixed;
}
to {
left: 0;
position: fixed;
}
}
@keyframes moverDerecha {
from {
left: 0;
position: fixed;
}
to {
left: 100%;
position: fixed;
}
}
.main-menu.no-active {
animation: moverDerecha 1s forwards;
}
.main-menu.active {
animation: moverIzquierda 1s forwards;
}
}
.main-menu.sticky {
position: fixed;
}
.main-menu .container-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav {
flex-direction: column;
justify-content: space-between;
align-items: unset;
height: 100%;
}
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .header-mobile {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 25px;
}
}
.main-menu .container-nav .header-mobile .logo {
height: 48px;
width: auto;
}
@media only screen and (min-width: 1200px) {
.main-menu .container-nav .header-mobile .logo-dark {
display: none;
}
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .header-mobile .logo-light {
display: none;
}
}
.main-menu .container-nav .header-mobile .logo img {
width: auto;
height: 48px;
object-fit: contain;
}
.main-menu .container-nav .header-mobile #menu-burger-close div {
background: #0C383D !important;
}
.main-menu .container-nav .menu-nav {
color: #fff;
stroke: #fff;
transition: .3s;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav {
color: #0C383D;
stroke: #0C383D;
padding: 25px 0;
height: fit-content;
}
}
.main-menu .container-nav .menu-nav #mainMenu {
display: flex;
gap: 24px;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu {
flex-direction: column;
gap: 8px;
}
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 {
height: 70px;
display: flex;
align-items: center;
position: relative;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > a.menu-parent {
cursor: pointer;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > div.menu-parent {
cursor: default;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 500;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent {
justify-content: space-between;
font-size: 28px;
}
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow {
display: flex;
gap: 6px;
width: 10px;
height: 10px;
transition: .3s;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow {
width: 20px;
height: 20px;
}
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow svg {
width: 10px;
height: 10px;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow svg {
width: 20px;
height: 20px;
}
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow svg path {
stroke: #fff;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow svg path {
stroke: #0C383D;
}
}
@media only screen and (min-width: 1200px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0:hover > .menu-parent,
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0:hover > a {
color: #93B633;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0:hover > .menu-parent .icon-arrow,
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0:hover > a .icon-arrow {
transform: rotate(180deg);
transition: .3s;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0:hover > .menu-parent .icon-arrow svg path,
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0:hover > a .icon-arrow svg path {
stroke: #93B633 !important;
}
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .sub-menu-container {
display: none;
position: absolute;
top: 70px;
padding-top: 20px;
width: max-content;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .sub-menu-container .sub-menu {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(14.5px);
background: #FFF;
border-radius: 8px;
padding: 16px;
display: flex;
flex-wrap: wrap;
gap: 24px;
width: 100%;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .sub-menu-container .sub-menu li.is-lvl-1 {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 8px;
}
@media only screen and (min-width: 1200px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .sub-menu-container .sub-menu li.is-lvl-1:hover {
background: #EFF4E0;
}
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .sub-menu-container .sub-menu li.is-lvl-1 > a {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
width: 224px;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .sub-menu-container .sub-menu li.is-lvl-1 > a .header-title {
display: flex;
gap: 8px;
font-family: DM Sans, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: normal;
color: #0B373C;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0 > .sub-menu-container .sub-menu li.is-lvl-1 > a .header-title .icon {
width: 21px;
height: 21px;
object-fit: contain;
}
@media only screen and (min-width: 1200px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0:hover > .sub-menu-container {
display: flex;
}
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.simple-menu > .sub-menu-container .sub-menu {
flex-direction: column;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open {
flex-direction: column;
height: auto;
align-items: flex-start;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > .menu-parent,
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > a {
color: #93B633;
padding: 25px 0;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > .menu-parent .icon-arrow,
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > a .icon-arrow {
transform: rotate(180deg);
transition: .3s;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > .menu-parent .icon-arrow svg path,
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > a .icon-arrow svg path {
stroke: #93B633 !important;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > .sub-menu-container {
display: flex;
position: relative;
top: unset;
width: 100%;
padding: 0;
}
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > .sub-menu-container .sub-menu {
padding: 0;
box-shadow: unset;
backdrop-filter: unset;
}
}
@media only screen and (max-width: 1199px) and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > .sub-menu-container .sub-menu {
flex-direction: column;
}
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .menu-nav #mainMenu li.is-lvl-0.open > .sub-menu-container .sub-menu li.is-lvl-1 > a {
padding: 8px;
width: 100%;
}
}
.main-menu .container-nav .extras {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
width: fit-content;
}
.main-menu .container-nav .extras ul.selector-idiomas {
position: relative;
color: #fff;
z-index: 99;
list-style: none;
padding: 0;
margin: 0;
}
.main-menu .container-nav .extras ul.selector-idiomas svg path {
stroke: #fff;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .extras ul.selector-idiomas {
display: none;
}
}
.main-menu .container-nav .extras ul.selector-idiomas li.menu-item.actual {
height: 70px;
display: flex;
position: relative;
align-items: center;
display: flex;
}
.main-menu .container-nav .extras ul.selector-idiomas li.menu-item.actual .sub-selector--container {
display: none;
position: absolute;
top: 70px;
padding-top: 20px;
z-index: 9999;
}
.main-menu .container-nav .extras ul.selector-idiomas li.menu-item.actual .sub-selector--container ul.sub-selector {
display: flex;
padding-top: 20px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(14.5px);
background: #FFF;
border-radius: 8px;
padding: 16px;
flex-wrap: wrap;
gap: 24px;
width: 100%;
list-style: none;
}
.main-menu .container-nav .extras ul.selector-idiomas li.menu-item.actual .sub-selector--container ul.sub-selector li,
.main-menu .container-nav .extras ul.selector-idiomas li.menu-item.actual .sub-selector--container ul.sub-selector li * {
font-family: DM Sans, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: normal;
color: #0B373C;
}
.main-menu .container-nav .extras ul.selector-idiomas li.menu-item.actual .sub-selector--container ul.sub-selector li:hover {
background: #EFF4E0;
}
.main-menu .container-nav .extras ul.selector-idiomas li.menu-item.actual:hover .sub-selector--container {
display: flex;
}
@media only screen and (min-width: 1200px) {
.main-menu .container-nav .extras .selector-idiomas-mobile {
display: none;
}
}
.main-menu .container-nav .extras .selector-idiomas-mobile .active {
color: #93B633;
font-weight: 600;
}
@media only screen and (max-width: 1199px) {
.main-menu .container-nav .extras {
border-top: 1px solid #0B373C;
padding-top: 16px;
padding-bottom: 44px;
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 40px 12px;
grid-template-areas: "a a b b"
"c c c c";
}
.main-menu .container-nav .extras .search {
grid-area: b;
justify-items: flex-end;
text-align: right;
}
.main-menu .container-nav .extras .selector-idiomas-mobile {
grid-area: a;
color: #0B373C;
}
.main-menu .container-nav .extras .selector-idiomas-mobile span {
color: #8FA3A5;
}
.main-menu .container-nav .extras .cta-primary-revert, .main-menu .container-nav .extras .cta-primary-revert-icon, .main-menu .container-nav .extras .cta-primary-revert-attached {
grid-area: c;
width: 100%;
justify-content: center;
}
}
@media only screen and (min-width: 1200px) {
.main-menu.sticky .container-nav .logo-light, .main-menu:hover .container-nav .logo-light {
display: none;
}
.main-menu.sticky .container-nav .logo-dark, .main-menu:hover .container-nav .logo-dark {
display: block;
}
.main-menu.sticky .container-nav .menu-nav #mainMenu, .main-menu:hover .container-nav .menu-nav #mainMenu {
color: #0B373C;
transition: .3s;
}
.main-menu.sticky .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow svg path,
.main-menu.sticky .container-nav .menu-nav #mainMenu li.is-lvl-0 > a .icon-arrow svg path, .main-menu:hover .container-nav .menu-nav #mainMenu li.is-lvl-0 > .menu-parent .icon-arrow svg path,
.main-menu:hover .container-nav .menu-nav #mainMenu li.is-lvl-0 > a .icon-arrow svg path {
stroke: #0B373C;
}
.main-menu.sticky .container-nav .extras .selector-idiomas, .main-menu:hover .container-nav .extras .selector-idiomas {
color: #0B373C;
}
.main-menu.sticky .container-nav .extras .selector-idiomas svg path, .main-menu:hover .container-nav .extras .selector-idiomas svg path {
stroke: #0B373C;
}
}
.main-menu-mobile {
position: fixed;
z-index: 9999;
border-radius: 0;
width: 100%;
padding-top: 11px;
padding-bottom: 11px;
max-width: 100vw;
background: #0C383D;
transition: .4s;
}
@media only screen and (min-width: 1200px) {
.main-menu-mobile {
display: none;
}
}
.main-menu-mobile .container-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.menu-burger {
display: none;
width: 35px;
height: 30px;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}
@media only screen and (max-width: 1199px) {
.menu-burger {
display: flex;
}
}
.menu-burger div {
width: 100%;
height: 3px;
background-color: #333;
transition: all 0.3s ease;
border-radius: 50px;
}
@media only screen and (max-width: 1199px) {
.menu-burger div {
background-color: #F4F8EB;
}
}
.menu-burger.open div:nth-child(1) {
transform: translateY(13px) rotate(45deg);
}
.menu-burger.open div:nth-child(2) {
opacity: 0;
}
.menu-burger.open div:nth-child(3) {
transform: translateY(-13px) rotate(-45deg);
}
/*===========
# Contacto
===========*/
.section-formulario-contacto {
padding: 40px 0;
}
.section-formulario-contacto .container-custom {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 990px) {
.section-formulario-contacto .container-custom {
flex-direction: column;
gap: 24px;
}
}
.section-formulario-contacto .block-text {
width: 40%;
}
@media only screen and (max-width: 990px) {
.section-formulario-contacto .block-text {
width: 100%;
}
}
.section-formulario-contacto .block-text .pretitle {
margin-bottom: 8px;
}
.section-formulario-contacto .block-text .pretitle,
.section-formulario-contacto .block-text .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-formulario-contacto .block-text .title {
margin-bottom: 24px;
}
.section-formulario-contacto .block-text .title,
.section-formulario-contacto .block-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 50px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.section-formulario-contacto .block-text .title,
.section-formulario-contacto .block-text .title * {
font-size: 38px;
}
}
.section-formulario-contacto .block-text .description,
.section-formulario-contacto .block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.section-formulario-contacto .block-text .description,
.section-formulario-contacto .block-text .description * {
font-size: 20px;
}
}
.section-formulario-contacto .block-form {
width: 50%;
}
@media only screen and (max-width: 990px) {
.section-formulario-contacto .block-form {
width: 100%;
}
}
.section-formulario-contacto .block-form .gform_required_legend {
display: none !important;
}
.section-formulario-contacto .block-form .gform_fields {
gap: 18px 0 !important;
}
.section-formulario-contacto .block-form label {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #DEE8C0;
margin-bottom: 5px !important;
}
.section-formulario-contacto .block-form label .gfield_required {
display: none !important;
}
.section-formulario-contacto .block-form label a {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #84A42E;
transition: .3s;
text-decoration: underline;
}
.section-formulario-contacto .block-form label a:hover {
color: #DEE8C0;
transition: .3s;
}
.section-formulario-contacto .block-form input[type="text"],
.section-formulario-contacto .block-form input[type="tel"],
.section-formulario-contacto .block-form input[type="email"] {
border-radius: 10px !important;
background: rgba(224, 224, 224, 0.3) !important;
backdrop-filter: blur(7.5px) !important;
padding: 8px 12px !important;
height: fit-content;
border: 1px solid #686e77;
color: #DEE8C0;
}
.section-formulario-contacto .block-form .iti input[type="tel"] {
padding-left: 45px !important;
}
.section-formulario-contacto .block-form .gfield--type-consent {
padding: 11px;
}
.section-formulario-contacto .block-form input[type="checkbox"] {
border-radius: 2px;
border: 2px solid #DFE7C7;
background: transparent !important;
}
.section-formulario-contacto .block-form input[type="checkbox"]::before {
color: #DFE7C7;
}
.section-formulario-contacto .block-form input[type="submit"] {
display: flex !important;
width: fit-content !important;
padding: 12px 24px !important;
color: #0B373C !important;
font-weight: 600 !important;
font-size: 18px !important;
border-radius: 55px !important;
border: 2px solid #DEE8C0 !important;
background: #DEE8C0 !important;
}
@media only screen and (max-width: 990px) {
.section-formulario-contacto .block-form input[type="submit"] {
width: 100% !important;
}
}
.section-formulario-contacto .block-form input[type="submit"]:hover {
background: #dee8c09d !important;
}
.section-formulario-contacto .block-form .gform_confirmation_message {
color: #DEE8C0 !important;
}
.section-formulario-contacto .block-oficinas {
display: flex;
gap: 32px;
flex-wrap: wrap;
margin-top: 32px;
}
.section-formulario-contacto .block-oficinas .oficina {
width: 100%;
}
.section-formulario-contacto .block-oficinas .oficina .sede {
margin-bottom: 8px;
}
.section-formulario-contacto .block-oficinas .oficina .sede,
.section-formulario-contacto .block-oficinas .oficina .sede * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: #93B633;
}
.section-formulario-contacto .block-oficinas .oficina .ciudad {
margin-bottom: 16px;
}
.section-formulario-contacto .block-oficinas .oficina .ciudad,
.section-formulario-contacto .block-oficinas .oficina .ciudad * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 1.2;
color: #0B373C;
}
.section-formulario-contacto .block-oficinas .oficina .direccion {
margin-bottom: 16px;
}
.section-formulario-contacto .block-oficinas .oficina .direccion,
.section-formulario-contacto .block-oficinas .oficina .direccion * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
color: #4E4E4E;
}
.section-formulario-contacto .block-oficinas .oficina .telefono {
margin-bottom: 8px;
}
.section-formulario-contacto .block-oficinas .oficina .telefono,
.section-formulario-contacto .block-oficinas .oficina .telefono *,
.section-formulario-contacto .block-oficinas .oficina .email,
.section-formulario-contacto .block-oficinas .oficina .email * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
color: #0B373C;
}
.section-formulario-contacto .block-oficinas .oficina .telefono a,
.section-formulario-contacto .block-oficinas .oficina .email a {
display: flex;
align-items: center;
}
.section-formulario-contacto.sfwhite {
background: white !important;
}
.section-formulario-contacto.sfwhite .container-custom {
align-items: flex-start !important;
}
.section-formulario-contacto.sfwhite .container-custom .title,
.section-formulario-contacto.sfwhite .container-custom .title * {
color: #131313 !important;
}
.section-formulario-contacto.sfwhite .container-custom label,
.section-formulario-contacto.sfwhite .container-custom .description,
.section-formulario-contacto.sfwhite .container-custom .description * {
color: #4E4E4E !important;
}
.section-formulario-contacto.sfwhite .container-custom input[type="text"],
.section-formulario-contacto.sfwhite .container-custom input[type="tel"],
.section-formulario-contacto.sfwhite .container-custom input[type="email"] {
color: #4E4E4E !important;
}
.section-formulario-contacto.sfwhite .container-custom input[type="checkbox"] {
border-color: #93B633 !important;
}
.section-formulario-contacto.sfwhite .container-custom input[type="checkbox"]::before {
color: #93B633 !important;
}
.section-formulario-contacto.sfwhite .container-custom input[type="submit"] {
background: #93B633 !important;
}
.section-formulario-contacto.sfwhite .container-custom .gform_confirmation_message {
color: #131313 !important;
}
.section-formulario-contacto:not(.sfwhite) .iti__selected-dial-code {
color: #DEE8C0 !important;
}
.section-formulario-contacto:not(.sfwhite) .iti__arrow {
margin-left: 5px !important;
border-top-color: #DEE8C0 !important;
}
/*=================
# Builder principal
=================*/
.banner-puntos-destacados-v1 {
margin: 64px 0;
}
.banner-puntos-destacados-v1 .container .cabecera {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.banner-puntos-destacados-v1 .container .cabecera .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.banner-puntos-destacados-v1 .container .cabecera .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.banner-puntos-destacados-v1 .container .cabecera .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.banner-puntos-destacados-v1 .container .cabecera .container-pretitle .pretitle,
.banner-puntos-destacados-v1 .container .cabecera .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.banner-puntos-destacados-v1 .container .cabecera .container-title-description {
display: flex;
justify-content: space-between;
margin-bottom: 48px;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .cabecera .container-title-description {
flex-direction: column;
justify-content: flex-start;
gap: 8px;
margin-bottom: 32px;
}
}
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .title {
width: fit-content;
max-width: 50%;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .title {
max-width: unset;
}
}
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .title,
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .title,
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .title * {
font-size: 38px;
}
}
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .description {
margin-bottom: 32px;
width: fit-content;
max-width: 40%;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .description {
max-width: unset;
margin-bottom: 0;
}
}
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .description,
.banner-puntos-destacados-v1 .container .cabecera .container-title-description .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.banner-puntos-destacados-v1 .container .banner-pd {
border-radius: 16px;
background: #104E57;
padding: 48px 48px 0;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd {
padding: 20px 20px 0;
overflow: hidden;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .title__banner {
padding-bottom: 34px;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .title__banner {
padding-bottom: 8px;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .title__banner,
.banner-puntos-destacados-v1 .container .banner-pd .title__banner * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 38px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .title__banner,
.banner-puntos-destacados-v1 .container .banner-pd .title__banner * {
font-size: 28px;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .description__banner--mobile {
padding-bottom: 24px;
}
@media only screen and (min-width: 991px) {
.banner-puntos-destacados-v1 .container .banner-pd .description__banner--mobile {
display: none;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .description__banner--mobile,
.banner-puntos-destacados-v1 .container .banner-pd .description__banner--mobile * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .description__banner--mobile,
.banner-puntos-destacados-v1 .container .banner-pd .description__banner--mobile * {
font-size: 16px;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content {
display: flex;
justify-content: space-between;
gap: 70px;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content {
flex-direction: column-reverse;
gap: 46px;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one,
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two {
width: calc(50% - 35px);
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one,
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two {
width: 100%;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one {
position: relative;
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .description__banner {
margin-bottom: 30px;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .description__banner {
display: none;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .description__banner,
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .description__banner * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: normal;
color: #DEE8C0;
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img {
display: flex;
justify-content: flex-end;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img {
justify-content: flex-start;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img .img {
max-width: 330px;
max-height: 290px;
width: 100%;
height: 100%;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img .img {
margin-left: -25px;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img .img img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: right bottom;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img .img img {
object-position: left bottom;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img .cta_pd {
position: absolute;
left: 0;
bottom: 48px;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-one .block-img .cta_pd {
display: none;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two {
display: flex;
flex-direction: column;
gap: 24px;
padding-bottom: 48px;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two {
padding-bottom: 0px;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point {
display: flex;
align-items: center;
gap: 16px;
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-enumeracion .enumeracion,
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-enumeracion .enumeracion * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #EFF4E0;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-enumeracion .enumeracion,
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-enumeracion .enumeracion * {
font-size: 20px;
}
}
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-texto .texto,
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-texto .texto * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-texto .texto,
.banner-puntos-destacados-v1 .container .banner-pd .content .block-two .point .container-texto .texto * {
font-size: 14px;
}
}
.banner-puntos-destacados-v1 .container .block-points {
width: 100%;
}
@media only screen and (max-width: 990px) {
.banner-puntos-destacados-v1 .container .block-points {
max-width: 500px;
}
}
@media only screen and (min-width: 991px) {
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 32px;
}
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point {
display: flex;
flex-direction: column;
width: fit-content;
gap: 8px;
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .img-point {
border-radius: 24px;
background: #EFF4E0;
padding: 12px;
}
@media only screen and (min-width: 991px) {
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .img-point {
display: none;
}
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .img-point img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 24px;
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text {
display: flex;
gap: 8px;
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .icono {
width: 100%;
max-width: 42px;
min-width: 42px;
height: 100%;
max-height: 42px;
min-height: 42px;
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 4px;
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .title,
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .title * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 20px;
line-height: normal;
color: #84A42E;
}
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .description,
.banner-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #4e4e4e;
}
.banner-puntos-destacados-v1 .container .block-points .progress-bar-container {
width: 100%;
height: 9px;
border-radius: 4px;
background: #DEE8C0;
margin-top: 8px;
overflow: hidden;
}
@media only screen and (min-width: 991px) {
.banner-puntos-destacados-v1 .container .block-points .progress-bar-container {
display: none;
}
}
.banner-puntos-destacados-v1 .container .block-points .progress-bar-container .progress-bar {
width: 0;
height: 100%;
background: #93B633;
transition: width 0.25s ease-in-out;
}
.hero-main-v2 {
position: relative;
padding: 200px 0 100px;
background: linear-gradient(180deg, #08272B -3.4%, #0B373C 15.84%);
}
.hero-main-v2 .breadcrumb-yoast {
text-align: center;
}
.hero-main-v2 .title {
margin-top: 16px;
}
.hero-main-v2 .title,
.hero-main-v2 .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 68px;
line-height: 1.2;
color: #DEE8C0;
}
.hero-main-v2 .description {
margin-top: 8px;
margin-bottom: 20px;
}
.hero-main-v2 .description,
.hero-main-v2 .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.2;
color: #DEE8C0;
}
.hero-main-v2 .container-texto {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
cursor: pointer;
}
.hero-main-v2 .container-texto .icono {
animation: fadeInOut 3s infinite;
}
@keyframes fadeInOut {
0%,
100% {
opacity: 0;
}
25%,
75% {
opacity: 1;
}
}
.hero-main-v2 .container-texto .texto,
.hero-main-v2 .container-texto .texto * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #DEE8C0;
}
.hero-main-v2 .cta_attached_hero {
margin-top: 16px;
margin-left: auto;
margin-right: auto;
}
.hero-main-v2 .img-decoration {
position: absolute;
right: 0;
bottom: 0;
}
.hero-v3 {
position: relative;
display: flex;
align-items: flex-start;
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 64.75%);
padding: 270px 0 170px;
overflow: hidden;
}
@media only screen and (max-width: 990px) {
.hero-v3 {
padding: 100px 0 40px;
}
}
.hero-v3 .container {
display: flex;
gap: 40px;
z-index: 1;
}
@media only screen and (max-width: 990px) {
.hero-v3 .container {
flex-direction: column;
}
}
.hero-v3 .container .content {
display: flex;
flex-direction: column;
gap: 40px;
width: 60%;
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content {
width: 100%;
}
}
.hero-v3 .container .content .block-text {
display: flex;
flex-direction: column;
gap: 8px;
}
.hero-v3 .container .content .block-text .title {
background: linear-gradient(75deg, #F2F6EB, #E3FFCC, #18A57A, #F2F6EB);
background-size: 150% 100%;
-webkit-background-clip: text;
animation: gradientAnimation 6s ease infinite;
width: fit-content;
}
.hero-v3 .container .content .block-text .title,
.hero-v3 .container .content .block-text .title * {
font-size: 60px;
font-family: "DM Sans", sans-serif;
font-weight: 500;
color: transparent;
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content .block-text .title,
.hero-v3 .container .content .block-text .title * {
font-size: 64px;
line-height: 1.2;
}
}
.hero-v3 .container .content .block-text .description,
.hero-v3 .container .content .block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content .block-text .description,
.hero-v3 .container .content .block-text .description * {
font-size: 20px;
}
}
.hero-v3 .container .content .block-ctas {
display: flex;
gap: 8px;
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content .block-ctas {
flex-direction: column;
gap: 16px;
}
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content .block-ctas a {
width: 100%;
justify-content: center;
}
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content .block-link {
display: flex;
justify-content: center;
width: 100%;
}
}
.hero-v3 .container .content-2 {
display: flex;
align-items: center;
justify-content: flex-end;
width: 40%;
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content-2 {
width: 100%;
}
}
.hero-v3 .container .content-2 .cta-video {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 16px 8px 8px;
border-radius: 999px;
border: 1px solid rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.35);
backdrop-filter: blur(10px);
width: fit-content;
cursor: pointer;
transition: .3s;
}
@media only screen and (max-width: 990px) {
.hero-v3 .container .content-2 .cta-video {
width: 100%;
}
}
.hero-v3 .container .content-2 .cta-video .icon {
display: flex;
align-items: center;
}
.hero-v3 .container .content-2 .cta-video .icon svg path {
transition: .3s;
}
.hero-v3 .container .content-2 .cta-video:hover {
background: rgba(255, 255, 255, 0.1);
transition: .3s;
}
.hero-v3 .container .content-2 .cta-video:hover .icon svg path {
transition: .3s;
}
.hero-v3 .container .content-2 .cta-video:hover .icon svg path:first-child {
fill: #FFF;
}
.hero-v3 .container .content-2 .cta-video:hover .icon svg path:last-child {
stroke: #93B633;
}
.hero-v3 .container .content-2 .cta-video .bloque-text .text,
.hero-v3 .container .content-2 .cta-video .bloque-text .text * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: normal;
color: #FFF;
}
.hero-v3 .container .content-2 .cta-video .bloque-text .time,
.hero-v3 .container .content-2 .cta-video .bloque-text .time * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: normal;
color: #FFF;
}
.hero-v3 .video-fondo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.hero-v3 .video-fondo video {
min-width: 100%;
min-height: 100%;
}
.hero-v3::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 64.75%);
}
.hero-v3 .popup-video {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99999;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.75);
display: none;
}
.hero-v3 .popup-video.active {
display: flex;
}
.hero-v3 .popup-video .video-foot {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 65%;
height: auto;
max-height: 85%;
}
@media only screen and (max-width: 990px) {
.hero-v3 .popup-video .video-foot {
width: 90%;
}
}
.hero-v3 .popup-video .video-foot video {
width: 100%;
max-height: 85%;
object-fit: contain;
display: block;
border-radius: 16px;
background: black;
}
.hero-v3 .popup-video .video-foot .close {
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
}
@keyframes gradientAnimation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 150% 50%;
}
100% {
background-position: 0% 50%;
}
}
.hero-main {
position: relative;
display: flex;
align-items: flex-start;
background: linear-gradient(180deg, #08272B -3.4%, #0B373C 15.84%);
padding: 270px 0 170px;
}
@media only screen and (max-width: 990px) {
.hero-main {
padding: 100px 0 40px;
}
}
.hero-main .container {
z-index: 1;
}
.hero-main .container .content {
display: flex;
flex-direction: column;
gap: 40px;
}
.hero-main .container .content .block-text {
display: flex;
flex-direction: column;
gap: 8px;
}
.hero-main .container .content .block-text .title {
background: linear-gradient(75deg, #F2F6EB, #E3FFCC, #18A57A, #F2F6EB);
background-size: 150% 100%;
-webkit-background-clip: text;
animation: gradientAnimation 6s ease infinite;
width: fit-content;
}
.hero-main .container .content .block-text .title,
.hero-main .container .content .block-text .title * {
font-size: 90px;
font-family: "DM Sans", sans-serif;
font-weight: 500;
color: transparent;
}
@media only screen and (max-width: 990px) {
.hero-main .container .content .block-text .title,
.hero-main .container .content .block-text .title * {
font-size: 64px;
line-height: 1.2;
}
}
.hero-main .container .content .block-text .description,
.hero-main .container .content .block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.hero-main .container .content .block-text .description,
.hero-main .container .content .block-text .description * {
font-size: 20px;
}
}
.hero-main .container .content .block-ctas {
display: flex;
gap: 8px;
}
@media only screen and (max-width: 990px) {
.hero-main .container .content .block-ctas {
flex-direction: column;
gap: 16px;
}
}
@media only screen and (max-width: 990px) {
.hero-main .container .content .block-ctas a {
width: 100%;
justify-content: center;
}
}
@media only screen and (max-width: 990px) {
.hero-main .container .content .block-link {
display: flex;
justify-content: center;
width: 100%;
}
}
.hero-main .img-decoration {
position: absolute;
bottom: 40px;
right: 16px;
z-index: 0;
opacity: 0.3;
}
@media only screen and (max-width: 990px) {
.hero-main .img-decoration {
bottom: 100px;
right: -140px;
}
}
@keyframes gradientAnimation {
0% {
background-position: 0% 50%;
}
50% {
background-position: 150% 50%;
}
100% {
background-position: 0% 50%;
}
}
.section-entradas-blog {
padding: 40px 0;
}
@media only screen and (max-width: 990px) {
.section-entradas-blog > .container {
max-width: unset;
margin: unset;
padding: unset;
}
}
@media only screen and (min-width: 991px) {
.section-entradas-blog > .container .container {
max-width: unset;
margin: unset;
padding: unset;
}
}
.section-entradas-blog > .container .block-text {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 48px;
}
.section-entradas-blog > .container .block-text .pretitle {
display: flex;
}
.section-entradas-blog > .container .block-text .pretitle,
.section-entradas-blog > .container .block-text .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-entradas-blog > .container .block-text .title,
.section-entradas-blog > .container .block-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-entradas-blog > .container .block-text .title,
.section-entradas-blog > .container .block-text .title * {
font-size: 38px;
}
}
.section-entradas-blog > .container .block-posts {
padding: 60px 0 40px;
margin-bottom: 24px;
}
.section-entradas-blog > .container .block-posts .swiper-wrapper .post-item {
width: 356px;
}
.section-entradas-blog > .container .block-posts .swiper-wrapper .post-item .post-img {
position: relative;
width: 356px;
height: 356px;
border-radius: 24px;
margin-bottom: 16px;
overflow: hidden;
}
@media only screen and (max-width: 990px) {
.section-entradas-blog > .container .block-posts .swiper-wrapper .post-item .post-img {
height: 360px;
}
}
.section-entradas-blog > .container .block-posts .swiper-wrapper .post-item .post-date {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #6B6B6B;
margin-bottom: 8px;
}
.section-entradas-blog > .container .block-posts .swiper-wrapper .post-item .post-title {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: normal;
color: #131313;
margin-bottom: 8px;
}
@media only screen and (max-width: 990px) {
.section-entradas-blog > .container .block-posts .swiper-wrapper .post-item .post-title {
font-size: 28px;
}
}
.section-entradas-blog > .container .block-posts .swiper-wrapper .post-item .post-excerpt {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: normal;
color: #4E4E4E;
margin-bottom: 16px;
}
.section-entradas-blog > .container .block-posts .swiper-button-next,
.section-entradas-blog > .container .block-posts .swiper-button-prev {
color: #3C5F63;
top: 0;
left: unset;
}
.section-entradas-blog > .container .block-posts .swiper-button-next::after,
.section-entradas-blog > .container .block-posts .swiper-button-prev::after {
font-size: 34px;
}
@media only screen and (min-width: 991px) {
.section-entradas-blog > .container .block-posts .swiper-button-next::after,
.section-entradas-blog > .container .block-posts .swiper-button-prev::after {
font-size: 18px;
}
}
.section-entradas-blog > .container .block-posts .swiper-button-prev {
right: 97px;
}
@media only screen and (min-width: 991px) {
.section-entradas-blog > .container .block-posts .swiper-button-prev {
right: 71px;
}
}
.section-entradas-blog > .container .block-posts .swiper-button-next {
right: 30px;
}
.section-entradas-blog > .container .block-posts .swiper-pagination {
display: flex;
justify-content: center;
gap: 8px;
}
.section-entradas-blog > .container .block-posts .swiper-pagination .swiper-pagination-bullet-active {
background: #3C5F63;
width: 22px;
border-radius: 24px;
}
.section-entradas-blog > .container .block-cta {
display: flex;
justify-content: center;
}
@media only screen and (max-width: 990px) {
.section-entradas-blog > .container .block-cta a {
width: 100%;
justify-content: center;
}
}
.section-grid-logos-v1 {
padding: 80px 0;
}
.section-grid-logos-v1 .title {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 48px;
}
.section-grid-logos-v1 .title,
.section-grid-logos-v1 .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-grid-logos-v1 .grid-logos {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 56px 40px;
}
.section-grid-logos-v1 .grid-logos .logo-item {
display: flex;
justify-content: flex-start;
}
.section-grid-logos-v1 .grid-logos .logo-item img {
object-fit: contain;
width: 100%;
height: 100%;
}
.section-grid-logos-v1 .grid-logos-mobile .swiper-wrapper .grid-item {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 80px 32px;
padding: 0 60px;
}
.section-grid-logos-v1 .grid-logos-mobile .swiper-wrapper .grid-item .logo-item {
display: flex;
justify-content: flex-start;
}
.section-grid-logos-v1 .grid-logos-mobile .swiper-wrapper .grid-item .logo-item img {
object-fit: contain;
width: 100%;
height: 100%;
}
.section-grid-logos-v1 .grid-logos-mobile .swiper-button-next,
.section-grid-logos-v1 .grid-logos-mobile .swiper-button-prev {
color: #3C5F63;
}
.section-grid-logos-v2 {
padding: 80px 0;
}
@media only screen and (max-width: 990px) {
.section-grid-logos-v2 > .container {
max-width: unset;
margin: unset;
padding: unset;
}
}
@media only screen and (min-width: 991px) {
.section-grid-logos-v2 > .container {
display: flex;
flex-direction: column;
align-items: center;
}
}
.section-grid-logos-v2 > .container .container.block-text {
display: flex;
flex-direction: column;
margin-bottom: 32px;
max-width: 666px;
}
@media only screen and (min-width: 991px) {
.section-grid-logos-v2 > .container .container.block-text {
max-width: unset;
margin: unset;
padding: unset;
align-items: center;
}
}
.section-grid-logos-v2 > .container .container.block-text .pretitle {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 8px;
}
.section-grid-logos-v2 > .container .container.block-text .pretitle,
.section-grid-logos-v2 > .container .container.block-text .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-grid-logos-v2 > .container .container.block-text .title {
text-align: center;
max-width: 546px;
margin-bottom: 24px;
}
.section-grid-logos-v2 > .container .container.block-text .title,
.section-grid-logos-v2 > .container .container.block-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-grid-logos-v2 > .container .container.block-text .title,
.section-grid-logos-v2 > .container .container.block-text .title * {
font-size: 38px;
}
}
.section-grid-logos-v2 > .container .container.block-text .description {
text-align: center;
}
.section-grid-logos-v2 > .container .container.block-text .description,
.section-grid-logos-v2 > .container .container.block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
@media only screen and (max-width: 990px) {
.section-grid-logos-v2 > .container .container.block-text .description,
.section-grid-logos-v2 > .container .container.block-text .description * {
font-size: 20px;
}
}
@media only screen and (max-width: 990px) {
.section-grid-logos-v2 > .container .grid-logos {
padding: 60px 0 40px;
}
}
@media only screen and (min-width: 991px) {
.section-grid-logos-v2 > .container .grid-logos .swiper-wrapper {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 56px 40px;
}
}
.section-grid-logos-v2 > .container .grid-logos .swiper-wrapper .logo-item {
display: flex;
justify-content: flex-start;
height: 140px;
width: auto;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-wrapper .logo-item .logo-default {
position: relative;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-wrapper .logo-item .logo-default .logo-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: .6s;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-wrapper .logo-item .logo-default img {
object-fit: contain;
width: 100%;
height: 100%;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-wrapper .logo-item:hover .logo-hover {
opacity: 1;
transition: .6s;
}
@media only screen and (min-width: 991px) {
.section-grid-logos-v2 > .container .grid-logos .swiper-button-next,
.section-grid-logos-v2 > .container .grid-logos .swiper-button-prev,
.section-grid-logos-v2 > .container .grid-logos .swiper-pagination {
display: none;
}
}
.section-grid-logos-v2 > .container .grid-logos .swiper-button-next,
.section-grid-logos-v2 > .container .grid-logos .swiper-button-prev {
color: #3C5F63;
top: 0;
left: unset;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-button-next::after,
.section-grid-logos-v2 > .container .grid-logos .swiper-button-prev::after {
font-size: 34px;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-button-prev {
right: 97px;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-button-next {
right: 30px;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-pagination {
display: flex;
justify-content: center;
gap: 8px;
}
.section-grid-logos-v2 > .container .grid-logos .swiper-pagination .swiper-pagination-bullet-active {
background: #3C5F63;
width: 22px;
border-radius: 24px;
}
.section-grid-logos-v3 {
padding: 80px 0;
}
.section-grid-logos-v3 .title {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 48px;
}
.section-grid-logos-v3 .title,
.section-grid-logos-v3 .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-grid-logos-v3 .grid-logos {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 40px 132px;
}
@media only screen and (max-width: 990px) {
.section-grid-logos-v3 .grid-logos {
gap: 80px 32px;
}
}
.section-grid-logos-v3 .grid-logos .logo-item {
display: flex;
justify-content: center;
align-items: center;
width: 178px;
height: 80px;
}
@media only screen and (max-width: 990px) {
.section-grid-logos-v3 .grid-logos .logo-item {
width: 100px;
height: auto;
}
}
.section-grid-logos-v3 .grid-logos .logo-item img {
object-fit: contain;
width: 100%;
height: 100%;
}
.section-grid-logos-v4 {
padding: 80px 0 140px;
}
@media only screen and (max-width: 990px) {
.section-grid-logos-v4 {
padding: 40px 0 100px;
}
}
.section-grid-logos-v4 .title {
display: flex;
justify-content: center;
text-align: center;
margin-bottom: 48px;
}
.section-grid-logos-v4 .title,
.section-grid-logos-v4 .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-grid-logos-v4 .container-swiper {
position: relative;
}
.section-grid-logos-v4 .container-swiper .grid-logos .swiper-wrapper .logo-item {
display: flex;
justify-content: center;
align-items: center;
width: 178px;
height: 80px;
}
.section-grid-logos-v4 .container-swiper .grid-logos .swiper-wrapper .logo-item img {
object-fit: contain;
width: 100%;
height: 100%;
}
.section-grid-logos-v4 .container-swiper .swiper-button-next,
.section-grid-logos-v4 .container-swiper .swiper-button-prev {
color: #3C5F63;
bottom: -120px;
margin: auto !important;
margin-right: 0px !important;
}
.section-grid-logos-v4 .container-swiper .swiper-button-next::after,
.section-grid-logos-v4 .container-swiper .swiper-button-prev::after {
font-size: 33px !important;
}
.section-grid-logos-v4 .container-swiper .swiper-button-next {
right: 0px;
}
.section-grid-logos-v4 .container-swiper .swiper-button-prev {
right: 64px;
}
.section-historia {
padding: 80px 0;
}
.section-historia .container .linea-tiempo {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
padding-bottom: 55px;
}
@media only screen and (max-width: 767px) {
.section-historia .container .linea-tiempo {
padding-bottom: 40px;
}
}
.section-historia .container .linea-tiempo .point {
position: relative;
width: 50%;
}
@media only screen and (max-width: 767px) {
.section-historia .container .linea-tiempo .point {
width: 100% !important;
padding-left: 72px !important;
padding-right: 0 !important;
margin: 0 0 40px !important;
}
}
.section-historia .container .linea-tiempo .point::before {
content: '';
position: absolute;
top: 0;
width: 32px;
height: 32px;
background-color: #93B633;
border-radius: 30px;
border: 9px solid #F3F3F3;
}
@media only screen and (max-width: 767px) {
.section-historia .container .linea-tiempo .point::before {
left: 0 !important;
right: unset !important;
}
}
.section-historia .container .linea-tiempo .point:nth-child(2n+1) {
margin-left: auto;
padding-left: 64px;
}
.section-historia .container .linea-tiempo .point:nth-child(2n+1)::before {
left: -16px;
}
.section-historia .container .linea-tiempo .point:nth-child(2n) {
margin-right: auto;
padding-right: 64px;
}
.section-historia .container .linea-tiempo .point:nth-child(2n)::before {
right: -16px;
}
.section-historia .container .linea-tiempo .point .year {
margin-bottom: 4px;
}
.section-historia .container .linea-tiempo .point .year,
.section-historia .container .linea-tiempo .point .year * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 28px;
line-height: 1.2;
color: #131313;
}
.section-historia .container .linea-tiempo .point .titulo {
margin-bottom: 4px;
}
.section-historia .container .linea-tiempo .point .titulo,
.section-historia .container .linea-tiempo .point .titulo * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: #84A42E;
}
.section-historia .container .linea-tiempo .point .descripcion,
.section-historia .container .linea-tiempo .point .descripcion * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: #4E4E4E;
}
.section-historia .container .linea-tiempo .barra-de-progreso {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto !important;
height: 100%;
width: 6px;
background-color: #F3F3F3;
z-index: -1;
}
@media only screen and (max-width: 767px) {
.section-historia .container .linea-tiempo .barra-de-progreso {
left: 13px;
right: unset;
margin: unset !important;
}
}
.section-historia .container .linea-tiempo .barra-de-progreso .progreso {
background-color: #93B633;
}
.section-historia .container .banner {
display: flex;
flex-direction: column;
gap: 32px;
padding: 32px 48px;
border-radius: 24px;
border: 2px solid #DEE8C0;
background: rgba(244, 248, 235, 0.5);
}
@media only screen and (max-width: 767px) {
.section-historia .container .banner {
padding: 32px 24px;
margin-top: -3px;
}
}
@media only screen and (max-width: 767px) {
.section-historia .container .banner .titulo-banner {
text-align: center;
}
}
.section-historia .container .banner .titulo-banner,
.section-historia .container .banner .titulo-banner * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 38px;
line-height: 1.2;
color: #131313;
}
.section-historia .container .banner .texto-banner,
.section-historia .container .banner .texto-banner * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: #4E4E4E;
}
.section-historia .container .banner .texto-banner h2,
.section-historia .container .banner .texto-banner h3 {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
color: #131313;
}
.section-historia .container .banner .texto-banner li {
margin: 8px 0;
}
.section-imagen-texto-v1 {
padding: 80px 0;
}
.section-imagen-texto-v1.no-paddings {
padding: 0;
}
.section-imagen-texto-v1 .container .container-items {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
}
.section-imagen-texto-v1 .container .container-items .item {
display: flex;
gap: 120px;
justify-content: center;
align-items: center;
width: fit-content;
}
@media only screen and (max-width: 990px) {
.section-imagen-texto-v1 .container .container-items .item {
gap: 24px;
flex-direction: column;
}
}
@media only screen and (min-width: 991px) {
.section-imagen-texto-v1 .container .container-items .item:hover .container-img img {
transform: scale(1.35);
transition: .6s;
}
}
.section-imagen-texto-v1 .container .container-items .item .container-img {
position: relative;
height: 450px;
width: 450px;
border-radius: 24px;
overflow: hidden;
}
@media only screen and (max-width: 990px) {
.section-imagen-texto-v1 .container .container-items .item .container-img {
width: 100%;
height: 200px;
}
}
.section-imagen-texto-v1 .container .container-items .item .container-img img {
transition: .6s;
}
.section-imagen-texto-v1 .container .container-items .item .container-text {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
width: 360px;
}
@media only screen and (max-width: 990px) {
.section-imagen-texto-v1 .container .container-items .item .container-text {
width: 100%;
}
}
.section-imagen-texto-v1 .container .container-items .item .container-text .title,
.section-imagen-texto-v1 .container .container-items .item .container-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: normal;
color: #0B373C;
}
.section-imagen-texto-v1 .container .container-items .item .container-text .description,
.section-imagen-texto-v1 .container .container-items .item .container-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: normal;
color: #1F1F1F;
}
@media only screen and (max-width: 990px) {
.section-imagen-texto-v1 .container .container-items .item .container-text {
order: 1;
}
.section-imagen-texto-v1 .container .container-items .item .container-img {
order: 2;
}
.section-imagen-texto-v1 .container .container-items .item .cta-mobile {
order: 3;
}
}
@media only screen and (min-width: 991px) {
.section-imagen-texto-v1 .container .container-items .item-reverse .container-text {
order: 1;
}
.section-imagen-texto-v1 .container .container-items .item-reverse .container-img {
order: 2;
}
}
@media only screen and (max-width: 990px) {
.section-imagen-texto-v1 .container .container-items .item a.cta-tertiary, .section-imagen-texto-v1 .container .container-items .item a.cta-tertiary-icon, .section-imagen-texto-v1 .container .container-items .item a.cta-tertiary-attached {
width: 100%;
justify-content: center;
}
}
.section-miembros-grid {
margin: 46px 0;
}
.section-miembros-grid .container .pretitle {
text-align: center;
margin-bottom: 8px;
}
.section-miembros-grid .container .pretitle,
.section-miembros-grid .container .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-miembros-grid .container .title {
text-align: center;
margin-bottom: 24px;
}
.section-miembros-grid .container .title,
.section-miembros-grid .container .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-miembros-grid .container .title,
.section-miembros-grid .container .title * {
font-size: 38px;
}
}
.section-miembros-grid .container .description {
text-align: center;
margin-bottom: 32px;
}
.section-miembros-grid .container .description,
.section-miembros-grid .container .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
@media only screen and (max-width: 990px) {
.section-miembros-grid .container .description,
.section-miembros-grid .container .description * {
font-size: 20px;
}
}
.section-miembros-grid .container .grid-miembros {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
}
.section-miembros-grid .container .grid-miembros .card-miembro {
display: flex;
flex-direction: column;
width: calc(30% - 16px);
max-width: 356px;
border-radius: 24px;
border: 1px solid #BABABA;
background: #FFF;
padding: 24px;
}
@media only screen and (max-width: 990px) {
.section-miembros-grid .container .grid-miembros .card-miembro {
width: calc(50% - 12px);
}
}
@media only screen and (max-width: 767px) {
.section-miembros-grid .container .grid-miembros .card-miembro {
width: 100%;
}
}
.section-miembros-grid .container .grid-miembros .card-miembro .img-miembro {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.section-miembros-grid .container .grid-miembros .card-miembro .img-miembro img {
width: 100%;
height: 100%;
max-width: 308px;
max-height: 374px;
object-fit: cover;
border-radius: 24px;
background-color: rgba(211, 211, 211, 0.5);
}
.section-miembros-grid .container .grid-miembros .card-miembro .datos-miembro {
margin-bottom: 16px;
}
.section-miembros-grid .container .grid-miembros .card-miembro .datos-miembro .row-title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 6px;
}
.section-miembros-grid .container .grid-miembros .card-miembro .datos-miembro .row-title .nombre {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 20px;
line-height: 1.2;
color: #131313;
}
.section-miembros-grid .container .grid-miembros .card-miembro .datos-miembro .row-title .rol {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #6E8926;
}
.section-miembros-grid .container .grid-miembros .card-miembro .datos-miembro .cargo {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: #6B6B6B;
}
.section-miembros-grid .container .grid-miembros .card-miembro .social-media {
display: flex;
}
.section-miembros-grid .container .grid-miembros .card-miembro .social-media .cta-rrss {
display: flex;
width: 24px;
height: 24px;
}
@media only screen and (max-width: 767px) {
.section-miembros-grid .container .grid-miembros .card-miembro .social-media .cta-rrss {
width: 16px;
height: 16px;
}
}
.section-miembros-grid .container .grid-miembros .card-miembro .social-media .cta-rrss svg {
width: 100%;
height: 100%;
}
.section-miembros-grid .container .grid-miembros .card-miembro .social-media .cta-rrss svg path {
transition: .3s;
}
.section-miembros-grid .container .grid-miembros .card-miembro .social-media .cta-rrss:hover svg path {
fill: #769229;
transition: .3s;
}
.section-pasos {
margin: 80px 0 48px;
}
.section-pasos .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-pasos .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-pasos .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos .container .container-pretitle .pretitle,
.section-pasos .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-pasos .container .cabecera {
margin-bottom: 24px;
}
.section-pasos .container .cabecera .title {
margin-bottom: 16px;
}
.section-pasos .container .cabecera .title,
.section-pasos .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-pasos .container .cabecera .title,
.section-pasos .container .cabecera .title * {
font-size: 38px;
}
}
.section-pasos .container .cabecera .content {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 40%;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos .container .cabecera .content {
max-width: unset;
margin-bottom: 0;
}
}
.section-pasos .container .cabecera .content .description,
.section-pasos .container .cabecera .content .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-pasos .container .block-pasos {
display: flex;
flex-direction: column;
gap: 24px;
}
.section-pasos .container .block-pasos .paso {
display: flex;
align-items: center;
gap: 16px;
max-width: 500px;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos .container .block-pasos .paso {
max-width: unset;
}
}
.section-pasos .container .block-pasos .paso .p-index {
width: 40px;
}
.section-pasos .container .block-pasos .paso .p-index,
.section-pasos .container .block-pasos .paso .p-index * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #93B633;
}
.section-pasos .container .block-pasos .paso .p-description,
.section-pasos .container .block-pasos .paso .p-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #4E4E4E;
}
.section-pasos-v2 {
margin: 80px 0 48px;
}
.section-pasos-v2 .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-pasos-v2 .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-pasos-v2 .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v2 .container .container-pretitle .pretitle,
.section-pasos-v2 .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-pasos-v2 .container .cabecera {
margin-bottom: 24px;
}
.section-pasos-v2 .container .cabecera .title {
margin-bottom: 16px;
}
.section-pasos-v2 .container .cabecera .title,
.section-pasos-v2 .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-pasos-v2 .container .cabecera .title,
.section-pasos-v2 .container .cabecera .title * {
font-size: 38px;
}
}
.section-pasos-v2 .container .cabecera .content {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 60%;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos-v2 .container .cabecera .content {
max-width: unset;
margin-bottom: 0;
}
}
.section-pasos-v2 .container .cabecera .content .description,
.section-pasos-v2 .container .cabecera .content .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-pasos-v2 .container .block-pasos {
display: flex;
flex-direction: column;
gap: 24px;
}
.section-pasos-v2 .container .block-pasos .paso {
display: flex;
align-items: center;
gap: 16px;
max-width: 500px;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos-v2 .container .block-pasos .paso {
max-width: unset;
}
}
.section-pasos-v2 .container .block-pasos .paso .p-index {
width: 12px;
height: 12px;
max-width: 12px;
max-height: 12px;
min-width: 12px;
min-height: 12px;
background-color: #93B633;
border-radius: 50%;
}
.section-pasos-v2 .container .block-pasos .paso .p-description,
.section-pasos-v2 .container .block-pasos .paso .p-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #4E4E4E;
}
.section-pasos-v2 .container .banner {
width: 100%;
max-width: 80%;
background-color: #F4F8EB;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 16px;
padding: 24px;
border-radius: 24px;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 990px) {
.section-pasos-v2 .container .banner {
max-width: unset;
}
}
.section-pasos-v2 .container .banner .icono-banner {
width: 48px;
height: 48px;
min-width: 48px;
min-height: 48px;
max-width: 48px;
max-height: 48px;
}
.section-pasos-v2 .container .banner .icono-banner img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v2 .container .banner .texto-banner,
.section-pasos-v2 .container .banner .texto-banner * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: normal;
color: #84A42E;
}
.section-pasos-v3 {
margin: 80px 0 48px;
}
.section-pasos-v3 .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-pasos-v3 .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-pasos-v3 .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v3 .container .container-pretitle .pretitle,
.section-pasos-v3 .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-pasos-v3 .container .cabecera {
margin-bottom: 24px;
}
.section-pasos-v3 .container .cabecera .title {
margin-bottom: 16px;
}
.section-pasos-v3 .container .cabecera .title,
.section-pasos-v3 .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-pasos-v3 .container .cabecera .title,
.section-pasos-v3 .container .cabecera .title * {
font-size: 38px;
}
}
.section-pasos-v3 .container .cabecera .content {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 40%;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos-v3 .container .cabecera .content {
max-width: unset;
margin-bottom: 0;
}
}
.section-pasos-v3 .container .cabecera .content .description,
.section-pasos-v3 .container .cabecera .content .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-pasos-v3 .container .block-pasos {
display: flex;
justify-content: space-between;
gap: 24px;
margin-bottom: 32px;
}
@media only screen and (max-width: 990px) {
.section-pasos-v3 .container .block-pasos {
flex-direction: column;
}
}
.section-pasos-v3 .container .block-pasos .column-one,
.section-pasos-v3 .container .block-pasos .column-two {
display: flex;
flex-direction: column;
gap: 24px;
}
.section-pasos-v3 .container .block-pasos .paso {
display: flex;
align-items: center;
gap: 16px;
max-width: 500px;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos-v3 .container .block-pasos .paso {
max-width: unset;
}
}
.section-pasos-v3 .container .block-pasos .paso .p-index {
width: 40px;
min-width: 40px;
}
.section-pasos-v3 .container .block-pasos .paso .p-index,
.section-pasos-v3 .container .block-pasos .paso .p-index * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #93B633;
}
.section-pasos-v3 .container .block-pasos .paso .p-description,
.section-pasos-v3 .container .block-pasos .paso .p-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #4E4E4E;
}
.section-pasos-v3 .container .block-pasos .paso .p-icono {
display: flex;
width: 18px;
min-width: 18px;
max-width: 18px;
height: 18px;
min-height: 18px;
max-height: 18px;
}
.section-pasos-v3 .container .block-pasos .paso .p-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v3 .container .block-image .img {
display: flex;
border-radius: 16px;
box-shadow: 0px 14px 14px 0px rgba(102, 102, 102, 0.09);
overflow: hidden;
margin-bottom: 8px;
}
.section-pasos-v3 .container .block-image .img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v3 .container .block-image .pie_de_foto,
.section-pasos-v3 .container .block-image .pie_de_foto * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: normal;
color: #5C797C;
}
.section-pasos-v4 {
margin: 80px 0 48px;
}
.section-pasos-v4 .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-pasos-v4 .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-pasos-v4 .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v4 .container .container-pretitle .pretitle,
.section-pasos-v4 .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-pasos-v4 .container .cabecera {
margin-bottom: 24px;
}
.section-pasos-v4 .container .cabecera .title {
margin-bottom: 16px;
}
.section-pasos-v4 .container .cabecera .title,
.section-pasos-v4 .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-pasos-v4 .container .cabecera .title,
.section-pasos-v4 .container .cabecera .title * {
font-size: 38px;
}
}
.section-pasos-v4 .container .cabecera .content {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos-v4 .container .cabecera .content {
max-width: unset;
margin-bottom: 0;
}
}
.section-pasos-v4 .container .cabecera .content .description,
.section-pasos-v4 .container .cabecera .content .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-pasos-v4 .container .block-pasos {
display: flex;
flex-direction: column;
gap: 24px;
margin-bottom: 32px;
}
@media only screen and (max-width: 990px) {
.section-pasos-v4 .container .block-pasos {
flex-direction: column;
}
}
.section-pasos-v4 .container .block-pasos .paso {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos-v4 .container .block-pasos .paso {
max-width: unset;
}
}
.section-pasos-v4 .container .block-pasos .paso .p-index {
width: 40px;
min-width: 40px;
}
.section-pasos-v4 .container .block-pasos .paso .p-index,
.section-pasos-v4 .container .block-pasos .paso .p-index * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #93B633;
}
.section-pasos-v4 .container .block-pasos .paso .p-description,
.section-pasos-v4 .container .block-pasos .paso .p-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #4E4E4E;
}
.section-pasos-v4 .container .block-pasos .paso .p-icono {
display: flex;
width: 18px;
min-width: 18px;
max-width: 18px;
height: 18px;
min-height: 18px;
max-height: 18px;
}
.section-pasos-v4 .container .block-pasos .paso .p-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v4 .container .p-imagen {
display: flex;
border-radius: 16px;
box-shadow: 0px 14px 14px 0px rgba(102, 102, 102, 0.09);
overflow: hidden;
max-width: 768px;
margin-left: auto;
margin-right: auto;
margin-bottom: 25px;
}
.section-pasos-v4 .container .p-imagen img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v5 {
margin: 80px 0 48px;
}
.section-pasos-v5 .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-pasos-v5 .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-pasos-v5 .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-pasos-v5 .container .container-pretitle .pretitle,
.section-pasos-v5 .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-pasos-v5 .container .cabecera {
margin-bottom: 24px;
}
.section-pasos-v5 .container .cabecera .title {
margin-bottom: 16px;
}
.section-pasos-v5 .container .cabecera .title,
.section-pasos-v5 .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-pasos-v5 .container .cabecera .title,
.section-pasos-v5 .container .cabecera .title * {
font-size: 38px;
}
}
.section-pasos-v5 .container .cabecera .content {
display: flex;
flex-direction: column;
gap: 24px;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-pasos-v5 .container .cabecera .content {
max-width: unset;
margin-bottom: 0;
}
}
.section-pasos-v5 .container .cabecera .content .description,
.section-pasos-v5 .container .cabecera .content .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-pasos-v5 .container .container-planes {
padding: 24px 16px;
background: #F3F5F5;
border-radius: 24px 24px 0 0;
}
.section-pasos-v5 .container .container-planes .cabecera-plan {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media only screen and (max-width: 767px) {
.section-pasos-v5 .container .container-planes .cabecera-plan {
grid-template-columns: repeat(1, 1fr);
}
}
.section-pasos-v5 .container .container-planes .cabecera-plan .plan-tab {
display: flex;
justify-content: center;
padding: 16px 24px;
width: 100%;
cursor: pointer;
border-radius: 16px;
transition: .3s;
background: #FFF;
}
.section-pasos-v5 .container .container-planes .cabecera-plan .plan-tab,
.section-pasos-v5 .container .container-planes .cabecera-plan .plan-tab * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: normal;
color: #5C797C;
}
.section-pasos-v5 .container .container-planes .cabecera-plan .plan-tab:hover {
background: #c2db7c;
transition: .3s;
}
.section-pasos-v5 .container .container-planes .cabecera-plan .plan-tab.active {
background: #84A42E;
}
.section-pasos-v5 .container .container-planes .cabecera-plan .plan-tab.active,
.section-pasos-v5 .container .container-planes .cabecera-plan .plan-tab.active * {
color: #FFF;
}
.section-pasos-v5 .container .container-planes .content-plan .plan-content {
display: none;
}
.section-pasos-v5 .container .container-planes .content-plan .plan-content.active {
display: block;
}
@media only screen and (max-width: 767px) {
.section-pasos-v5 .container-pretitle,
.section-pasos-v5 .cabecera,
.section-pasos-v5 .container-planes {
max-width: 100%;
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
}
@media only screen and (max-width: 767px) {
.section-pasos-v5 .container {
max-width: 100%;
width: 100%;
padding-right: 0;
padding-left: 0;
margin-right: 0;
margin-left: 0;
}
}
.section-pestanas-destacadas {
padding: 40px 0;
}
.section-pestanas-destacadas .container {
display: flex;
flex-direction: column;
align-items: center;
}
.section-pestanas-destacadas .container .pretitle {
text-align: center;
margin-bottom: 8px;
}
.section-pestanas-destacadas .container .pretitle,
.section-pestanas-destacadas .container .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
@media only screen and (max-width: 990px) {
.section-pestanas-destacadas .container .pretitle,
.section-pestanas-destacadas .container .pretitle * {
font-size: 16px;
}
}
.section-pestanas-destacadas .container .title {
text-align: center;
margin-bottom: 24px;
}
.section-pestanas-destacadas .container .title,
.section-pestanas-destacadas .container .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-pestanas-destacadas .container .title,
.section-pestanas-destacadas .container .title * {
font-size: 38px;
}
}
.section-pestanas-destacadas .container .description {
text-align: center;
margin-bottom: 50px;
max-width: 550px;
}
.section-pestanas-destacadas .container .description,
.section-pestanas-destacadas .container .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
@media only screen and (max-width: 990px) {
.section-pestanas-destacadas .container .description,
.section-pestanas-destacadas .container .description * {
font-size: 28px;
}
}
.section-pestanas-destacadas .container-tabs {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 32px;
width: 100%;
position: relative;
}
@media only screen and (max-width: 990px) {
.section-pestanas-destacadas .container-tabs {
grid-template-columns: repeat(1, 1fr);
}
}
.section-pestanas-destacadas .container-tabs .selector-tabs .selection {
padding: 24px 16px 24px 24px;
margin-bottom: 32px;
cursor: pointer;
border-radius: 24px;
}
@media only screen and (max-width: 990px) {
.section-pestanas-destacadas .container-tabs .selector-tabs .selection {
border: 1px solid #DEE8C0;
}
}
.section-pestanas-destacadas .container-tabs .selector-tabs .selection:hover {
background-color: #f4f8eb7a;
}
.section-pestanas-destacadas .container-tabs .selector-tabs .selection:last-child {
margin-bottom: 0;
}
.section-pestanas-destacadas .container-tabs .selector-tabs .selection .selection-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
.section-pestanas-destacadas .container-tabs .selector-tabs .selection .selection-container .title_tab,
.section-pestanas-destacadas .container-tabs .selector-tabs .selection .selection-container .title_tab * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: #5C797C;
}
@media only screen and (max-width: 990px) {
.section-pestanas-destacadas .container-tabs .selector-tabs .selection .selection-container .title_tab,
.section-pestanas-destacadas .container-tabs .selector-tabs .selection .selection-container .title_tab * {
font-size: 16px;
font-weight: 400;
}
}
.section-pestanas-destacadas .container-tabs .selector-tabs .selection.active {
background-color: #F4F8EB;
}
.section-pestanas-destacadas .container-tabs .selector-tabs .selection.active .title_tab,
.section-pestanas-destacadas .container-tabs .selector-tabs .selection.active .title_tab *,
.section-pestanas-destacadas .container-tabs .selector-tabs .selection.active .icon,
.section-pestanas-destacadas .container-tabs .selector-tabs .selection.active .icon * {
color: #84A42E !important;
fill: #84A42E !important;
}
.section-pestanas-destacadas .container-tabs .content-tabs {
width: calc(100% - 16px);
max-width: calc(100% - 16px);
min-width: calc(100% - 16px);
}
.section-pestanas-destacadas .container-tabs .content-tabs .content {
display: none;
flex-direction: column;
justify-content: space-between;
gap: 40px;
border-radius: 24px;
background: #F4F8EB;
padding: 32px 32px 0;
min-height: 100%;
}
@media only screen and (max-width: 990px) {
.section-pestanas-destacadas .container-tabs .content-tabs .content {
min-height: unset;
height: fit-content;
}
}
.section-pestanas-destacadas .container-tabs .content-tabs .content.active {
display: flex;
}
.section-pestanas-destacadas .container-tabs .content-tabs .content .texto_tab {
text-align: center;
max-width: 550px;
}
.section-pestanas-destacadas .container-tabs .content-tabs .content .texto_tab,
.section-pestanas-destacadas .container-tabs .content-tabs .content .texto_tab * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-pestanas-destacadas .container-tabs .content-tabs .content .img-tab img {
width: 100%;
object-fit: contain;
object-position: bottom;
height: fit-content;
}
.section-puntos-destacados-slider-vertical {
padding: 64px 0 40px;
}
.section-puntos-destacados-slider-vertical .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-puntos-destacados-slider-vertical .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-puntos-destacados-slider-vertical .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-puntos-destacados-slider-vertical .container .container-pretitle .pretitle,
.section-puntos-destacados-slider-vertical .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-puntos-destacados-slider-vertical .container .cabecera {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 48px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .cabecera {
flex-direction: column;
justify-content: flex-start;
gap: 8px;
margin-bottom: 32px;
}
}
.section-puntos-destacados-slider-vertical .container .cabecera .title {
width: fit-content;
max-width: 50%;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .cabecera .title {
max-width: unset;
}
}
.section-puntos-destacados-slider-vertical .container .cabecera .title,
.section-puntos-destacados-slider-vertical .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .cabecera .title,
.section-puntos-destacados-slider-vertical .container .cabecera .title * {
font-size: 38px;
}
}
.section-puntos-destacados-slider-vertical .container .cabecera .description {
margin-bottom: 32px;
width: fit-content;
max-width: 40%;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .cabecera .description {
max-width: unset;
margin-bottom: 0;
}
}
.section-puntos-destacados-slider-vertical .container .cabecera .description,
.section-puntos-destacados-slider-vertical .container .cabecera .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-puntos-destacados-slider-vertical .container .block-points {
display: flex;
justify-content: space-between;
gap: 32px;
margin-bottom: 48px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .block-points {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 32px;
}
}
.section-puntos-destacados-slider-vertical .container .block-points .point {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width: 300px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .block-points .point {
align-items: center;
width: 100%;
}
}
.section-puntos-destacados-slider-vertical .container .block-points .point .p-icon img {
width: 30px;
height: 30px;
object-fit: contain;
object-position: top left;
}
.section-puntos-destacados-slider-vertical .container .block-points .point .p-title,
.section-puntos-destacados-slider-vertical .container .block-points .point .p-title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: #0B373C;
}
.section-puntos-destacados-slider-vertical .container .block-points .point .p-description,
.section-puntos-destacados-slider-vertical .container .block-points .point .p-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #4E4E4E;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical {
position: relative;
border-radius: 16px;
background: #104E57;
padding: 0 40px 0 100px;
display: grid;
grid-template-areas: "slider title"
"slider imagenes"
"slider imagenes";
column-gap: 100px;
height: 580px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical {
grid-template-areas: "title"
"slider"
"imagenes";
height: fit-content;
padding: 0;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .container-title {
grid-area: title;
display: flex;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .container-title {
padding: 0 16px;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .container-title .sv-title {
padding-top: 48px;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .container-title .sv-title,
.section-puntos-destacados-slider-vertical .container .slider-vertical .container-title .sv-title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 38px;
line-height: 1.2;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .container-title .sv-title,
.section-puntos-destacados-slider-vertical .container .slider-vertical .container-title .sv-title * {
font-size: 28px;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider {
width: 100%;
grid-area: slider;
padding-top: 80px;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider {
position: unset;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide {
border-radius: 24px;
background: #DEE8C0;
padding: 16px;
opacity: 0.6;
height: auto;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide {
margin-bottom: 32px;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide.swiper-slide-active {
opacity: 1;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-index {
margin-bottom: 24px;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-index,
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-index * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #5C797C;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-title {
margin-bottom: 12px;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-title,
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-title * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
color: #0B373C;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-description,
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider .sv-slide .sv-description * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #0B373C;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider-images {
grid-area: imagenes;
width: 100%;
height: 300px;
margin-top: auto;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider-images {
padding: 0 16px;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider-images .sv-imagen {
display: flex;
width: 100%;
height: 100%;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-slider-images .sv-imagen img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-next,
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-prev {
border-radius: 32px;
width: 38px;
height: 38px;
color: white;
font-size: 10px;
background: rgba(255, 255, 255, 0.4);
backdrop-filter: blur(2px);
top: 20px;
left: unset;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-next,
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-prev {
transform: rotate(90deg);
left: 24px;
top: unset;
right: unset;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-next::after,
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-prev::after {
font-size: 18px;
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-next {
right: 16px;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-next {
bottom: 24px;
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-prev {
right: calc(38px + 16px + 16px);
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-slider-vertical .container .slider-vertical .swiper-button-prev {
bottom: calc(38px + 24px + 18px);
}
}
.section-puntos-destacados-slider-vertical .container .slider-vertical .sv-cta {
position: absolute;
right: 40px;
bottom: 40px;
z-index: 999;
}
.section-puntos-destacados-v1 {
padding: 64px 0;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v1 {
padding: 40px 0;
}
}
.section-puntos-destacados-v1 .container > .block-text {
display: flex;
flex-direction: column;
align-items: center;
}
.section-puntos-destacados-v1 .container > .block-text .pretitle {
text-align: center;
margin-bottom: 8px;
}
.section-puntos-destacados-v1 .container > .block-text .pretitle,
.section-puntos-destacados-v1 .container > .block-text .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-puntos-destacados-v1 .container > .block-text .title {
text-align: center;
margin-bottom: 24px;
max-width: 550px;
}
.section-puntos-destacados-v1 .container > .block-text .title,
.section-puntos-destacados-v1 .container > .block-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v1 .container > .block-text .title,
.section-puntos-destacados-v1 .container > .block-text .title * {
font-size: 38px;
}
}
.section-puntos-destacados-v1 .container > .block-text .description {
text-align: center;
margin-bottom: 32px;
max-width: 740px;
}
.section-puntos-destacados-v1 .container > .block-text .description,
.section-puntos-destacados-v1 .container > .block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v1 .container > .block-text .description,
.section-puntos-destacados-v1 .container > .block-text .description * {
font-size: 20px;
}
}
.section-puntos-destacados-v1 .container .block-img {
margin-bottom: 32px;
position: relative;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v1 .container .block-img {
display: none;
}
}
.section-puntos-destacados-v1 .container .block-img::before {
content: ' ';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 80%;
height: 90%;
margin: auto;
border-radius: 24px;
background: #EFF4E0;
z-index: -1;
}
.section-puntos-destacados-v1 .container .block-img .img-animada img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-puntos-destacados-v1 .container .block-points {
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v1 .container .block-points {
max-width: 500px;
}
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point {
display: flex;
flex-direction: column;
width: fit-content;
gap: 8px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point {
gap: 32px;
}
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .img-point {
border-radius: 24px;
background: #EFF4E0;
padding: 12px;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .img-point {
display: none;
}
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .img-point img {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 24px;
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text {
display: flex;
gap: 8px;
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .icono {
width: 100%;
max-width: 42px;
min-width: 42px;
height: 100%;
max-height: 42px;
min-height: 42px;
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 4px;
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .title,
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .title * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 20px;
line-height: normal;
color: #84A42E;
}
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .description,
.section-puntos-destacados-v1 .container .block-points .swiper-wrapper .point .block-text .texto .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #4e4e4e;
}
.section-puntos-destacados-v1 .container .block-points .progress-bar-container {
width: 100%;
height: 9px;
border-radius: 4px;
background: #DEE8C0;
margin-top: 8px;
overflow: hidden;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-v1 .container .block-points .progress-bar-container {
display: none;
}
}
.section-puntos-destacados-v1 .container .block-points .progress-bar-container .progress-bar {
width: 0;
height: 100%;
background: #93B633;
transition: width 0.25s ease-in-out;
}
.section-puntos-destacados-v2 {
padding: 40px 0;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-v2 > .container {
padding: 80px;
border-radius: 24px;
background: #F3F5F7;
}
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v2 > .container {
max-width: unset;
margin: unset;
padding: unset;
}
}
.section-puntos-destacados-v2 > .container > .block-text {
display: flex;
flex-direction: column;
align-items: center;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-v2 > .container > .block-text {
max-width: unset;
margin: unset;
padding: unset;
}
}
.section-puntos-destacados-v2 > .container > .block-text .pretitle {
text-align: center;
margin-bottom: 8px;
}
.section-puntos-destacados-v2 > .container > .block-text .pretitle,
.section-puntos-destacados-v2 > .container > .block-text .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-puntos-destacados-v2 > .container > .block-text .title {
text-align: center;
margin-bottom: 24px;
max-width: 550px;
}
.section-puntos-destacados-v2 > .container > .block-text .title,
.section-puntos-destacados-v2 > .container > .block-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v2 > .container > .block-text .title,
.section-puntos-destacados-v2 > .container > .block-text .title * {
font-size: 38px;
}
}
.section-puntos-destacados-v2 > .container > .block-text .description {
text-align: center;
margin-bottom: 50px;
max-width: 550px;
}
.section-puntos-destacados-v2 > .container > .block-text .description,
.section-puntos-destacados-v2 > .container > .block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-puntos-destacados-v2 > .container > .block-points {
width: 100%;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper {
padding: 60px 0 40px;
}
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point {
display: flex;
flex-direction: column;
width: 100%;
gap: 48px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point {
padding: 16px;
width: 250px;
border-radius: 8px;
background: #F3F5F7;
}
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .img-point {
height: 200px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .img-point img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .icono {
width: 100%;
max-width: 48px;
min-width: 48px;
height: 100%;
max-height: 48px;
min-height: 48px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .texto {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 8px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .texto .title {
text-align: center;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .texto .title,
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .texto .title * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 20px;
line-height: normal;
color: #0B373C;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .texto .description {
text-align: center;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .texto .description,
.section-puntos-destacados-v2 > .container > .block-points .swiper-wrapper .point .block-text .texto .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: normal;
color: #4e4e4e;
}
@media only screen and (min-width: 991px) {
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-next,
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-prev,
.section-puntos-destacados-v2 > .container > .block-points .swiper-pagination {
display: none;
}
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-next,
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-prev {
color: #3C5F63;
top: 0;
left: unset;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-next::after,
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-prev::after {
font-size: 34px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-prev {
right: 97px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-button-next {
right: 30px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-pagination {
display: flex;
justify-content: center;
gap: 8px;
}
.section-puntos-destacados-v2 > .container > .block-points .swiper-pagination .swiper-pagination-bullet-active {
background: #3C5F63;
width: 22px;
border-radius: 24px;
}
.section-puntos-destacados-v3 {
margin: 64px 0;
}
.section-puntos-destacados-v3 .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-puntos-destacados-v3 .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-puntos-destacados-v3 .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-puntos-destacados-v3 .container .container-pretitle .pretitle,
.section-puntos-destacados-v3 .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-puntos-destacados-v3 .container .cabecera {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 48px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v3 .container .cabecera {
flex-direction: column;
justify-content: flex-start;
gap: 8px;
margin-bottom: 32px;
}
}
.section-puntos-destacados-v3 .container .cabecera .title {
width: fit-content;
max-width: 50%;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v3 .container .cabecera .title {
max-width: unset;
}
}
.section-puntos-destacados-v3 .container .cabecera .title,
.section-puntos-destacados-v3 .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v3 .container .cabecera .title,
.section-puntos-destacados-v3 .container .cabecera .title * {
font-size: 38px;
}
}
.section-puntos-destacados-v3 .container .cabecera .content {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 40%;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v3 .container .cabecera .content {
max-width: unset;
margin-bottom: 0;
}
}
.section-puntos-destacados-v3 .container .cabecera .content .description,
.section-puntos-destacados-v3 .container .cabecera .content .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-puntos-destacados-v3 .container .img {
display: flex;
width: 100%;
height: auto;
margin-bottom: 48px;
}
.section-puntos-destacados-v3 .container .img img {
width: 100%;
height: auto;
object-fit: contain;
}
.section-puntos-destacados-v3 .container .block-points {
display: flex;
justify-content: space-between;
gap: 32px;
margin-bottom: 48px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v3 .container .block-points {
flex-direction: column;
justify-content: flex-start;
margin-bottom: 32px;
}
}
.section-puntos-destacados-v3 .container .block-points .point {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
width: 200px;
}
@media only screen and (max-width: 990px) {
.section-puntos-destacados-v3 .container .block-points .point {
align-items: center;
width: 100%;
}
}
.section-puntos-destacados-v3 .container .block-points .point .p-icon img {
width: 30px;
height: 30px;
object-fit: contain;
object-position: top left;
}
.section-puntos-destacados-v3 .container .block-points .point .p-title,
.section-puntos-destacados-v3 .container .block-points .point .p-title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: #0B373C;
}
.section-puntos-destacados-v3 .container .block-points .point .p-description,
.section-puntos-destacados-v3 .container .block-points .point .p-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #4E4E4E;
}
.section-texto-slider-automatico-v1 {
position: relative;
padding: 64px 0 64px;
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 {
background: #F4F8EB;
padding: 0;
}
}
.section-texto-slider-automatico-v1 .container {
display: flex;
align-items: center;
border-radius: 0px 24px 24px 0px;
background: #F4F8EB;
min-height: 621px;
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container {
min-height: unset;
padding-top: 40px;
padding-bottom: 40px;
border-radius: 0;
}
}
.section-texto-slider-automatico-v1 .container > .block-text {
width: 100%;
}
.section-texto-slider-automatico-v1 .container > .block-text .pretitle {
margin-bottom: 8px;
}
.section-texto-slider-automatico-v1 .container > .block-text .pretitle,
.section-texto-slider-automatico-v1 .container > .block-text .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-texto-slider-automatico-v1 .container > .block-text .title {
margin-bottom: 8px;
}
.section-texto-slider-automatico-v1 .container > .block-text .title,
.section-texto-slider-automatico-v1 .container > .block-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container > .block-text .title,
.section-texto-slider-automatico-v1 .container > .block-text .title * {
font-size: 38px;
}
}
.section-texto-slider-automatico-v1 .container > .block-text .description {
margin-bottom: 24px;
}
.section-texto-slider-automatico-v1 .container > .block-text .description,
.section-texto-slider-automatico-v1 .container > .block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container > .block-text .description,
.section-texto-slider-automatico-v1 .container > .block-text .description * {
font-size: 20px;
}
}
.section-texto-slider-automatico-v1 .container .block-ctas {
display: flex;
gap: 8px;
margin-bottom: 24px;
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container .block-ctas {
flex-direction: column;
gap: 16px;
margin-bottom: 8px;
}
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container .block-ctas a {
width: 100%;
justify-content: center;
}
}
.section-texto-slider-automatico-v1 .container .footer-text {
margin-bottom: 24px;
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container .footer-text {
margin-bottom: 0;
}
}
.section-texto-slider-automatico-v1 .container .footer-text,
.section-texto-slider-automatico-v1 .container .footer-text * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #6B6B6B;
}
@media only screen and (min-width: 1400px) {
.section-texto-slider-automatico-v1 .container {
position: relative;
}
}
@media only screen and (min-width: 1150px) {
.section-texto-slider-automatico-v1 .container {
padding-left: 125px;
}
}
@media only screen and (min-width: 1150px) {
.section-texto-slider-automatico-v1 .container > .block-text {
max-width: 485px;
}
}
@media only screen and (max-width: 1149px) {
.section-texto-slider-automatico-v1 .container > .block-text {
max-width: 450px;
}
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container > .block-text {
max-width: unset;
}
}
.section-texto-slider-automatico-v1 .container .block-slider {
height: auto;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-texto-slider-automatico-v1 .container .block-slider {
margin-bottom: 24px;
}
}
@media only screen and (min-width: 991px) {
.section-texto-slider-automatico-v1 .container .block-slider {
position: absolute;
top: 0;
bottom: 0;
right: 8px;
margin: auto;
height: 500px;
width: 500px;
}
}
@media only screen and (min-width: 1400px) {
.section-texto-slider-automatico-v1 .container .block-slider {
right: -108px;
}
}
@media only screen and (min-width: 1150px) {
.section-texto-slider-automatico-v1 .container .block-slider {
height: 553px;
width: 553px;
}
}
.section-texto-slider-automatico-v1 .container .block-slider .slider-imgs {
height: 100%;
width: 100%;
}
.section-texto-slider-automatico-v1 .container .block-slider .slider-imgs .item-img img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 12px;
}
.section-video {
margin: 48px 0 80px;
}
.section-video .container .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-video .container .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-video .container .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-video .container .container-pretitle .pretitle,
.section-video .container .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-video .container .cabecera {
margin-bottom: 24px;
}
.section-video .container .cabecera .title {
margin-bottom: 16px;
}
.section-video .container .cabecera .title,
.section-video .container .cabecera .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 38px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-video .container .cabecera .title,
.section-video .container .cabecera .title * {
font-size: 38px;
}
}
.section-video .container .cabecera .content {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.section-video .container .cabecera .content .description {
max-width: 40%;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-video .container .cabecera .content .description {
max-width: unset;
}
}
.section-video .container .cabecera .content .description,
.section-video .container .cabecera .content .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-video .container .block-video {
display: flex;
width: 100%;
justify-content: center;
}
.section-video .container .block-video .video {
position: relative;
width: 720px;
height: 405px;
border-radius: 16px;
overflow: hidden;
}
.section-video .container .block-video .video .play {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: fit-content;
height: fit-content;
margin: auto;
cursor: pointer;
}
.section-video .popup-video {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000;
}
.section-video .popup-video .popup-video-content {
position: relative;
width: 100%;
max-width: 70%;
}
.section-video .popup-video .popup-video-content video {
width: 100%;
height: auto;
border-radius: 16px;
overflow: hidden;
}
.section-video .popup-video .close-btn {
position: absolute;
top: -10px;
right: -10px;
background-color: white;
border: none;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 38px;
cursor: pointer;
line-height: 0;
z-index: 99;
}
.section-folletos-v1 {
margin: 64px 0;
}
.section-folletos-v1 .container .cabecera {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.section-folletos-v1 .container .cabecera .container-pretitle {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 16px;
}
.section-folletos-v1 .container .cabecera .container-pretitle .pretitle-icono {
width: 32px;
height: 32px;
}
.section-folletos-v1 .container .cabecera .container-pretitle .pretitle-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.section-folletos-v1 .container .cabecera .container-pretitle .pretitle,
.section-folletos-v1 .container .cabecera .container-pretitle .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-folletos-v1 .container .cabecera .container-title-description {
display: flex;
justify-content: space-between;
margin-bottom: 48px;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .cabecera .container-title-description {
flex-direction: column;
justify-content: flex-start;
gap: 8px;
margin-bottom: 32px;
}
}
.section-folletos-v1 .container .cabecera .container-title-description .title {
width: fit-content;
max-width: 50%;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .cabecera .container-title-description .title {
max-width: unset;
}
}
.section-folletos-v1 .container .cabecera .container-title-description .title,
.section-folletos-v1 .container .cabecera .container-title-description .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .cabecera .container-title-description .title,
.section-folletos-v1 .container .cabecera .container-title-description .title * {
font-size: 38px;
}
}
.section-folletos-v1 .container .cabecera .container-title-description .description {
margin-bottom: 32px;
width: fit-content;
max-width: 40%;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .cabecera .container-title-description .description {
max-width: unset;
margin-bottom: 0;
}
}
.section-folletos-v1 .container .cabecera .container-title-description .description,
.section-folletos-v1 .container .cabecera .container-title-description .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #4E4E4E;
}
.section-folletos-v1 .container .folletos .swiper {
overflow: visible;
}
@media only screen and (min-width: 991px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper {
border-radius: 24px;
overflow: hidden;
width: 100%;
max-width: 100%;
display: grid;
grid-template-columns: repeat(3, 1fr);
box-shadow: 0px 89px 25px 0px rgba(102, 102, 102, 0), 0px 57px 23px 0px rgba(102, 102, 102, 0.01), 0px 32px 19px 0px rgba(102, 102, 102, 0.05), 0px 14px 14px 0px rgba(102, 102, 102, 0.09), 0px 4px 8px 0px rgba(102, 102, 102, 0.1);
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 24px;
padding: 32px;
overflow: hidden;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto {
border-radius: 24px;
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .indicador,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .indicador * {
font-family: DM Sans, sans-serif;
font-weight: 700;
font-size: 90px;
line-height: normal;
color: #0B373C;
transition: .3s;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .indicador,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .indicador * {
color: #FFF;
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
max-width: 242px;
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .titulo,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .titulo * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: normal;
color: #0B373C;
transition: .3s;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .titulo,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .titulo * {
color: #FFF;
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .descripcion,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .descripcion * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: normal;
color: #4E4E4E;
transition: .3s;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .descripcion,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .descripcion * {
color: #FFF;
}
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .cta_folleto {
background: #769229;
color: #EFF4E0;
transition: 0s;
border-color: #769229;
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .cta_folleto svg,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .contenido .cta_folleto svg path {
stroke: #EFF4E0;
transition: 0s;
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .imagen-fondo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
opacity: 0;
transition: .3s;
z-index: -1;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .imagen-fondo {
opacity: 1;
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .imagen-fondo::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
background: rgba(0, 0, 0, 0.5) !important;
opacity: 0;
transition: .3s;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .imagen-fondo::after {
opacity: 1;
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto .imagen-fondo img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .indicador,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .indicador *,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .contenido .titulo,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .contenido .titulo *,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .contenido .descripcion,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .contenido .descripcion * {
color: #FFF;
transition: .3s;
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .cta_folleto {
background: #769229;
color: #EFF4E0;
transition: 0s;
border-color: #769229;
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .cta_folleto svg,
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .cta_folleto svg path {
stroke: #EFF4E0;
transition: 0s;
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .imagen-fondo {
opacity: 1;
transition: .3s;
}
.section-folletos-v1 .container .folletos .swiper .swiper-wrapper .folleto:hover .imagen-fondo::after {
opacity: 1;
transition: .3s;
}
.section-folletos-v1 .container .folletos .swiper .navigation {
position: relative;
display: flex;
justify-content: flex-end;
gap: 16px;
margin-bottom: 24px;
}
.section-folletos-v1 .container .folletos .swiper .navigation .swiper-button-next,
.section-folletos-v1 .container .folletos .swiper .navigation .swiper-button-prev {
position: relative;
color: #3C5F63;
bottom: unset;
top: unset;
left: unset;
right: unset;
}
@media only screen and (min-width: 991px) {
.section-folletos-v1 .container .folletos .swiper .navigation .swiper-button-next,
.section-folletos-v1 .container .folletos .swiper .navigation .swiper-button-prev {
display: none;
}
}
.section-folletos-v1 .container .folletos .swiper .navigation .swiper-button-next::after,
.section-folletos-v1 .container .folletos .swiper .navigation .swiper-button-prev::after {
font-size: 33px !important;
}
.section-folletos-v1 .container .folletos .swiper .swiper-pagination {
position: relative;
bottom: unset;
top: unset;
left: unset;
right: unset;
display: flex;
justify-content: center;
gap: 8px;
margin-top: 24px;
}
@media only screen and (min-width: 991px) {
.section-folletos-v1 .container .folletos .swiper .swiper-pagination {
display: none;
}
}
.section-folletos-v1 .container .folletos .swiper .swiper-pagination .swiper-pagination-bullet-active {
background: #3C5F63;
width: 22px;
border-radius: 24px;
}
.section-folletos-v1 .popup-folleto {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
background: rgba(0, 0, 0, 0.5);
z-index: 999999;
justify-content: center;
align-items: center;
}
.section-folletos-v1 .popup-folleto.active {
display: flex;
}
.section-folletos-v1 .popup-folleto .popup-content {
position: relative;
width: 85%;
max-height: 80%;
height: fit-content;
background: linear-gradient(0deg, rgba(38, 41, 38, 0.75) 0%, rgba(38, 41, 38, 0.75) 100%), url("../img/footer/background_footer.webp") no-repeat center/cover, linear-gradient(0deg, #0B373C 0%, #0B373C 100%), #FFF;
box-shadow: 0px 89px 25px 0px rgba(102, 102, 102, 0), 0px 57px 23px 0px rgba(102, 102, 102, 0.01), 0px 32px 19px 0px rgba(102, 102, 102, 0.05), 0px 14px 14px 0px rgba(102, 102, 102, 0.09), 0px 4px 8px 0px rgba(102, 102, 102, 0.1);
border-radius: 24px;
padding: 48px 64px;
overflow-y: auto;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content {
width: 95%;
max-height: 95%;
padding: 0;
}
}
.section-folletos-v1 .popup-folleto .popup-content .close {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
width: 48px;
height: 48px;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .close {
top: 24px;
right: 16px;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content {
display: flex;
gap: 40px;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .container-content {
flex-direction: column;
gap: 24px;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 {
padding: 24px 16px 0;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .logo-light {
width: 168px;
height: auto;
object-fit: contain;
margin-bottom: 40px !important;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .logo-light {
width: 100px;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .pretitle {
margin-bottom: 8px !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .pretitle,
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
text-transform: uppercase;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .title {
margin-bottom: 24px !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .title,
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .title,
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .title * {
font-size: 28px;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .description,
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .description,
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-1 .description * {
font-size: 14px;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 {
border-radius: 16px;
background: rgba(38, 38, 38, 0.3);
backdrop-filter: blur(5px);
width: 100%;
padding: 24px;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 {
padding: 16px;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form .gform_confirmation_message,
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form .gform_confirmation_message * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 22px;
line-height: normal;
color: #DEE8C0;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form .gform-loader {
border-block-end-color: #dee8c0 !important;
border-inline-start-color: #dee8c0 !important;
width: 32px !important;
height: 32px !important;
border-width: 4px !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form .gform_required_legend {
display: none !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form .gform_fields {
gap: 18px 0 !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form label {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #DEE8C0;
margin-bottom: 5px !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form label .gfield_required {
display: none !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form label a {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #84A42E;
transition: .3s;
text-decoration: underline;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form label a:hover {
color: #DEE8C0;
transition: .3s;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="text"],
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="tel"],
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="email"] {
border-radius: 10px !important;
background: rgba(224, 224, 224, 0.3) !important;
backdrop-filter: blur(7.5px) !important;
padding: 8px 12px !important;
height: fit-content;
color: #DEE8C0;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form .gfield--type-consent {
padding: 11px;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="checkbox"] {
border-radius: 2px;
border: 2px solid #DFE7C7;
background: transparent !important;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="checkbox"]::before {
color: #DFE7C7;
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="submit"] {
display: flex !important;
width: fit-content !important;
padding: 12px 24px !important;
color: #0B373C !important;
font-weight: 600 !important;
font-size: 18px !important;
border-radius: 55px !important;
border: 2px solid #DEE8C0 !important;
background: #DEE8C0 !important;
margin-left: auto !important;
}
@media only screen and (max-width: 990px) {
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="submit"] {
width: 100% !important;
}
}
.section-folletos-v1 .popup-folleto .popup-content .container-content .bloque-2 .block-form input[type="submit"]:hover {
background: #dee8c09d !important;
}
/*===============
# Integraciones
===============*/
.integraciones-css .banner {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 16px;
width: fit-content;
max-width: 90%;
padding: 24px;
margin: 24px auto;
background-color: #F4F8EB;
border: 1px solid #93B633;
border-radius: 24px;
}
@media only screen and (max-width: 990px) {
.integraciones-css .banner {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 767px) {
.integraciones-css .banner {
flex-direction: column;
gap: 8px;
align-items: flex-start;
width: 100%;
max-width: unset;
}
}
.integraciones-css .banner .icono-banner {
width: 48px;
height: 48px;
min-width: 48px;
min-height: 48px;
max-width: 48px;
max-height: 48px;
}
.integraciones-css .banner .icono-banner img {
width: 100%;
height: 100%;
object-fit: contain;
}
.integraciones-css .banner .texto-banner,
.integraciones-css .banner .texto-banner * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: normal;
color: #84A42E;
}
@media only screen and (max-width: 990px) {
.integraciones-css .banner .texto-banner {
width: calc(100% - 48px - 24px);
}
}
@media only screen and (max-width: 767px) {
.integraciones-css .banner .texto-banner {
width: 100%;
}
}
@media only screen and (max-width: 990px) {
.integraciones-css .banner .cta-banner {
width: 100%;
justify-content: center;
}
}
@media only screen and (max-width: 767px) {
.integraciones-css .banner .cta-banner {
margin-top: 8px;
}
}
.integraciones-css .description-plan {
margin: 24px 0;
}
.integraciones-css .description-plan,
.integraciones-css .description-plan * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: 1.2;
color: #4E4E4E;
}
.integraciones-css .p-imagen {
display: flex;
border-radius: 16px;
box-shadow: 0px 14px 14px 0px rgba(102, 102, 102, 0.09);
overflow: hidden;
max-width: 768px;
margin: 16px auto;
}
.integraciones-css .p-imagen img {
width: 100%;
height: 100%;
object-fit: contain;
}
.integraciones-css .links {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
margin: 24px 0;
}
@media only screen and (max-width: 767px) {
.integraciones-css .links {
grid-template-columns: repeat(1, 1fr);
gap: 24px;
}
}
.integraciones-css .links .link {
display: flex;
flex-direction: column;
gap: 12px;
}
.integraciones-css .links .link .cta_p {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #84A42E;
display: flex;
align-items: center;
gap: 8px;
}
.integraciones-css .links .link .cta_p::after {
content: url('data:image/svg+xml,');
position: relative;
width: 25px;
height: 25px;
}
.integraciones-css .lista-description {
margin-bottom: 16px;
}
.integraciones-css .lista {
display: flex;
flex-direction: column;
gap: 24px;
margin-top: 16px;
margin-bottom: 16px;
}
.integraciones-css .lista .elemento {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 16px;
}
.integraciones-css .lista .elemento .el-index {
width: 12px;
height: 12px;
max-width: 12px;
max-height: 12px;
min-width: 12px;
min-height: 12px;
background-color: #93B633;
border-radius: 50%;
}
.integraciones-css .lista .elemento .el-description,
.integraciones-css .lista .elemento .el-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #0B373C;
}
.integraciones-css .paso {
display: flex;
gap: 16px;
width: 100%;
margin: 24px 0;
}
@media only screen and (max-width: 990px) {
.integraciones-css .paso {
max-width: unset;
}
}
@media only screen and (max-width: 767px) {
.integraciones-css .paso {
flex-direction: column;
gap: 8px;
}
}
.integraciones-css .paso .column-one .p-index {
width: 40px;
}
.integraciones-css .paso .column-one .p-index,
.integraciones-css .paso .column-one .p-index * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 28px;
line-height: 1.2;
color: #93B633;
}
.integraciones-css .paso .column-two {
width: 100%;
}
.integraciones-css .paso .column-two .description-plan,
.integraciones-css .paso .column-two .description-plan *,
.integraciones-css .paso .column-two .p-description,
.integraciones-css .paso .column-two .p-description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #4E4E4E;
font-size: 16px !important;
}
.integraciones-css .paso .column-two .p-icono {
display: flex;
width: 18px;
min-width: 18px;
max-width: 18px;
height: 18px;
min-height: 18px;
max-height: 18px;
}
.integraciones-css .paso .column-two .p-icono img {
width: 100%;
height: 100%;
object-fit: contain;
}
.integraciones-css .paso .column-two > :last-child {
margin-bottom: 0 !important;
}
.integraciones-css .integraciones-table {
overflow-x: auto;
}
.integraciones-css .integraciones-table table {
margin-top: 16px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
border-radius: 16px;
overflow: hidden;
}
.integraciones-css .integraciones-table table tr {
border-bottom: 1px solid #93B633;
}
.integraciones-css .integraciones-table table tr th,
.integraciones-css .integraciones-table table tr td {
padding: 16px 100px;
text-align: center;
}
@media only screen and (max-width: 990px) {
.integraciones-css .integraciones-table table tr th,
.integraciones-css .integraciones-table table tr td {
padding: 16px 40px;
}
}
.integraciones-css .integraciones-table table tr th {
background-color: #F4F8EB;
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #0B373C;
}
.integraciones-css .integraciones-table table tr td {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
color: #0B373C;
}
.integraciones-css .integraciones-table::-webkit-scrollbar {
height: 8px;
}
.integraciones-css .integraciones-table::-webkit-scrollbar-track {
background: #e7ecec;
}
.integraciones-css .integraciones-table::-webkit-scrollbar-thumb {
background-color: #c1c1c1;
border-radius: 6px;
border: 3px solid #aeaeae;
}
.integraciones-css .integraciones-table::-webkit-scrollbar-thumb:hover {
background-color: #aeaeae;
}
.integraciones-css .integraciones-table * {
scrollbar-width: thin;
scrollbar-color: #c1c1c1 #aeaeae;
}
/*======
# Blog
======*/
.section-grid-posts {
padding: 40px 0;
}
.section-grid-posts .container .title {
margin-bottom: 32px;
}
.section-grid-posts .container .title,
.section-grid-posts .container .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: 1.2;
color: #131313;
}
.section-grid-posts .container .description {
margin-top: 8px;
}
.section-grid-posts .container .description,
.section-grid-posts .container .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.2;
color: #131313;
}
.section-grid-posts .container .category-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 48px;
}
.section-grid-posts .container .category-list .category-item {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #181818;
display: flex;
width: fit-content;
border-radius: 16px;
border: 1px solid #181818;
background: #FFF;
padding: 8px 10px;
backdrop-filter: blur(6px);
transition: .6s;
}
.section-grid-posts .container .category-list .category-item:hover {
color: #586D1F;
border-color: #586D1F;
transition: .6s;
}
.section-grid-posts .container .category-list .category-item.active {
color: #FFF;
border-color: #131313;
background: #131313;
backdrop-filter: none;
}
.section-grid-posts .container .container-grid-posts .grid-posts {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
margin-bottom: 32px;
}
@media only screen and (max-width: 990px) {
.section-grid-posts .container .container-grid-posts .grid-posts {
grid-template-columns: repeat(1, 1fr);
}
}
.section-grid-posts .container .container-grid-posts .container-pagination {
padding-top: 20px;
border-top: 1px solid #EAECF0;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 8px;
height: 40px;
width: 40px;
transition: .3s;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.current, .section-grid-posts .container .container-grid-posts .container-pagination .page-numbers:hover {
background: #F4F8EB;
transition: .3s;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.prev, .section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.next {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.2;
color: #6B6B6B;
height: auto;
width: auto;
transition: .3s;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.prev:hover, .section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.next:hover {
background: transparent;
color: #84A42E;
transition: .3s;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.prev.disabled, .section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.next.disabled {
color: #797979;
cursor: default;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.prev {
margin-right: auto;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.prev svg {
margin-right: 8px;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.next {
margin-left: auto;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.next svg {
margin-left: 8px;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.dots, .section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.current {
cursor: default;
}
.section-grid-posts .container .container-grid-posts .container-pagination .page-numbers.dots:hover {
background: transparent !important;
}
.section-grid-posts .container .container-grid-posts .container-pagination .pagination {
display: flex;
align-items: center;
gap: 2px;
}
@media only screen and (max-width: 990px) {
.section-grid-posts .container .container-grid-posts .container-pagination .pagination {
display: none;
}
}
.section-grid-posts .container .container-grid-posts .container-pagination .pagination-info {
display: flex;
align-items: center;
gap: 2px;
}
@media only screen and (min-width: 991px) {
.section-grid-posts .container .container-grid-posts .container-pagination .pagination-info {
display: none;
}
}
.section-grid-posts .container .container-grid-posts .container-pagination .pagination-info .page-numbers .copy {
display: none;
}
.section-grid-posts .container .container-grid-posts .container-pagination .pagination-info .info {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #181818;
}
.hero-b {
position: relative;
padding: 200px 0 100px;
background: linear-gradient(180deg, #08272B -3.4%, #0B373C 15.84%);
}
.hero-b .breadcrumb-yoast {
text-align: center;
}
.hero-b .title {
margin-top: 16px;
}
.hero-b .title,
.hero-b .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 68px;
line-height: 1.2;
color: #DEE8C0;
}
.hero-b .description {
margin-top: 8px;
}
.hero-b .description,
.hero-b .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.2;
color: #DEE8C0;
}
.hero-b .img-decoration {
position: absolute;
right: 0;
bottom: 0;
}
.section-last-posts {
padding: 80px 0 40px;
}
.section-last-posts .container .title {
margin-bottom: 48px;
}
.section-last-posts .container .title,
.section-last-posts .container .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: 1.2;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-last-posts .container .title,
.section-last-posts .container .title * {
font-size: 38px;
}
}
.section-last-posts .container .block-posts {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media only screen and (min-width: 991px) {
.section-last-posts .container .block-posts > div:first-child {
grid-row: span 2;
}
}
@media only screen and (max-width: 990px) {
.section-last-posts .container .block-posts {
grid-template-columns: repeat(1, 1fr);
gap: 26px;
}
}
@media only screen and (max-width: 990px) {
.section-last-posts .container .block-posts .post .post-thumbnail {
height: 250px !important;
}
}
.section-last-posts .container .block-posts .post-general .post-thumbnail {
height: 354px;
}
.section-last-two-posts {
padding: 40px 0;
background: #F4F4F4;
}
.section-last-two-posts .container .title {
margin-bottom: 48px;
}
.section-last-two-posts .container .title,
.section-last-two-posts .container .title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 50px;
line-height: 1.2;
color: #131313;
}
@media only screen and (max-width: 990px) {
.section-last-two-posts .container .title,
.section-last-two-posts .container .title * {
font-size: 38px;
}
}
.section-last-two-posts .container .block-posts {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media only screen and (max-width: 990px) {
.section-last-two-posts .container .block-posts {
grid-template-columns: repeat(1, 1fr);
gap: 26px;
}
}
@media only screen and (max-width: 990px) {
.section-last-two-posts .container .block-posts .post .post-thumbnail {
height: 250px !important;
}
}
/*========
# Footer
========*/
/*-- Footer --*/
footer {
display: flex;
flex-direction: column;
padding: 0 0 100px;
background-image: url("../img/footer/background_footer.webp");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
@media only screen and (max-width: 990px) {
footer {
padding: 0 0 160px;
}
}
footer .section-formulario {
padding: 40px 0;
}
footer .container-footer {
padding-top: 64px;
}
footer .container-footer .container-menus {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-menus {
flex-direction: column;
align-items: center;
gap: 50px;
}
}
footer .container-footer .container-menus .footer-logo {
display: flex;
}
footer .container-footer .container-menus .footer-menus {
display: flex;
gap: 24px;
}
footer .container-footer .container-menus .footer-menus .footer-menu-rrss {
display: none;
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-menus .footer-menus {
display: flex;
flex-direction: column;
width: 100%;
}
footer .container-footer .container-menus .footer-menus .footer-menu-rrss {
display: flex;
flex-direction: column;
gap: 24px;
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: normal;
color: #DEE8C0;
margin-top: 24px;
}
footer .container-footer .container-menus .footer-menus .footer-menu-rrss ul {
display: flex;
gap: 32px;
margin: 0;
padding: 0;
}
footer .container-footer .container-menus .footer-menus .footer-menu-rrss ul li {
display: flex;
}
footer .container-footer .container-menus .footer-menus .footer-menu-rrss ul li img {
width: auto;
height: 16px;
}
}
footer .container-footer .container-menus .footer-menus .footer-col {
display: flex;
flex-direction: column;
width: 166px;
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-menus .footer-menus .footer-col {
width: fit-content;
}
}
footer .container-footer .container-menus .footer-menus .footer-col ul {
list-style: none;
padding: 0;
margin: 0;
}
footer .container-footer .container-menus .footer-menus .footer-col li {
margin-bottom: 8px;
}
footer .container-footer .container-menus .footer-menus .footer-col li a {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #DEE8C0;
transition: .3s;
}
footer .container-footer .container-menus .footer-menus .footer-col li a:hover {
text-decoration: underline;
color: #84A42E;
transition: .3s;
}
footer .container-footer .container-menus .footer-menus .footer-col li.encabezado-footer {
margin-bottom: 16px;
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-menus .footer-menus .footer-col li.encabezado-footer {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0;
margin: 0;
cursor: pointer;
}
footer .container-footer .container-menus .footer-menus .footer-col li.encabezado-footer::after {
content: url('data:image/svg+xml,');
display: block;
width: 24px;
height: 24px;
transition: .6s;
}
}
footer .container-footer .container-menus .footer-menus .footer-col li.encabezado-footer a {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #F4F8EB;
pointer-events: none;
text-transform: uppercase;
opacity: .6;
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-menus .footer-menus .footer-col li:not(.encabezado-footer) {
display: none;
}
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-menus .footer-menus .footer-col.open li.encabezado-footer {
margin-bottom: 16px;
}
footer .container-footer .container-menus .footer-menus .footer-col.open li.encabezado-footer::after {
rotate: -180deg;
}
footer .container-footer .container-menus .footer-menus .footer-col.open li:not(.encabezado-footer) {
display: flex;
animation: fadeInOpen 0.5s forwards;
}
@keyframes fadeInOpen {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
footer .container-footer .container-menus .footer-menus .footer-col.close li.encabezado-footer {
margin-bottom: 16px;
}
footer .container-footer .container-menus .footer-menus .footer-col.close li.encabezado-footer::after {
rotate: 0;
}
footer .container-footer .container-menus .footer-menus .footer-col.close li:not(.encabezado-footer) {
animation: fadeOutClose 0.5s forwards;
}
@keyframes fadeOutClose {
0% {
display: flex;
opacity: 1;
}
100% {
opacity: 0;
display: none;
}
}
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-rrss {
display: none;
}
}
footer .container-footer .container-rrss .footer-menu-rrss ul {
display: flex;
justify-content: flex-start;
width: 100%;
gap: 32px;
margin: 0;
padding: 0;
}
footer .container-footer .container-rrss .footer-menu-rrss ul li.is-lvl-0 {
display: flex;
}
footer .container-footer .container-rrss .footer-menu-rrss ul li.is-lvl-0 img {
width: auto;
height: 16px;
}
footer .container-footer .container-legales {
display: flex;
justify-content: space-between;
margin-top: 40px;
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 12px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
footer .container-footer .container-legales {
flex-direction: column-reverse;
width: 100%;
align-items: center;
gap: 24px;
}
}
footer .container-footer .container-legales .footer-menu-legales ul {
display: flex;
width: fit-content;
gap: 24px;
}
footer .container-footer .container-legales .footer-menu-legales ul li {
display: flex;
}
footer .container-footer .container-legales .footer-menu-legales ul li a {
transition: .3s;
}
footer .container-footer .container-legales .footer-menu-legales ul li a:hover {
text-decoration: underline;
color: #84A42E;
transition: .3s;
}
footer .container-footer .container-legales .footer-menu-legales ul li .sub-menu {
display: none;
}
/*-- Footer -> Section Formulario --*/
.section-formulario .container-custom {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 990px) {
.section-formulario .container-custom {
flex-direction: column;
gap: 24px;
}
}
.section-formulario .container-custom .block-text {
width: 40%;
}
@media only screen and (max-width: 990px) {
.section-formulario .container-custom .block-text {
width: 100%;
}
}
.section-formulario .container-custom .block-text .pretitle {
margin-bottom: 8px;
}
.section-formulario .container-custom .block-text .pretitle,
.section-formulario .container-custom .block-text .pretitle * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #93B633;
}
.section-formulario .container-custom .block-text .title {
margin-bottom: 24px;
}
.section-formulario .container-custom .block-text .title,
.section-formulario .container-custom .block-text .title * {
font-family: DM Sans, sans-serif;
font-weight: 400;
font-size: 50px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.section-formulario .container-custom .block-text .title,
.section-formulario .container-custom .block-text .title * {
font-size: 38px;
}
}
.section-formulario .container-custom .block-text .description,
.section-formulario .container-custom .block-text .description * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 20px;
line-height: normal;
color: #DEE8C0;
}
@media only screen and (max-width: 990px) {
.section-formulario .container-custom .block-text .description,
.section-formulario .container-custom .block-text .description * {
font-size: 20px;
}
}
.section-formulario .container-custom .block-form {
width: 50%;
}
@media only screen and (max-width: 990px) {
.section-formulario .container-custom .block-form {
width: 100%;
}
}
.section-formulario .container-custom .block-form .gform_required_legend {
display: none !important;
}
.section-formulario .container-custom .block-form .gform_fields {
gap: 18px 0 !important;
}
.section-formulario .container-custom .block-form label {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #DEE8C0;
margin-bottom: 5px !important;
}
.section-formulario .container-custom .block-form label .gfield_required {
display: none !important;
}
.section-formulario .container-custom .block-form label a {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: normal;
color: #84A42E;
transition: .3s;
text-decoration: underline;
}
.section-formulario .container-custom .block-form label a:hover {
color: #DEE8C0;
transition: .3s;
}
.section-formulario .container-custom .block-form input[type="text"],
.section-formulario .container-custom .block-form input[type="tel"],
.section-formulario .container-custom .block-form input[type="email"] {
border-radius: 10px !important;
background: rgba(224, 224, 224, 0.3) !important;
backdrop-filter: blur(7.5px) !important;
padding: 8px 12px !important;
height: fit-content;
color: #DEE8C0;
}
.section-formulario .container-custom .block-form .gfield--type-consent {
padding: 11px;
}
.section-formulario .container-custom .block-form input[type="checkbox"] {
border-radius: 2px;
border: 2px solid #DFE7C7;
background: transparent !important;
}
.section-formulario .container-custom .block-form input[type="checkbox"]::before {
color: #DFE7C7;
}
.section-formulario .container-custom .block-form input[type="submit"] {
display: flex !important;
width: fit-content !important;
padding: 12px 24px !important;
color: #0B373C !important;
font-weight: 600 !important;
font-size: 18px !important;
border-radius: 55px !important;
border: 2px solid #DEE8C0 !important;
background: #DEE8C0 !important;
}
@media only screen and (max-width: 990px) {
.section-formulario .container-custom .block-form input[type="submit"] {
width: 100% !important;
}
}
.section-formulario .container-custom .block-form input[type="submit"]:hover {
background: #dee8c09d !important;
}
/*===========
# ScrollTop
===========*/
#scroll_top {
display: none;
opacity: 0;
transition: opacity 0.5s ease-in-out;
justify-content: center;
align-items: center;
height: 38px;
width: 38px;
background: #93B633;
border: 1px solid #FFF;
border-radius: 32px;
backdrop-filter: blur(2px);
position: fixed;
bottom: 50px;
right: 64px;
z-index: 1;
cursor: pointer;
}
#scroll_top.active {
opacity: 1;
transition: opacity 0.5s ease-in-out;
}
@media only screen and (max-width: 990px) {
#scroll_top {
bottom: 100px;
right: 15px;
}
}
/*--------------------------------------------------------------
# Templates Parts
--------------------------------------------------------------*/
/*
* .post
* .post-article
* .post-general
*/
.post:hover .post-thumbnail img {
transform: scale(1.5);
transition: .6s;
}
.post:hover .read-more,
.post:hover .block-content .read-more {
overflow: visible;
color: #84A42E;
}
.post:hover .read-more::before,
.post:hover .block-content .read-more::before {
right: 0%;
opacity: 1;
transition: .6s;
}
.post:hover .read-more .icon svg path,
.post:hover .block-content .read-more .icon svg path {
stroke: #84A42E;
}
.post .post-thumbnail {
display: flex;
border-radius: 24px;
overflow: hidden;
height: 100%;
}
@media only screen and (max-width: 990px) {
.post .post-thumbnail {
height: 211px !important;
}
}
.post .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
transition: .6s;
}
.post .post-categories {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 16px;
}
@media only screen and (max-width: 990px) {
.post .post-categories {
display: none;
}
}
.post .post-categories .category-tag {
display: flex;
padding: 8px 10px;
border-radius: 16px;
background: #131313;
}
.post .post-categories .category-tag,
.post .post-categories .category-tag * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #FFF;
}
.post .post-date {
margin-bottom: 8px;
}
.post .post-date,
.post .post-date * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #6B6B6B;
}
.post .post-title {
margin-bottom: 8px;
}
.post .post-title,
.post .post-title * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 28px;
line-height: 1.2;
color: #131313;
}
.post .post-summary {
margin-bottom: 16px;
}
.post .post-summary,
.post .post-summary * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.2;
color: #4E4E4E;
}
.post .read-more {
position: relative;
width: fit-content;
overflow: hidden;
display: inline-flex;
align-items: center;
gap: 8px;
}
.post .read-more,
.post .read-more * {
font-family: DM Sans, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 1.2;
color: #0B373C;
}
@media only screen and (max-width: 990px) {
.post .read-more,
.post .read-more * {
font-size: 16px;
}
}
.post .read-more::before {
content: '';
position: absolute;
bottom: 0;
right: 100%;
height: 1px;
width: 100%;
background-color: #84A42E;
transition: .6s;
opacity: 0;
}
.post .read-more .icon {
display: flex;
width: fit-content;
height: fit-content;
}
@media only screen and (min-width: 991px) {
.post .read-more .icon {
display: none;
}
}
.post-archive {
display: flex;
gap: 16px;
}
@media only screen and (max-width: 990px) {
.post-archive {
flex-direction: column;
}
}
.post-archive .block-img {
min-width: 50%;
width: 50%;
}
@media only screen and (max-width: 990px) {
.post-archive .block-img {
min-width: 100%;
width: 100%;
}
}
.post-archive .block-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.post-general .post-thumbnail {
height: 246px;
margin-bottom: 16px;
}
/*--------------------------------------------------------------
# Templates Parts
--------------------------------------------------------------*/