/* http://themestate.com/demo/geopoint/ */
:root {
  /* EDIT: Settings */
  --actions-gap: 16px;
  --actions-margin: 32px;
  --breadcrumb-gap: 16px;
  --card-logo-aspect-ratio: 1.3;
  --card-logo-img-max-width:  min(180px, 75%);
  --card-logo-img-max-height:  min(60px, 75%);
  --card-logo-shadow: 0 2px 4px rgba(0, 0, 0, .25);
  --pager-btn-size: calc(var(--body-sm-font-size) * 3);
  --pager-gap: var(--width-border-radius);
  --scrollbar-color: var(--color-lime);
  --scrollbar-background: var(--color-green);
  --transition-time: .5s;
  --transition-time-slow: 1.5s;
  --transition-time-fast: .2s;
  --transition: all var(--transition-time) ease-in-out;
  --transition-slow: all var(--transition-time-slow) ease-in-out;
  --transition-fast: all var(--transition-time-fast) ease-in-out;
  --letter-effect-size: 3px;
  --effects-time: .3s;
  --effects-delay: .2s;
  --preheader-height: 25px;
  --header-height: 110px;
  --related-height: 280px;
  --border-width-effect: 1px;
  /* scroll */
  --scrollbar-background: var(--color-cream);
  --scrollbar-color: var(--color-bronze);
  --text-shadow: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-white-darker);
  --text-shadow-xl: 0 1px 4px rgba(var(--color-black-rgb), .1), 0 4px 16px rgba(var(--color-black-rgb), .2);

  --box-shadow-closest: 0 0 var(--width-gap-xs) rgba(var(--color-black-rgb), .1);
  --box-shadow: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .1);
  --box-shadow-white: 0 0 var(--width-gap-lg) rgba(var(--color-white-rgb), .1);
  --box-shadow-soft: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .05);
  --box-shadow-soft-hover: 0 var(--width-gap-sm) var(--width-gap) rgba(var(--color-black-rgb), .2);
  --box-shadow-lg: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .1);
  --box-shadow-lg-dark: 0 0 var(--width-gap-lg) rgba(var(--color-black-rgb), .3);
  --box-shadow-outline: 0 0 0 var(--letter-effect-size) rgba(var(--color-white-softer-rgb), .5);
  --box-shadow-letters: var(--letter-effect-size) var(--letter-effect-size) 0 var(--color-blue);
  --box-shadow-letters-hover: calc(var(--letter-effect-size) * 1.5) calc(var(--letter-effect-size) * 1.5) 0 rgba(var(--color-blue-rgb), .2);
  --contact-height: 300px;
  --placeholder-font: var(--body-font);
  --fields-gap: var(--width-gap);
  --input-padding: var(--width-gap-sm) !important;
  --input-outline: var(--width-border-width) solid var(--color-cream);
  --input-outline-offset: calc(0px - var(--width-border-width));
  --input-hover-outline: var(--width-border-width) solid var(--color-cream);
  --input-background: var(--color-white-softer);
  --input-border-radius: var(--width-border-radius);
  --input-color: var(--color-text);
  --input-hover-color: var(--color-text-darker);
  --checkbox-background: var(--color-white-darker);
  --checkbox-checked-background: var(--color-cream);
  --checkbox-checked-color: var(--color-bronze-dark);
}



@media only screen and (max-width: 1680px){
}
/* laptop */
@media only screen and (max-width: 1366px){
  :root{
    --header-height: 90px;
    --input-padding: 12px;
    --related-height: 260px;
  }
}
/* tablet */
@media only screen and (max-width: 1024px){
  :root{
    --related-height: 220px;
  }
}
@media only screen and (max-width: 768px){
  :root{

    --header-height: 80px;
    --fields-columns: 1;

  }
}
/* mobile */
@media only screen and (max-width: 568px){
  :root{
    --header-height: 64px;
  }
}



html{ background-color:var(--color-white);}
body {color: var(--color-black); display: block !important;animation: start .05s forwards;}

/* ANIMATION BODY ON LOAD FROM OPACITY 0 TO 1 */
@keyframes start { 
    50% {opacity: 0;}
    100% {opacity: 1;display: block;}
}

html.lenis, html.lenis body {height: auto;}
.lenis.lenis-smooth {scroll-behavior: auto !important;}
.lenis.lenis-smooth [data-lenis-prevent] {overscroll-behavior: contain;}
.lenis.lenis-stopped {overflow: hidden;}
.lenis.lenis-smooth iframe {pointer-events: none;}

/* NEW heading */

.holder-heading + *{margin-top: var(--width-gap);}
div[class^="heading"] .title {
  text-wrap: pretty;
}
div[class^="heading"][class*="-white"] .title {color: var(--color-white);}
div[class^="heading"][class*="-white"] .subtitle{color: var(--color-lime);}

div[class^="heading"][class*="-green"] .title {color: var(--color-green);}
div[class^="heading"][class*="-green"] .subtitle{color: var(--color-green);}

div[class^="heading"][class*="-lime"] .title {color: var(--color-lime);}
div[class^="heading"][class*="-lime"] .subtitle{color: var(--color-green);}

/* INFO article */

[class^="article"]{font: var(--article-font);text-rendering: optimizeLegibility !important;}
[class^="article"].white{ color: var(--color-white);}
[class^="article"].green{ color: var(--color-green);}
.article strong, [class^="article-"] strong{font-weight: var(--article-font-strong);}
[class^="article"] a{color: var(--color-lime);font-weight: var(--article-font-strong);text-decoration: none;white-space: nowrap;text-decoration: underline;}
[class^="article"] a:is(:hover, :focus){text-decoration: none;}
[class^="article"] ul{display: flex;flex-direction: column;gap: var(--width-gap-xs);padding: 0;padding-left: var(--width-gap-xs);}
[class^="article"] ul + * , [class^="article"] * + ul {margin-top: var(--width-gap-sm);}
[class^="article"] ul > li{position: relative;padding-left: 8px; list-style:square;list-style-position:inherit;}
[class^="article"] ul > li + li{
  margin-top: 0;
}
[class^="article"] ul > li::marker {color: var(--color-lime);}
[class^="article"] :is(h1, h2, h3, h4, h5){font: var(--h-font);color: var(--color-green);}
[class^="article"] :is(h1, h2, h3, h4, h5) + *, [class^="article"] * + :is(h1, h2, h3, h4, h5){margin-top: var(--width-gap) !important;}
[class^="article"] h1{font-size: calc(var(--h-font-size) + 8px);}
[class^="article"] h2{font-size: calc(var(--h-font-size) + 0px);}
[class^="article"] h3{font-size: calc(var(--h-font-size) - 4px);color: var(--color-lime);}
[class^="article"] h5{font-size: calc(var(--h-font-size) - 6px );color: var(--color-gray);}
[class^="article"] img.size-full{border-radius: var(--width-border-radius);}

/* NEW btn */

:is([class^="btn"], [class^="button"], button).current {pointer-events: none;}
[class^="btn"], [class^="button"]{vertical-align: baseline;font: var(--btn-font);line-height: 1;letter-spacing: var(--btn-letter-spacing);text-transform: var(--btn-text-transform);background-color: var(--color-lime);color: var(--color-white);}
[class^="btn"]:is(:hover, :focus), [class^="button"]:is(:hover, :focus){background-color: var(--color-green);color: var(--color-white);}
:is([class^="btn"], [class^="button"], button):is([class*='--white']){background-color: var(--color-white);color: var(--color-lime);}
:is([class^="btn"], [class^="button"], button):is([class*='--white']):is(:hover, :focus){color: var(--color-green);}
/* NEW  common/header */
#header{left: 0;width: 100%;position: fixed;top: 0;z-index: 100;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);height: var(--header-height);--effects-delay: .5s;}
#header > [class^="package"]{padding-right: 0;padding-left: var(--width-gap-sm);}
body.scrollingDown #header, body.scrollingDown #header-shadow{transform: translateY(calc(0px - var(--header-height) * 1.25));transition-delay: .3s;}
#header-shadow{pointer-events: none;background-color: var(--color-black);mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, transparent 100%);display: block;left: 0;right: 0;height: calc(var(--header-height) * 1.25);z-index: 99;position: fixed;top: 0;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);pointer-events: none;
  opacity: .5;}
body.scrollingUp.scrolling #header-shadow{opacity: 1;}
#header a{color: var(--color-white);text-decoration: none;}
#header .content {display: flex;height: var(--header-height);align-items: center;gap: 0;justify-content: flex-start;}
#header .content > .logo{z-index: 2;position: relative;flex-shrink: 0;}
#header .content > .logo img{height: calc(var(--header-height) * .5);width: auto;-webkit-transition: var(--transition-slow);transition: var(--transition-slow);}
body.scrolling #header .content > .logo img{transition-delay: var(--effects-delay);filter: brightness(4);}
#header .content > .language-switcher > a{font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);line-height: var(--header-height);display: flex;align-items: center;gap: var(--width-gap-xs);padding: 0 var(--btn-padding);text-decoration: none;color: var(--color-white);white-space: nowrap;}
#header .content > .language-switcher > a > [class^="material"]{line-height: 0;display: inline-flex;}
#header .content > .language-switcher > a:is(:hover, :focus){background-color: rgba(var(--color-lime-rgb), .5);}
#header .content > .mobile-menu > a {display: flex;height: var(--header-height);width: var(--header-height);align-items: center;justify-content: center;}
#header .content > .mobile-menu > a:is(:hover, :focus){color: var(--color-white-softer);background-color: rgba(var(--color-bronze-rgb), .5);}
#header .content > .mobile-menu > a > span{display: flex;position: relative;aspect-ratio: 1;height: 36px;pointer-events: none;font-size: 1px;color: transparent;}
#header .content > .mobile-menu > a > span::before, #header .content > .mobile-menu > a > span::after{content: "";width: 100%;position: absolute;height: 1px;top: 50%;background-color: var(--color-white);transition: var(--transition-fast);transform-origin: center center;}
#header .content > .mobile-menu > a > span::before{transform: translateY(-3px);}
#header .content > .mobile-menu > a:is(:hover, :focus) > span::before{transform: translateY(-5px);}
#header .content > .mobile-menu > a > span::after{transform: translateY(3px);}
#header .content > .mobile-menu > a:is(:hover, :focus) > span::after{transform: translateY(5px);}
body[mobile-menu] #header .content > .mobile-menu > a{background-color: var(--color-black);}
body[mobile-menu] #header .content > .mobile-menu > a > span::before{transform: rotate(45deg);}
body[mobile-menu] #header .content > .mobile-menu > a > span::after{transform: rotate(-45deg);}
@media only screen and (max-width: 1024px){
  #header .content > .language-switcher > a > [class^="material"]{display: none;}
}
/* NEW #language-switcher */
#language-switcher{position: fixed;inset: 0;z-index: 120;display: flex;align-items: center;justify-content: center;color: var(--color-lime);text-align: center;pointer-events: none;opacity: 0;-webkit-transition: var(--transition);transition: var(--transition);background-color: rgba(var(--color-black-rgb), .5);backdrop-filter: blur(20px);clip-path: circle(0.0% at 100% 0);visibility: hidden;}
body.language-switcher-opened{overflow-y: hidden;}
body.language-switcher-opened #language-switcher{opacity: 1;pointer-events: all;clip-path: circle(200% at 100% 0);visibility: visible;}
#language-switcher > .content{display: flex;flex-direction: column;gap: var(--width-gap);padding: var(--width-gap-lg);background-color: rgba(var(--color-green-rgb), .75);border: 1px solid var(--color-lime);}
#language-switcher > .content > nav{display: flex;gap: var(--width-gap-sm);justify-content: center;}
#language-switcher > .content > nav > .current{opacity: .25;}
@media only screen and (max-width: 768px){
  #language-switcher > .content > nav{flex-direction: column;}
  #language-switcher > .content > nav > a {justify-content: center;}
}
/* NEW common/header/menu */
#menu{display: flex;font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);}
#menu .menu-item > a {display: inline-flex;padding: 0 var(--btn-padding);text-decoration: none;color: var(--color-white);white-space: nowrap;display: block;position: relative;letter-spacing: var(--btn-letter-spacing);transition: var(--transition-fast);}
#menu .menu-item > a:is(:hover, :focus){color: var(--color-white);background-color: rgba(var(--color-lime-rgb), .5);}
#menu .menu-item.current > a{font-weight: var(--btn-font-strong);}
#menu > .menu-item > a {height: calc(var(--header-height) - 1px);display: inline-flex;align-items: center;}
#menu > .menu-item > .submenu{opacity: 0;overflow: hidden;top: calc(100% - var(--width-gap-xs));background-color: rgba(var(--color-white-rgb), .9);outline: 2px solid rgba(var(--color-lime-rgb), 1);outline-offset: -2px;backdrop-filter: blur(8px);left: var(--width-gap-sm);transform: translateY(var(--width-gap-xs)) scale(0);-webkit-transform-origin: left top;transform-origin: left top;min-width:100%;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);clip-path: circle(0.0% at 100% 0);overflow: hidden;box-shadow: var(--box-shadow);}
#menu > .menu-item:hover > .submenu, #menu > .menu-item > a:hover + .submenu{clip-path: circle(200% at 100% 0);opacity: 1;-webkit-transition-delay: .1s;transition-delay: .1s;-webkit-transform: translateY(0);transform: translateY(0);}
#menu > .menu-item > .submenu > .menu-item > a{padding: var(--width-gap-sm); color: var(--color-green);}
#menu > .menu-item > .submenu > .menu-item + .menu-item{border-top: 1px solid rgba(var(--color-gray-rgb), .25);}
#menu > .menu-item > .submenu > .menu-item.current > a, #menu > .menu-item > .submenu > .menu-item > a:is(:hover, :focus){background-color: var(--color-lime);color: var(--color-white);}
/* NEW footer */
#footer{background-color: var(--color-text);position: relative;z-index: 3;background: var(--color-white);}
#footer a{text-decoration: none;color: var(--color-lime);}
#footer a:is(:hover, :focus){color: var(--color-green);}
#footer > [class^="package"] {padding: var(--width-sections-gap);display: flex;flex-direction: column;gap: var(--width-sections-gap);min-height: 50vh;}
#footer > [class^="package"] > .content {flex-grow: 1;display: flex;flex-direction: column;align-items: center;gap: var(--width-gap);justify-content: center;}
#footer > [class^="package"] > .content > .intro{text-align: center;width: min(100%, 800px);}
#footer > [class^="package"] > .copyright{width: 100%;display: flex;justify-content: space-between;gap: var(--width-gap-lg);font: var(--usps-font);letter-spacing: var(--usps-letter-spacing);text-transform: var(--usps-text-transform);}
#footer > [class^="package"] > .holder-logo{display: flex;align-items: center;justify-content: center;}
#footer > [class^="package"] > .holder-logo > .logo > picture > img,
#footer > [class^="package"] > .content > .logo > picture > img{width: 300px;height: auto;display: block;}
#footer > [class^="package"] > .copyright > nav{display: flex;gap: var(--width-gap-sm);}
@media only screen and (max-width: 768px){
  #footer > [class^="package"] > .copyright{text-align: center;flex-direction: column-reverse;align-items: center;}
  #footer > [class^="package"] > .copyright > nav{flex-direction: column;align-items: center;}
}
/* NEW common/contact-methods */
#contact-methods {position: fixed; right: var(--width-gap-xs);bottom: var(--width-gap-xs);display: flex;flex-direction: column;z-index: 110;border-radius: var(--width-border-radius);overflow: hidden;opacity: 0;transform: translateY(100%) scale(0);transform-origin: bottom right;transition: var(--transition-fast);backdrop-filter: blur(16px);background: rgba(var(--color-white-rgb),.75);box-shadow: var(--box-shadow-soft);}
body.scrolling #contact-methods{transform: translateY(0);opacity: 1;}
#contact-methods > a{width: 72px;height: 72px;display: flex;justify-content: center;align-items: center;text-decoration: none;color: var(--color-green);}
#contact-methods > a{transition: var(--transition-fast);}
#contact-methods > a > [class^="material"]{font-size: 40px;}
#contact-methods > a:is(:hover, :focus){background-color: var(--color-lime);color: var(--color-white);}
@media only screen and (max-width: 1024px){
#contact-methods > a{width: 56px;height: 56px;}
#contact-methods > a > [class^="material"]{font-size: 28px;}
}
/* NEW drawer-tidycal */
#drawer-tidycal {position: fixed;top: 0;left: 0;overflow-y: auto;width: min(600px, calc(100vw - var(--width-sections-gap)));bottom: 0;z-index: 120;background-color: var(--color-white);padding: var(--width-gap);box-shadow: var(--box-shadow-soft);pointer-events: none;opacity: 0;transform: translateX(-100%);transition: var(--transition-fast);}
body.tidycal-opened #drawer-tidycal {pointer-events: auto;opacity: 1;transform: translateX(0);}
/* NEW common/blocks/cards */
section.cards .layout-grid-cards {gap: var(--width-sections-gap);}
section.cards .layout-grid-cards > .item{position: sticky;top: 0;display: flex;align-items: flex-start;justify-content: center;;}
section.cards .layout-grid-cards > .item > *{width: 100%;}
section.cards .layout-grid-cards > .item:has(+ .item.is-sticky) > *{filter: blur(var(--blur)) brightness(var(--brightness));transform: scale(var(--scale));transform-origin: top center;}
section.cards .layout-grid-cards > .item.is-sticky + .item:not(.is-sticky) > *{transform: scale(1.02);filter: brightness(1.05) contrast(1.05);-webkit-box-shadow: var(--box-shadow);box-shadow: var(--box-shadow);}
section.cards .layout-grid-cards > .item:nth-child(1){top: calc( var(--header-height) * 1 + var(--width-gap-xs) );--scale: .88;--brightness: .82;--blur: 7px;}
section.cards .layout-grid-cards > .item:nth-child(2){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 2 );--scale: .9;--brightness: .84;--blur: 6px;}
section.cards .layout-grid-cards > .item:nth-child(3){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 3 );--scale: .92;--brightness: .88;--blur: 5px;}
section.cards .layout-grid-cards > .item:nth-child(4){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 4 );--scale: .94;--brightness: .9;--blur: 4px;}
section.cards .layout-grid-cards > .item:nth-child(5){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 5 );--scale: .96;--brightness: .92;--blur: 3px;}
section.cards .layout-grid-cards > .item:nth-child(6){top: calc( var(--header-height) * 1 + var(--width-gap-xs) * 6 );--scale: .98;--brightness: .94;--blur: 2px;}
.card-card{--icon-size: 120px;background-color: var(--color-lime);transition: var(--transition);display: flex;align-items: stretch;flex-direction: column;padding: var(--width-gap);color: var(--color-white);transform-origin: top center;position: relative;}
.card-card picture{position: fixed;top: var(--width-gap);right: var(--width-gap);width: var(--icon-size);aspect-ratio: 1;flex-shrink: 0;}
.card-card picture > img{object-fit: contain;width: 100%;height: 100%;object-position: top right;filter: invert(1);}
.card-card > .info{display: flex;flex-direction: column;gap: var(--width-gap-sm);justify-content: flex-end;flex-grow: 1;padding-top: 20vh;}
.card-card > .info > *{margin: 0 !important;}
.card-card > .info > [class^="item-title"]{line-height: 1;}
.card-card > .info > .name{ text-wrap: balance;}
.card-card > .info > .value{font-weight: var(--item-title-font-strong);font-size: calc(var(--item-title-font-size) * 2);}
@media only screen and (max-width: 1680px){
  .card-card{--icon-size: 100px;}
  .card-card > .info > .value{font-size: calc(var(--item-title-font-size) * 1.5);}
}
@media only screen and (max-width: 1024px){
  .card-card{--icon-size: 80px;}
  .card-card > .info{padding-top: 15vh;}
}
@media only screen and (max-width: 768px){
  .card-card{--icon-size: 48px;}
  .card-card > .info{padding-top: 10vh;}
  .card-card > .info > .value{font-size: var(--item-title-font-size);}
}
/* NEW common/blocks/call_to_action */
section.call_to_action {background-color: var(--color-green);padding: 25vh 0;overflow: hidden;}
section.call_to_action > [class^="package"]{display: flex;align-items: center;height: 100%;}
section.call_to_action > [class^="package"] > .info{width: 100%;text-align: center;}
section.call_to_action > picture{position: absolute;inset: 0;--effects-delay: .5s;}
section.call_to_action > picture > img{width: 100%;height: 100%;object-fit: cover;object-position: center center;filter: brightness(.5) blur(0px);}
@media only screen and (max-width: 1024px){
  section.call_to_action {padding: 15vh 0;}
}
/* NEW common/blocks/call_to_action_phrase */
section.call_to_action_phrase {overflow: hidden;min-height: 75vh;width: 100vw;}
section.call_to_action_phrase > .background-color{position: absolute;aspect-ratio: 1;border-radius: 50%;background-color: var(--color-lime);top: 50%;left: 50%;transform: translate(-50%, -50%) scale(1);transform-origin: center center;width: calc(100vmax * 2);z-index: -1;}
section.call_to_action_phrase > [class^="package"]{display: flex;align-items: center;position: relative;min-height: 75vh;padding: var(--width-sections-gap);}
section.call_to_action_phrase picture{width: 96px; aspect-ratio: 1;margin-bottom: var(--width-gap);filter: invert(1);}
@media only screen and (max-width: 1024px){
  section.call_to_action_phrase { aspect-ratio: 1; }
  section.call_to_action_phrase picture { width: 64px; }
}
@media only screen and (max-width: 568px){
  section.call_to_action_phrase { aspect-ratio: 1; }
  section.call_to_action_phrase picture { width: 40px; }
}
/* NEW common/blocks/title */
section.title {--size: calc(100% / 2.5);position: relative;background-color: var(--color-white);color: var(--color-black);overflow: hidden;}
section.title.counter_0{background-color: var(--color-green);color: var(--color-lime);}
section.title > [class^="package"]{display: flex;width: 100%;height: 75vh;align-items: center;}
section.title.counter_0 > [class^="package"] {padding-top: var(--header-height);height: 100vh;}
section.title > [class^="package"] > .content{padding: var(--width-gap-lg);width:var(--size);}
section.title.background-position-left > [class^="package"] { justify-content: flex-end;}
section.title > .backgrounds{height: 100%;display: flex;align-items: stretch;width: calc(100% - var(--size));position: absolute;top: 0;right: 0; background-color: var(--color-green);}
section.title.background-position-left > .backgrounds{left: 0;right: auto;}
section.title > .backgrounds > picture{ flex-grow: 1; width: 50%; }
section.title > .backgrounds > picture > img{width: 100%;height: 100%;object-fit: cover;object-position: center center;-webkit-transition: var(--transition-fast);transition: var(--transition-fast);}
section.title > .backgrounds > picture:nth-child(1){ --effects-delay: .5s; }
section.title > .backgrounds > picture:nth-child(2){ --effects-delay: 1s; }
section.title::after{display: block;content: " ";position: absolute;bottom: 0;height: var(--width-sections-gap);width: 100%;backdrop-filter: blur(48px) brightness(.99);height: var(--width-sections-gap);mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, transparent 100%);}
@media only screen and (max-width: 1440px){
  section.title{--size: 50%;}
  section.title > .backgrounds{flex-direction: column-reverse;}
  section.title > .backgrounds > picture{flex-grow: 1;width: 100%;height: 50%;}
}
@media only screen and (max-width: 992px){
  section.title{--size: 100%;}
  section.title > [class^="package"] {height: auto !important;min-height: 25vh;}
  section.title.background-position-left > [class^="package"] {flex-direction: column;}
  section.title > [class^="package"] > .content{padding: var(--width-gap-lg);}
  section.title > .backgrounds{position: relative;flex-direction: row-reverse;width: 100%;height: 20vh;}
  section.title > .backgrounds > picture{height: 100%;}
}
section.title_post{padding: calc(var(--width-sections-gap)*2) 0;position: relative;}
section.title_post.counter_0{background-color: var(--color-green);color: var(--color-white); padding-top: calc(var(--width-sections-gap)*2 + var(--header-height));}
section.title_post > picture{position: absolute;top: 0;left: 50%;right: 0;bottom: 0;mask-image: linear-gradient(to right, transparent 0%, #000 100%);mix-blend-mode: multiply;filter: grayscale(1);}
section.title_post > picture > img{width: 100%;height: 100%;object-fit: cover;}
/* NEW common/blocks/welcome */
section.welcome {position: relative;background-color: var(--color-green);color: var(--color-lime);overflow: hidden;}
section.welcome > [class^="package"]{display: flex;width: 100%;height: 100vh;align-items: flex-end;padding: 0;}
section.welcome > [class^="package"] > .content{padding: var(--width-sections-gap);}
section.welcome.counter_0 > [class^="package"] {padding-top: var(--header-height);}
section.welcome .words{display: flex;flex-direction: column;gap:2vmin;}
section.welcome .content > .item-title{--effects-delay: 1.25s;margin-bottom: var(--width-gap);color: var(--color-white);}
section.welcome .words > .word:nth-child(1){ --effects-delay: .25s; }
section.welcome .words > .word:nth-child(2){ --effects-delay: .5s; }
section.welcome .words > .word:nth-child(3){ --effects-delay: .75s; }
section.welcome .words > .word:nth-child(4){ --effects-delay: 1s;}
section.welcome .words > .word:last-child{color: var(--color-white);}
section.welcome .words > .word {font-size: 10vmin;}
section.welcome > .icon{width: 65vmin;aspect-ratio: 1;display: block;position: absolute;right: var(--width-sections-gap);top: var(--width-sections-gap);mask-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 0%, transparent 75%);}
section.welcome > .icon::after{content: "";width: 100%;height: 100%;display: block;background: url(../images/icon-naranjatec.svg) no-repeat center center;background-size: contain;animation:spin 20s linear infinite;}
@keyframes spin { 
    100% {-webkit-transform: rotate(360deg);transform:rotate(360deg);}
}
@media only screen and (max-width: 992px){
  section.welcome > [class^="package"] > .content {padding: var(--width-gap-xl);}
  section.welcome > .icon{width: 75vmin;}
}
@media only screen and (max-width: 768px){
  section.welcome > .icon{width: 90vmin;top: 25vmin;right: 0;}
}
/* NEW common/blocks/divider */
section.divider > div > span{font: var(--h-font);font-size: 10vmin;display: block;transform: translate(-200%, 0);color: var(--color-lime);white-space: nowrap;width: auto !important;}
section.divider > div{padding: var(--width-sections-gap);overflow: hidden;}
/* NEW common/blocks/features */
section.features [class^="layout-grid"]{gap: var(--width-sections-gap);}
@media only screen and (max-width: 1366px){
  section.features [class^="layout-grid"]{gap: var(--width-gap-lg);}
}
/* NEW common/items/feature */
.card-feature{display: flex;flex-direction: column;gap: var(--width-gap);height: 100%;}
.card-feature > picture{position: relative;width: 64px;aspect-ratio: 1;}
.card-feature > picture > img{width: 100%;height: 100%;object-fit: contain;}
@media only screen and (max-width: 1366px){
  .card-feature > picture{width: 48px;}
}
@media only screen and (max-width: 768px){
  .card-feature > picture{width: 36px;}
}
/* body */
p {margin: 0;}
p + * {margin-top: var(--width-gap-xs);}
a {color: var(--color-pink);-webkit-transition: var(--transition);transition: var(--transition);text-decoration-style: dotted;text-underline-offset: var(--width-border-width);}
a:is(:hover,:focus) {color: var(--color-orange);outline: none;}
img {image-rendering: auto;}
hr {display: block;border: none;background: var(--gradient-soft);height: calc(var(--border-width-effect) * 2);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
hr + *, * + hr{margin-top: var(--width-gap) !important;}
blockquote{background-color: var(--color-lime);color: var(--color-white);font: var(--item-title-sm-font);font-weight: 400;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);position: relative;padding: var(--width-gap-lg);margin: 0;}
blockquote strong{color: var(--color-white) !important;font-weight: 600;text-shadow: 0 1px 1px rgba(var(--color-green-rgb), .25);}
blockquote + *, * + blockquote{margin-top: var(--width-gap);}
video {width: 100%;display: block;}
*:is(h1, h2, h3, h4, h5) {color: var(--color-black-soft);}
*:is(h1, h2, h3, h4, h5) strong {color: var(--color-black-dark);}
iframe{width: 100%;display: block;}
iframe.embed {width: 100%;height: auto;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
section, .card, .content{display: block;position: relative;}
address {outline: var(--width-border-width) solid var(--color-bronze);color: var(--color-bronze-dark);border-radius: var(--width-border-radius);display: block;padding: var(--width-gap-lg);font: var(--body-sm-font);text-align: left;text-wrap: pretty;line-height: 1.6;}
address + *, * + address{margin-top: var(--width-gap-lg);}
.grow{flex-grow: 1;}
[class^="material-icons-"],[class^="material-symbols-"]{pointer-events: none;}
.material-symbols-outlined{font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24}
/* tns-controls */
.tns-item img {pointer-events: none !important;}
.tns-controls{display: flex;justify-content: center;gap: var(--width-gap-xs);}
.tns-controls + *, * + .tns-controls{margin-top: var(--width-gap);}
.tns-controls button{background-color: transparent;border: none;font-size: 24px;padding: 0;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(var(--color-blue-rgb), 0);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: rgba(var(--color-gray-rgb), .75);-webkit-transition: var(--transition);transition: var(--transition);}
section.slider .tns-controls button{color: var(--color-white);}
.tns-controls button:hover{color: var(--color-white);background-color: rgba(var(--color-blue-rgb), .75);}
.tns-controls button:disabled{pointer-events: none;opacity: .1;}
.tns-nav {margin-top: var(--width-gap);display: flex;justify-content: center;}
.tns-nav > button{border: none;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;padding: 0;background-color: transparent;}
.tns-nav > button::before{content: " ";display: block;width: 10px;height: 10px;background-color:var(--color-lime);-webkit-border-radius:8px;border-radius:8px;-webkit-transition: var(--transition);transition: var(--transition);}
.tns-nav > button:is(:hover,:focus)::before{background-color: var(--color-green);}
.tns-nav > button.tns-nav-active::before{background-color: var(--color-green);width: 14px;height: 14px;}
/* PAGER .el-pager */
.el-pager > * {font: var(--usps-font);text-transform: var(--usps-text-transform);letter-spacing: var(--usps-letter-spacing);}
.el-pager > a{background-color: var(--color-cream-darker);text-decoration: none;color: var(--color-bronze);}
.el-pager > a:is(:hover, :focus){background-color: var(--color-black);color: var(--color-white-softer);}
.el-pager > span{background-color: var(--color-bronze);color: var(--color-white);pointer-events: none;}
/* TODO btn */
[data-toggle-related] * {pointer-events: none;}
[class^="svg-"]{display: flex;align-items: center;width: 24px;height: 24px;}
[class^="svg-"]{display: inline-flex;background-position: center center;background-repeat: no-repeat;background-size: 14px 14px;}
/* INFO: intro */
section.text + section.text{margin-top: var(--width-gap-lg) !important;}
section.text [class^="article"]{word-wrap: break-word;-moz-hyphens:auto;-webkit-hyphens:auto;-o-hyphens:auto;hyphens:auto;}
section.text [class^="article"]{font-size: calc(var(--article-font-size) - 2px);}
section.text [class^="article"] :is(h1, h2, h3, h4, h5){text-align: left;}
section.text [class^="article"] img.size-full{margin: var(--width-gap) 0;}
@media only screen and (min-width: 1366px){
  section.text [class^="article"] img.size-full{width: calc(100% + var(--width-gap) * 4);max-width: none;-webkit-transform: translateX(calc(0px - var(--width-gap) * 2));transform: translateX(calc(0px - var(--width-gap) * 2));}
}
/* INTRO .intro */
.intro{color: var(--color-black);text-wrap: balance;}
.intro a {font-weight: bold;text-decoration: none;}
.intro.white{color: var(--color-white);}
.intro.green{color: var(--color-green);}
.intro.lime{color: var(--color-lime);}
.intro.half{width: 60%;}
.intro + *, * +  .intro{margin-top: var(--width-gap);}
div[class^="heading"]{ user-select: none;}
div[class^="heading"] + .intro {margin-top: var(--width-gap-sm);}
.intro.centered{ max-width: min(100%, var(--width-layout-xs)); margin-left: auto; margin-right: auto; text-align: center; }
.intro{font-size: calc(var(--body-font-size) * 1.3);}
.intro.xs {font-size: calc(var(--body-font-size) * 1.1);}
.intro.sm {font-size: calc(var(--body-font-size) * 1.2);}
.intro.lg {font-size: calc(var(--body-font-size) * 1.4);}
@media only screen and (max-width: 1366px){
  .intro.half{width: 65%;}
}
@media only screen and (max-width: 1024px){
  .intro.half{width: 75%;} 
}
@media only screen and (max-width: 768px){
  .intro.half{width: 100%;}
}
.item-title{letter-spacing: calc(0px - var(--item-title-font-size) * .05); text-wrap: balance; }
.item-title + *, * + .item-title{margin-top: calc(var(--item-title-font-size) * 1);}
.item-title + :is(.subtitle), :is(.subtitle) + .item-title{margin-top: var(--width-gap-xs);}
.item-title-sm{letter-spacing: calc(0px - var(--item-title-sm-font-size) * .05);  }
.item-title-sm + *, * + .item-title-sm{margin-top: calc(var(--item-title-sm-font-size) * 1);}
.item-title-sm + :is(.subtitle), :is(.subtitle) + .item-title-sm{margin-top: var(--width-gap-xs);}
[class^="item-title"] a{text-decoration: none;}
[class^="item-title"].white {color: var(--color-white-dark);}
[class^="item-title"].white strong{color: var(--color-white);}
[class^="item-title"].gray {color: var(--color-gray-dark);}
[class^="item-title"].gray strong {color: var(--color-gray);}
/* SUBTITLE .subtitle */
.subtitle{color: var(--color-black-softer);}
.subtitle strong{color: var(--color-orange);}
.subtitle.white {color: var(--color-white-dark);}
.subtitle.white strong {color: var(--color-white);}
.subtitle.sm {font-size: calc(var(--subtitle-font-size) - 2px);}
.subtitle.xs {font-size: calc(var(--subtitle-font-size) - 4px);}
/* FIELD .field */
.field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 2;}
.field-type-info {padding: var(--width-gap-sm);max-height: 150px;background-color: var(--color-cream);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);color: var(--color-bronze);font-size: calc(var(--body-font-size) - 3px);overflow-y: auto;}
.field > label + * {margin-top: var(--width-gap-xs);}
@media only screen and (max-width: 768px){
  .field-type-textarea, .field-type-checkbox, .field-type-info{grid-column: auto / span 1;}
}
/* ELEMENT mobile-menu */
#main::after{content: " ";pointer-events: none;position: fixed;inset: 0;background:rgba(var(--color-green-rgb), .75);backdrop-filter: blur(20px);z-index: 10;opacity: 0;}
body[mobile-menu] > #main::after{opacity: 1;}
#mobile-menu{position: fixed;inset: calc(var(--header-height) + var(--preheader-height)) 0 0 0;z-index: 90;pointer-events: none;}
#mobile-menu > .content{position: absolute;inset:0; opacity: 0;overflow-y: auto;}
body[mobile-menu] #mobile-menu > .content{opacity: 1;transform: translateY(0);}
body[mobile-menu] #mobile-menu{opacity: 1;pointer-events: all;transform: translateY(0);}
#mobile-menu .menu-item + .menu-item {border-top: 1px solid var(--color-lime);}
#mobile-menu .menu-item > a {display: block;font: var(--btn-font);text-transform: var(--btn-text-transform);letter-spacing: var(--btn-letter-spacing);font-weight: var(--btn-font-strong);text-align: center;text-decoration: none;color: var(--color-lime);padding: var(--width-gap);transition: var(--transition-fast);}
#mobile-menu .menu-item > a:is(:hover, :focus){background-color: var(--color-lime);color: var(--color-white);}
#mobile-menu .submenu{border-top: 1px solid rgba(var(--color-white-rgb), .25);}
#mobile-menu .submenu .menu-item > a { padding: var(--width-gap-sm); background-color: rgba(var(--color-bronze-darker-rgb), .2); }
#mobile-menu > .content > nav > .menu-item:first-child {border-top: 1px solid var(--color-lime);}
#mobile-menu > .content > nav > .menu-item:last-child {border-bottom: 1px solid var(--color-lime);}

/* SECTION error404 */
section.error404 .content{
  padding: calc(var(--width-sections-gap) * 5) 0
}
[append-before]::before { content: attr(append-before); }
[append-after]::after { content: attr(append-after); }
/* NEW */
section.image_text > [class^="package"] > .holder-content > .content{gap: var(--width-sections-gap);display: flex;align-items: center;justify-content: center;}
section.image_text.image_position_right .content {flex-direction: row-reverse;}
section.image_text .content > .image{width: 50%; aspect-ratio: 1;position: relative;}
section.image_text .content > .image > picture{position: absolute;width: 100%;height: 100%;}
section.image_text .content > .image > picture > img{width: 100%;height: 100%;object-fit: cover;user-select: none;pointer-events: none;border-radius: var(--width-border-radius);}
section.image_text .content > .image.has-secondary {aspect-ratio: 1.5;}
section.image_text .content > .image.has-secondary > picture{height: auto;width: auto; }
section.image_text .content > .image.has-secondary > picture:nth-child(1){left: 0;right: 40%;top: 10%;bottom: 10%;z-index: 2;box-shadow: var(--box-shadow);transform: rotate(-3deg);--effects-delay: .4s;}
section.image_text .content > .image.has-secondary > picture:nth-child(2){top: 0%;bottom: 0;right: 0;left: 50%;transform: rotate(0deg);--effects-delay: .25s;}
section.image_text .content > .text{width: 50%;}
section.image_text .content > .text > .info{--effects-delay: .6s;}
section.image_text .content > .image{position: relative;}
@media only screen and (max-width: 1024px){
  section.image_text .content{flex-direction: column-reverse;}
  section.image_text.image_position_right .content {flex-direction: column-reverse;}
  section.image_text .content > :is(.image, .text){width: 100%;}
}
/* TEXT section.text */
section.text{overflow: hidden;}
section.text .article hr{position: relative;background-color: transparent;}
section.text .article hr::after{display: block;content: " ";position: absolute;height: var(--width-border-width);width: 100vw;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: var(--color-orange-soft)}
section.text .article blockquote{margin-left: calc(0px - var(--width-sections-gap));margin-right: calc(0px - var(--width-sections-gap));text-align: center;}
@media only screen and (max-width: 1024px){
  section.text .article blockquote{margin-left: 0;margin-right: 0;}
}
/* NEW */
section.list_news [class^="layout-grid-"]{gap: var(--width-gap-sm);}
section.list_news * + [class^="layout-grid-"]{margin-top: var(--width-gap-lg);}
.card-new{display: flex;flex-direction: column;gap: var(--width-gap);text-decoration: none;aspect-ratio: 1;border-radius: calc(var(--width-border-radius) * 2);overflow: hidden;position: relative;background-color: var(--color-green);}
.card-new > picture{position: absolute;inset: 0;}
.card-new > picture > img{width: 100%;height: 100%;object-fit: cover;transition: var(--transition);transition-delay: .2s;filter: contrast(1.25) brightness(.75);opacity: .75;}
.card-new:is(:hover, :focus) > picture > img{filter: contrast(1) brightness(1);opacity: 1;}
.card-new > .info {padding: var(--width-gap-sm);z-index: 3;position: absolute;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: center;transition: var(--transition-fast);background: linear-gradient(to top,  rgba(var(--color-black-rgb),.75) 0%, rgba(var(--color-black-rgb),0) 100%);}
.card-new:is(:hover, :focus) > .info {opacity: 0;transform: translateY(var(--width-gap-xs));}
.card-new > .info > [class^="item-title"]{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;color: var(--color-white);font-weight: var(--h-font-strong);}
.card-new > .info > .subtitle{color: var(--color-lime);}
/* NEW */
section.compare_one_to_one {overflow: hidden;}
section.compare_one_to_one  * + .tns-outer {margin-top: var(--width-gap-xl);}
section.compare_one_to_one .tns-ovh{overflow: visible !important;}
.card-compare-one-to-one{display: flex;flex-direction: column;gap: var(--width-gap-xs);}
.card-compare-one-to-one .type-percentage{display: flex;width: 100%;aspect-ratio: 3;background-color: var(--color-white);color: var(--color-green);position: relative;align-items: center;justify-content: center;border-radius: calc(var(--width-border-radius) + 2px);overflow: hidden;text-align: center;user-select: none;outline: 2px solid var(--color-lime);outline-offset: -2px;position: relative;}
.card-compare-one-to-one .type-percentage > *{pointer-events: none;}
.card-compare-one-to-one .type-percentage > .info {display: flex;flex-direction: column;align-items: center;gap: var(--width-gap-xs);position: relative;z-index: 2;}
.card-compare-one-to-one .type-percentage > .info > .percentage{font: var(--h-font);text-transform: var(--h-text-transform);letter-spacing: var(--h-letter-spacing);line-height: 1;font-weight: var(--h-font-strong);font-size: calc(var(--h-font-size) * 2);}
.card-compare-one-to-one .type-percentage > .info > .name{font: var(--label-font);  text-transform: var(--label-text-transform);letter-spacing: var(--label-letter-spacing);background-color: var(--color-green);color: var(--color-white);padding: var(--label-font-size);border-radius: var(--width-border-radius);}
.card-compare-one-to-one .type-percentage > .bar{position: absolute;left: 0;right: 0;bottom: 0;background-color: rgba(var(--color-lime-rgb), .25);z-index: 1;}
.card-compare-one-to-one .type-check{display: flex;width: 100%;padding: var(--width-gap);background-color: var(--color-lime);color: var(--color-white);position: relative;align-items: center;justify-content: space-between;border-radius: var(--width-border-radius);overflow: hidden;text-align: center;user-select: none;position: relative;font: var(--h-font);text-transform: var(--h-text-transform);letter-spacing: var(--h-letter-spacing);--icon-size: 80px;}
.card-compare-one-to-one .type-check > .check > [class^="material"]{display: flex;align-items: center;justify-content: center;border-radius: var(--icon-size);background-color: var(--color-white);width: var(--icon-size);height: var(--icon-size);color: var(--color-green);font-size: calc(var(--icon-size) / 2);}
.card-compare-one-to-one .type-check:not([is-checked]){background-color: rgba(var(--color-green-rgb), .1);color: var(--color-green);}
.card-compare-one-to-one .type-check:not([is-checked]) > .check > [class^="material"]{color: var(--color-black);}
@media only screen and (max-width: 1024px){ 
  .card-compare-one-to-one .type-percentage{aspect-ratio: 2;}
  .card-compare-one-to-one .type-check{--icon-size: 64px;}
}
/* NEW */
section.team{overflow: hidden;}
section.team * + .tns-outer {margin-top: var(--width-gap);}
section.team .tns-ovh{overflow: visible !important;}
.card-team{user-select: none;}
.card-team > picture{aspect-ratio: .75;}
.card-team > picture > img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--width-border-radius);}
.card-team {display: flex;flex-direction: column;gap: var(--width-gap-sm);}
.card-team > .info {display: flex;flex-direction: column;gap: var(--width-gap-xs);}
.card-team > .info > *:not([class^="actions"]) {margin-top: 0;}
.card-team > .info > .position{font: var(--subtitle-font);text-transform: var(--subtitle-text-transform);letter-spacing: var(--subtitle-letter-spacing);color: var(--color-lime);}
/* NEW */
section.video [class^="layout-grid-videos"]{gap: var(--width-gap-sm);}
.card-youtube {display: block;aspect-ratio: 16 / 9;width: 100%;}
.card-youtube > iframe {width: 100%;height: 100%;outline: var(--width-border-radius) solid var(--color-lime);outline-offset: var(--width-border-radius);border-radius: calc(var(--width-border-radius) * 2);}
/* NEW */
section.faqs > [class^="package"] > .holder-content {display: flex;gap: var(--width-gap-lg);align-items: flex-start;}
section.faqs > [class^="package"] > .holder-content > .content {flex-grow: 1;position: relative;}
section.faqs > [class^="package"] > .holder-content >  [class^="layout"]{width: 55%;flex-shrink: 0;}
section.faqs [class^="layout"]{gap: var(--width-gap-xs);}
@media only screen and (max-width: 1440px){
  section.faqs > [class^="package"] > .holder-content {flex-direction: column;}
  section.faqs > [class^="package"] > .holder-content >  [class^="layout"]{width: 100%;}
}
.card-faq{border-radius: var(--width-border-radius);}
.card-faq .content{display: flex;flex-direction: column;gap: var(--width-gap-xs);}
.card-faq .content > *:not([class^="actions"]){margin: 0;}
.card-faq .content > picture{border-radius: var(--width-border-radius);overflow: hidden;}
.card-faq details {border-radius: calc(var(--width-border-radius) + 2px);padding: var(--width-gap);transition: var(--transition);outline: 2px solid rgba(var(--color-black-rgb), .05);outline-offset: -2px;}
.card-faq details[open] {outline: 2px solid var(--color-lime);}
.card-faq details > * {margin: 0;}
.card-faq details > summary{display: flex;align-items: center;cursor: pointer;gap: var(--width-gap);user-select: none;}
.card-faq details > summary > [class^="item-title"]{flex-grow: 1;text-wrap: balance;}
.card-faq details > summary > [class^="item-title"]{font: var(--item-title-sm-font);}
.card-faq details > summary > [class^="material"]{margin: 0;transition: var(--transition-fast);color: var(--color-green);}
.card-faq details[open] > summary > [class^="material"]{transform: rotate(180deg);}
.card-faq details > :not(summary){display: none;flex-direction: column;gap: var(--width-gap-xs);margin-top: var(--width-gap-sm);}
.card-faq details[open] > :not(summary){display: flex;}
/* NEW */
section.counters [class^="layout-"]{gap: var(--width-gap-xs);}
.card-counter{display: flex;flex-direction: column;gap: var(--width-gap-xs);color: var(--color-white);background: var(--color-green);user-select: none;justify-content: center;align-items: center;text-align: center;padding: var(--width-gap-lg) var(--width-gap);border-radius: var(--width-border-radius);}
.card-counter > .counter{text-align: left; font: var(--h-font);font-weight: var(--h-font-strong);font-size: 3vw;color: var(--color-lime);line-height: 1;white-space: nowrap;}
.card-counter > .counter[append]::after{content: attr(append);margin-left: .5vw;color: rgba(var(--color-lime-rgb), .25);font-size: 1.5vw;}
@media only screen and (max-width: 1024px){
  .card-counter{align-items: center;}
}
@media only screen and (max-width: 768px){
  .card-counter > .counter{font-size: 8vw;}
  .card-counter > .counter[append]::after{font-size: 2vw;}
}

/* NEW */
section.why{background-color: var(--color-green);padding: var(--width-sections-gap) 0;}
section.why {overflow: hidden; }
section.why .tns-ovh{overflow: visible !important;}
.card-why {display: flex;flex-direction: column;gap: var(--width-gap-sm);color: var(--color-white);user-select: none;}
.card-why [class^="item-title"]{font: var(--item-title-sm-font);}
.card-why > ol.items{display: flex;gap: var(--width-gap-sm);padding: var(--width-gap);flex-direction: column;margin: 0;background: rgba(var(--color-lime-rgb), .25);list-style: none;border-radius: calc(var(--width-border-radius) * 2);}
.card-why > ol.items > li{display: flex;align-items: center;gap: var(--width-gap-xs);}
.card-why > ol.items > li::before{width: 32px;height: 32px;font-size: 28px;content: " ";display: flex;align-items: center;justify-content: center;flex-shrink: 0;color: var(--color-green);font-family: 'Material Symbols Outlined';content: "\e5cd";}
.card-why.positive > ol.items{outline: 2px solid var(--color-lime);outline-offset: -2px;}
.card-why.positive > ol.items > li::before{color: var(--color-lime);content: "\e5ca";font-size: 32px;}


/* NEW */

#calculator{display: flex;flex-direction: column;gap: var(--width-gap-lg);}
#calculator .calculator-fields{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--width-gap);}
#calculator .calculator-fields > .calculator-field{display: flex;flex-direction: column;gap: var(--width-gap-xs);border-radius: var(--width-border-radius); padding: var(--width-gap) var(--width-gap-sm);text-align: center;user-select: none;outline: 2px solid transparent;box-shadow: var(--box-shadow);transition: var(--transition-fast);}
#calculator .calculator-fields > .calculator-field:is(:hover){outline-color: var(--color-lime);}
#calculator .calculator-fields > .calculator-field.disabled{pointer-events: none}
#calculator .calculator-fields > .calculator-field > label{justify-content: center;color: var(--color-lime);}
#calculator .calculator-fields > .calculator-field > .number-format{font: var(--h-font);color: var(--color-green);}
#calculator .calculator-fields > .calculator-field > .input{display: flex;gap: var(--width-gap-xs);align-items: center;}
#calculator .calculator-fields > .calculator-field > .input > input{text-align: center;color: var(--color-green);background: var(--color-white);outline: 1px solid var(--color-lime);font: var(--item-title-xs-font);border-radius: calc(var(--width-border-radius) + 1px);color: var(--color-lime);}
#calculator .calculator-fields > .calculator-field.disabled > .input > input{outline-color: rgba(var(--color-black-rgb), .1);}
#calculator .calculator-fields > .calculator-field:not(.disabled) > .input > [class^="material"]{color: var(--color-lime);pointer-events: all;cursor: pointer;}
#calculator .calculator-fields > .calculator-field.disabled > .input > [class^="material"]{opacity: 0;}
#calculator .info-total{display: flex;align-items: center;gap: var(--width-gap);}
#calculator .info-total > .info{width: 40%;font: var(--body-sm-font);}
#calculator #calculator_total {color: var(--color-green);font: var(--item-title-font);font-weight: var(--item-title-font-strong);font-size: calc(var(--item-title-font-size)*2);text-align: right;line-height: 1;flex-grow: 1;}
#calculator #calculator_total[append]::after {content: attr(append);vertical-align:top;font: var(--subtitle-font);line-height: 1;padding: var(--subtitle-font-size);text-transform: var(--subtitle-text-transform);letter-spacing: var(--subtitle-letter-spacing);margin-left: var(--width-gap-xs);background-color: var(--color-lime);color: var(--color-white);border-radius: var(--width-border-radius);}
@media only screen and (max-width: 1366px){
  #calculator .calculator-fields{grid-template-columns: repeat(3, 1fr);gap: var(--width-gap);}
  #calculator .info-total{flex-direction: column;gap: var(--width-gap-lg);}
  #calculator .info-total > .info{width: 100%;}
  #calculator #calculator_total{width: 100%;}
}
@media only screen and (max-width: 992px){
  #calculator .calculator-fields{grid-template-columns: repeat(2, 1fr);}
}
@media only screen and (max-width: 568px){
  #calculator .calculator-fields{grid-template-columns: 1fr;gap: var(--width-gap-sm);}
}

/* NEW */

section.steps {overflow: hidden; }
section.steps > [class^="package"] > .holder-content > .content > .info{transition: var(--transition);}
@media only screen and (min-width: 1025px){
  section.steps.paged > [class^="package"] > .holder-content > .content > .info{opacity: 0;filter: blur(2px);transform: scale(.9);transform-origin: left center;pointer-events: none;}
}
section.steps .tns-ovh{overflow: visible !important;}
section.steps > [class^="package"] > .holder-content {display: flex;gap: var(--width-gap-lg);align-items: center;}
section.steps > [class^="package"] > .holder-content > .content {flex-grow: 1;position: relative;}
section.steps > [class^="package"] > .holder-content > .tns-outer{width: 65%;flex-shrink: 0;}
section.steps .tns-slider{display: flex;align-items: center;padding: var(--width-gap-lg) 0;}
section.steps .tns-slider > .tns-item {flex-grow: 1;}
@media only screen and (max-width: 1024px){
  section.steps > [class^="package"] > .holder-content {flex-direction: column;align-items: flex-start;}
  section.steps > [class^="package"] > .holder-content >  .tns-outer{width: 100%;}
}
.card-step{user-select: none;background-color: var(--color-lime-dark);padding: var(--width-gap-lg);border-radius: var(--width-border-radius);display: flex;flex-direction: column;gap: var(--width-gap-sm);min-height: 25vh;justify-content: center;transition: var(--transition);}
.card-step:is(:hover){box-shadow: var(--box-shadow);}
.card-step > *:not([class^="actions"]) {margin: 0 !important;}
.card-step [class^="heading"] > .subtitle{color: rgba(var(--color-white-rgb), .5) !important;}
.card-step > picture{width: 64px;aspect-ratio: 1;}
.card-step > picture > img{width: 100%;height: 100%;object-fit: contain;filter: invert(1) brightness(2);}
@media only screen and (max-width: 992px){
  .card-step > picture{width: 48px;aspect-ratio: 1;}
}
/* NEW */
section.profitability_calculator {background-color: var(--color-green);color: var(--color-white);padding: var(--width-sections-gap) 0;}
section.profitability_calculator [class^="package"] > .content > .info{display: flex;flex-direction: column;gap: var(--width-gap);}
section.profitability_calculator .fields{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--width-gap);}
section.profitability_calculator .fields > .field > label{font: var(--item-title-xs-font);text-transform: var(--item-title-font-text-transform);letter-spacing: var(--item-title-letter-spacing);}
section.profitability_calculator .fields > .field > label > span{color: var(--color-lime);font-weight: var(--item-title-font-strong);margin-left: var(--width-gap-xs);}
section.profitability_calculator .bars{display: flex;justify-content: space-around;gap: var(--width-gap-sm);}
section.profitability_calculator .bars > div{height: 35vh;width: 10%;display: flex;flex-direction: column;gap: var(--width-gap-xs);}
section.profitability_calculator .bars > div > .bar-holder{background-color: rgba(var(--color-lime-rgb), .1);width: 100%;flex-grow: 1;border-radius: var(--width-border-radius);display: flex;flex-direction: column;justify-content: flex-end;padding: var(--width-gap-xs);}
section.profitability_calculator .bars > div > .bar-holder > .bar{height: 100%;background-color: var(--color-lime);border-radius: var(--width-border-radius);transition: var(--transition);transition-delay: .3s;}
section.profitability_calculator .bars > div.naranjatec > .bar-holder > .bar{background-color: var(--color-white);}
section.profitability_calculator .bars > div > span.subtotal{text-align: center;font: var(--subtitle-font);letter-spacing: var(--subtitle-letter-spacing);text-transform: var(--subtitle-text-transform);}
section.profitability_calculator .bars > div > span.logo{display: block;aspect-ratio: 2;width: 100%;background: var(--color-lime);mask-size: 60% 40%;mask-repeat: no-repeat;mask-position: center center;mask-image: url(../images/logos/naranjatec.svg);flex-shrink: 0;}
section.profitability_calculator .bars > div.naranjatec > span.logo{mask-size: 80% 80%;background-color: var(--color-white);}
section.profitability_calculator .bars > div.aws > span.logo{mask-size: 60% 60%;mask-image: url(../images/logos/aws.svg);}
section.profitability_calculator .bars > div.azure > span.logo{mask-image: url(../images/logos/azure.svg);}
section.profitability_calculator .bars > div.google_cloud > span.logo{mask-image: url(../images/logos/google-cloud.svg);}
section.profitability_calculator .info-total{color: var(--color-lime);font: var(--item-title-font);letter-spacing: var(--item-title-letter-spacing);text-transform: var(--item-title-font-text-transform);text-align: center;padding: 0 20%;text-wrap: balance;}
section.profitability_calculator .info-total > span{color: var(--color-white);}
section.profitability_calculator small{text-align: center;color: var(--color-lime);}
input[type="range"] {-webkit-appearance: none;appearance: none;cursor: pointer;outline-color: transparent !important;background-color: transparent !important;padding-left: 0 !important;padding-right: 0 !important;width: 100%;}
input[type='range']::-webkit-slider-runnable-track {-webkit-appearance: none;
  background-color: rgba(var(--color-lime-rgb), .1);
  overflow: hidden;-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);}
input[type='range']::-webkit-slider-thumb {width: 0px;-webkit-appearance: none;height: 18px;background: var(--color-lime);-webkit-box-shadow: -600px 0 0 600px var(--color-lime);box-shadow: -600px 0 0 600px var(--color-lime);}
input[type="range"]::-moz-range-track{background-color: rgba(var(--color-lime-rgb), .1);-webkit-border-radius: var(--width-border-radius);border-radius: var(--width-border-radius);height: 18px;}
input[type="range"]::-moz-range-thumb{-webkit-appearance: none; appearance: none;border: none !important;background-color: transparent !important;}
input[type="range"]::-moz-range-progress{background-color:var(--color-lime);height: 24px;border-radius: var(--width-border-radius);}
@media only screen and (max-width: 992px){
  section.profitability_calculator .fields{grid-template-columns: repeat(2, 1fr);}
  section.profitability_calculator .bars {gap: var(--width-gap-sm);}
  section.profitability_calculator .bars > div{width: 20%;}
}
@media only screen and (max-width: 568px){
  section.profitability_calculator .bars > div > span.subtotal {letter-spacing: 0;}
  section.profitability_calculator .fields{grid-template-columns: 1fr;}
  section.profitability_calculator .info-total{padding: 0;}
}