@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-BlackItalic.ttf') format("truetype"), url('../fonts/Barlow-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-ExtraBold.ttf') format("truetype"), url('../fonts/Barlow-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-ExtraLightItalic.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-BoldItalic.ttf') format("truetype"), url('../fonts/Barlow-ExtraBoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest;
  src: url('../fonts/TerminaTest-Black.otf') format("opentype"), url('../fonts/TerminaTest-Heavy.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest;
  src: url('../fonts/TerminaTest-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest;
  src: url('../fonts/TerminaTest-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest;
  src: url('../fonts/TerminaTest-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest demi;
  src: url('../fonts/TerminaTest-Demi.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest;
  src: url('../fonts/TerminaTest-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest;
  src: url('../fonts/TerminaTest-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Terminatest;
  src: url('../fonts/TerminaTest-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Termina;
  src: url('../fonts/Termina-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --dark-grey: var(--dark-black);
  --white: white;
  --white-smoke: var(--light-gray);
  --desktop--body-m: 1rem;
  --mobile--body-m: .875rem;
  --text-size: 1.125rem;
  --yellow: #fedb00;
  --grey: #b2b2b2;
  --grey-2: #8c8c8c;
  --fonts--barlow: Barlow, sans-serif;
  --desktop--body-l: 1.125rem;
  --fonts--termina: Termina, sans-serif;
  --desktop--title-xl: 2.5rem;
  --mobile--title-xl: 1.375rem;
  --desktop--title-l: 1.5rem;
  --swatch--black-sakrete: #231f20;
  --black: #303030;
  --light-gray: #e5e5e5;
  --dark-black: #202020;
  --grey-highlight: #8c8c8c4d;
  --grey-ultr-light: #f3f3f3;
  --almost-black: #121212;
  --desktop--title-m: 1.25rem;
  --mobile--title-m: 1rem;
  --swatch--grey-light: #ededed;
  --desktop--title-s: 1rem;
  --mobile--title-s: .875rem;
  --desktop--body-s: .875rem;
  --swatch--almost-black: #121212;
  --black-sakrete: #231f20;
  --mobile--body-s: .75rem;
  --mobile--button-s: .75rem;
  --swatch--white: white;
  --transparent: transparent;
  --swatch--background-color: #fbfbfb;
  --75-transparent: #121212bf;
  --mobile--body-l: 1rem;
  --mobile--title-xxl: 1.5rem;
  --gray-midtone: #666;
  --swatch--sakrete-golden: #fedb00;
  --fonts--height: 1ch;
  --desktop--body-xs: .75rem;
  --swatch--grey-midtone: #4d4d4d;
  --desktop--button-s: .875rem;
  --desktop--button-l: 1.125rem;
  --mobile--button-l: 1rem;
  --desktop--button-m: 1rem;
  --mobile--button-m: .875rem;
  --mobile--title-l: 1.25rem;
  --desktop--title-xs: .75rem;
  --mobile--title-xs: .625rem;
  --mobile--body-xs: .625rem;
  --desktop--title-xxl: 3rem;
  --desktop--subtitle-1: 1.5rem;
  --mobile--subtitle-1: 1.25rem;
  --desktop--subtitle-2: 1.125rem;
  --mobile--subtitle-2: .875rem;
  --text-height: 1.625ch;
  --padding-left: 0px;
  --full-height-container: 0px;
  --steps-top: 40vh;
  --desktop--footer-link: .875rem;
  --mobile--footer-link: .625rem;
  --swatch--grey-dark: #202020;
  --swatch--blue-link-300: #469cff;
  --swatch--blue-link-500: #0075ff;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--dark-grey);
  font-family: Barlow, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 110%;
  text-decoration: none;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Termina, sans-serif;
  font-size: 4.5rem;
  font-weight: 900;
  line-height: 1.1;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Termina, sans-serif;
  font-size: 3.75rem;
  font-weight: 900;
  line-height: 1.1;
}

h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Termina, sans-serif;
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.1;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Termina, sans-serif;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1.1;
}

h5 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Termina, sans-serif;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.1;
}

h6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Termina, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  line-height: 1.1;
}

a {
  color: var(--dark-grey);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: square;
}

li {
  margin-bottom: .5rem;
}

.grid-layout {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  object-fit: fill;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-content: center start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 680px;
  margin-left: auto;
  margin-right: auto;
  padding: 164px 64px;
  display: flex;
}

.styles-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 64px;
  display: flex;
}

.body-medium {
  font-weight: 500;
}

.body-medium.all-caps.vh {
  font-size: 1.7vh;
}

.body-medium.paso-flecha {
  height: 1em;
}

.body-medium.vh {
  font-size: 1.7vh;
}

.body-small-light {
  color: var(--white);
  white-space: nowrap;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 300;
}

.body-small-light.ct-light.all-caps.vh {
  font-size: 1.4vh;
}

.block-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.block-wrapper.horizontal {
  flex-direction: row;
}

.tag {
  color: #eee;
  background-color: #5f58e9;
  border-radius: 12px;
  margin-right: 8px;
  padding: 8px 16px;
  display: inline-block;
}

.subtitle {
  color: var(--white-smoke);
  text-transform: uppercase;
  font-weight: 600;
  line-height: 110%;
}

.subtitle:hover, .subtitle.w-current {
  text-decoration: underline;
}

.subtitle.dark-text {
  color: var(--dark-grey);
}

.subtitle.dark-text.nav-bar-top-element {
  display: block;
}

.subtitle.dark-text.nav-bar-top-element:hover {
  text-decoration: underline;
}

.subtitle.ct-dark {
  align-items: center;
  padding-bottom: 0;
  font-size: 1.125rem;
  display: flex;
}

.subtitle.dial {
  font-size: 1.6vh;
}

.subtitle.nav-bar-top-element {
  font-family: Barlow, sans-serif;
  font-size: var(--text-size);
}

.subtitle.nav-bar-top-element.desktop {
  text-align: right;
  margin-right: 0;
  padding: 0;
}

.subtitle.nav-bar-top-element.desktop:hover {
  color: var(--yellow);
}

.button-black-white {
  background-color: var(--dark-grey);
  color: var(--white-smoke);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  flex: 1;
  width: 100%;
  margin-bottom: 1.5rem;
  padding: 1rem 2.5rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.button-black-white:hover {
  color: var(--dark-grey);
  background-color: #fff;
}

.button-yellow-black {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--yellow);
  color: var(--dark-grey);
  text-align: center;
  text-transform: uppercase;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-left: 1rem;
  margin-right: 1rem;
  padding: 1rem;
  font-family: Barlow, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button-yellow-black:hover {
  background-color: var(--dark-grey);
  color: var(--yellow);
}

.button-yellow-black.is-contact {
  margin-left: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

.button-yellow-white {
  background-color: var(--yellow);
  color: var(--dark-grey);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 16px 40px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.button-yellow-white:hover {
  color: var(--dark-grey);
  background-color: #fff;
}

.button-black-yellow {
  background-color: var(--dark-grey);
  color: var(--yellow);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 40px;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.button-black-yellow:hover {
  background-color: var(--yellow);
  color: var(--dark-grey);
}

.dark-grey {
  background-color: var(--dark-grey);
  border: 1px #000;
  width: 100px;
  height: 100px;
}

.yellow {
  background-color: var(--yellow);
  border: 1px #000;
  width: 100px;
  height: 100px;
}

.grey {
  background-color: var(--grey);
  border: 1px #000;
  width: 100px;
  height: 100px;
}

.grey-2 {
  background-color: var(--grey-2);
  border: 1px #000;
  width: 100px;
  height: 100px;
}

.div-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-2 {
  border-left: 1px solid #000;
}

.div-block-3, .div-block-4 {
  border-left: 8px solid #000;
}

.quote-title {
  border-left: 8px solid var(--yellow);
  padding-left: 8px;
}

.white-text {
  font-family: var(--fonts--barlow);
  color: var(--white-smoke);
  font-size: var(--desktop--body-l);
  line-height: var(--text-size);
  text-align: left;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.white-text.heading-styles-h3.page-title-style {
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-xl);
  line-height: var(--desktop--title-xl);
  object-fit: fill;
}

.white-text.heading-style-h4.tab-title-small {
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-xl);
}

.white-text.heading-style-h5 {
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-l);
}

.white-text.centered-text {
  text-align: center;
}

.nav-bar {
  z-index: 2;
  width: 100%;
  height: 144px;
  padding: 2rem 4rem;
  position: relative;
}

.nav-bar-wrapper {
  opacity: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.link-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
  position: relative;
}

.body {
  padding-top: 0;
  font-family: Barlow, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
}

.link-block {
  width: 120px;
}

.white-links {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dark-links {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.ct-dark {
  color: var(--dark-grey);
  line-height: 110%;
}

.common-vflex {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.common-vflex.wide {
  grid-column-gap: 1rem;
}

.heading-styles-h3 {
  font-size: 2.5rem;
}

.heading-styles-h3.producst-row-title {
  margin-left: .75rem;
  margin-right: .75rem;
}

.siguiente-wrapper {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.project-step-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
  inset: 0;
}

.step-icon-container {
  z-index: 2;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 100%;
  display: flex;
  position: relative;
}

.loading-bar-container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 25px;
  display: flex;
  position: relative;
}

.loading-bar-container.is-project-template {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}

.calculator {
  grid-row-gap: 1.6vh;
  background-color: var(--black);
  outline-color: var(--dark-grey);
  outline-offset: 1px;
  border-radius: 32px;
  outline-width: 4px;
  outline-style: solid;
  flex-direction: column;
  justify-content: flex-start;
  width: 52.1vh;
  margin-left: auto;
  margin-right: auto;
  padding: 3.1vh;
  display: flex;
  position: relative;
  box-shadow: inset 1px 3px 3px #7f7f7fba, inset -4px -4px 6px 1px #000000f7;
}

.calculator-header {
  justify-content: space-between;
  align-items: center;
  height: 4.7vh;
  display: flex;
}

.logo-sakrete-calculadora {
  height: 100%;
}

.div-block-62 {
  grid-column-gap: 8px;
  background-color: var(--light-gray);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 136.65px;
  height: 40px;
  padding-left: 16px;
  padding-right: 4px;
  display: flex;
}

.slider-icon {
  z-index: 2;
  background-color: var(--yellow);
  border-radius: 50%;
  width: 2.5vh;
  height: 2.5vh;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.toggle {
  grid-column-gap: 8px;
  background-color: var(--dark-grey);
  cursor: pointer;
  border-radius: 1.95vh;
  justify-content: space-between;
  align-items: center;
  width: 13.3vh;
  height: 3.9vh;
  padding-left: 1vh;
  padding-right: 1.5vh;
  display: flex;
}

.body-semibold {
  font-weight: 600;
}

.all-caps {
  text-transform: uppercase;
}

.ct-light {
  color: var(--white-smoke);
}

.div-block-64 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-65 {
  align-items: center;
  display: flex;
}

.div-block-66 {
  grid-column-gap: .4vh;
  grid-row-gap: .4vh;
  background-color: var(--dark-black);
  background-image: linear-gradient(to right, black, var(--black) 35%, #222 65%, var(--dark-grey));
  box-shadow: 0 2px 0 -1px #fff3, inset 0 2px 5px 0 var(--dark-grey), 0 14px 10px -11px #0000004d;
  border-radius: .4vh;
  flex-wrap: nowrap;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: stretch;
  width: 100%;
  height: 3.7vh;
  padding: .2vh;
  display: grid;
  overflow: hidden;
}

.category-wrapper {
  border-right: 1px solid #000;
  border-left: 2px solid var(--dark-grey);
  background-color: var(--dark-black);
  color: var(--grey);
  cursor: pointer;
  border-radius: .4vh;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 1.1vh;
  padding-right: 1.1vh;
  display: flex;
}

.category-wrapper.active-category {
  border: 1px solid var(--yellow);
  color: var(--yellow);
}

.category-wrapper.active-category.category-concreto {
  padding: 0;
}

.category-wrapper.category-otros {
  border: 1px solid var(--dark-grey);
}

.calculator-category {
  grid-column-gap: .8vh;
  grid-row-gap: .8vh;
  flex-direction: column;
  display: flex;
}

.ct-grey-light {
  color: var(--grey-2);
  font-size: 1.5vh;
}

.ct-grey-light.vh {
  white-space: nowrap;
  align-items: center;
  font-size: 1.8vh;
  line-height: 100%;
  display: flex;
}

.div-block-69 {
  grid-column-gap: .8vh;
  grid-row-gap: .8vh;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: auto;
  max-width: 87%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-70 {
  background-color: var(--dark-grey);
  border-bottom: 2px solid #8c8c8c4d;
  border-right: 2px solid #8c8c8c4d;
  border-radius: .4vh;
  width: 100%;
  padding: .2vh .4vh;
  overflow: visible;
}

.calculator-screen {
  background-image: linear-gradient(#202020, #202020);
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 1vh 1.6vh;
  display: flex;
  box-shadow: inset 3px 3px 7px #0000004d;
}

.screen-inputs {
  grid-column-gap: .8vh;
  grid-row-gap: .8vh;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 0;
  display: flex;
}

.digits {
  color: var(--yellow);
  text-align: right;
  background-color: #0000;
  border: 1px #000;
  width: 25vh;
  min-width: 0;
  max-width: none;
  height: 6.2vh;
  min-height: 0;
  max-height: none;
  margin: 0;
  padding: 0;
  font-size: 6.2vh;
  line-height: 100%;
}

.digits.class-styles {
  display: none;
}

.screen-results {
  flex-direction: column;
  justify-content: space-between;
  align-self: flex-end;
  align-items: flex-end;
  display: flex;
}

.calculator-screen-wrapper {
  border-bottom: 2px solid #9999994d;
  border-right: 2px solid #9999994d;
  border-radius: .4vh;
}

.dial-selector {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: linear-gradient(to right, black, var(--black) 35%, #222 65%, var(--dark-grey));
  border-top: 1px solid #8c8c8c4d;
  border-right: 1px solid #000;
  border-radius: 2px;
  flex-wrap: nowrap;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  width: 100%;
  height: 3.7vh;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px #0000004d;
}

.calculator-buttons-wrappper {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  transform-style: preserve-3d;
  grid-template: "_1 _2 _3 enter" min-content
                 "_4 _5 _6 enter" min-content
                 "_7 _8 _9 ac" min-content
                 "punto _0 siguiente siguiente" min-content
                 / min-content min-content min-content min-content;
  grid-auto-columns: 1fr;
  width: 100%;
  max-height: 46vh;
  display: grid;
}

.key {
  background-image: repeating-linear-gradient(135deg, #2b2b2b, #242424);
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-radius: .8vh;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  box-shadow: inset 1px 1px 5px #cdcdcd33, inset -1px -2px 5px #00000080;
}

.key:active {
  transform: scale(.99);
  box-shadow: inset -1px -2px 5px #00000080;
}

.key-wrapper {
  border-right: 2px solid var(--grey-highlight);
  border-bottom: 2px solid var(--grey-highlight);
  background-color: var(--dark-black);
  cursor: pointer;
  border-radius: .8vh;
  justify-content: space-between;
  align-items: stretch;
  width: 12vh;
  height: 12vh;
  padding: .2vh;
  display: block;
}

.text-block {
  color: var(--yellow);
  font-size: 3.125rem;
  font-weight: 600;
  display: none;
}

.key-white-text {
  color: var(--white-smoke);
  justify-content: center;
  align-items: center;
  font-size: 2.3vh;
  font-weight: 600;
  display: flex;
}

.key-yellow-text {
  color: var(--yellow);
  justify-content: center;
  align-items: center;
  font-size: 4vh;
  font-weight: 500;
  line-height: 100%;
  display: flex;
}

.inner-circle {
  -webkit-text-fill-color: inherit;
  background-image: repeating-linear-gradient(125deg, #131313, #373737);
  background-clip: content-box;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.2vh;
  display: flex;
}

.square-button-wraper {
  width: 100%;
  height: 100%;
  display: block;
}

.system-indicator {
  color: var(--yellow);
  white-space: nowrap;
  font-size: 1.4vh;
  font-weight: 600;
  line-height: 100%;
}

.image-12 {
  height: 2vh;
}

.image-12.dial-left-arrow {
  cursor: pointer;
}

.image-13 {
  height: 2vh;
}

.image-13.dial-rigth-arrow {
  cursor: pointer;
}

.calculator-cover {
  z-index: 2;
  background-color: #00000082;
  border-radius: 40px;
  display: block;
  position: absolute;
  inset: 0%;
}

.next-button-wraper {
  border-right: 2px solid var(--grey-highlight);
  border-bottom: 2px solid var(--grey-highlight);
  background-color: var(--dark-black);
  cursor: pointer;
  border-radius: 8px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 10.2vh;
  padding: .2vh;
  display: flex;
}

.next-button-wraper.next-button {
  height: 100%;
}

.inner-circle-tall {
  box-sizing: border-box;
  aspect-ratio: 1;
  background-image: repeating-linear-gradient(125deg, #131313, #373737);
  border-radius: 50%;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin: 6.4vh 1.2vh auto;
  display: flex;
}

.image-14 {
  height: 3.2vh;
}

.inner-circle-wide {
  background-image: linear-gradient(175deg, #f0bc00, #ffe125 40%, #ffe125 65%, var(--yellow));
  border-radius: 4.45vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6vh;
  display: flex;
  box-shadow: inset -11px -11px 16px 1px #fff3, 0 0 5px -1px #ffffff26, inset 5px 6px 18px -4px #00000061;
}

.key-yellow {
  background-color: var(--yellow);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.2vh;
  display: flex;
  box-shadow: inset -1px -2px 5px #00000080;
}

.siguiente {
  font-size: 1.9vh;
  font-weight: 600;
}

.siguiente.ct-grey-light {
  color: #535353;
}

.key-tall {
  background-image: repeating-linear-gradient(135deg, #2b2b2b, #242424);
  border: 1px solid #000;
  border-style: none solid solid none;
  border-radius: .8vh;
  justify-content: center;
  align-items: center;
  width: 12vh;
  height: 100%;
  display: flex;
  box-shadow: inset 1px 1px 5px #cdcdcd33, inset -1px -2px 5px #00000080;
}

.key-tall.div-block-91 {
  background-image: repeating-linear-gradient(135deg, #2b2b2b, #242424);
  width: 100%;
  height: 100%;
  padding: 0;
  box-shadow: inset -1px 2px 5px #0003, inset 1px 1px 5px #cdcdcd33;
}

.div-block-87, .div-block-88 {
  padding-top: 1.2vh;
}

.div-block-89 {
  padding-top: 0;
}

.div-block-90 {
  padding-top: 1.2px;
}

.div-block-91 {
  background-color: var(--dark-black);
  box-shadow: none;
  cursor: pointer;
  background-image: none;
  border-radius: .8vh;
  width: 12vh;
  height: 24.4vh;
  padding: .2vh;
  display: block;
}

.delete-wraper {
  background-color: var(--dark-black);
  border-radius: .8vh;
  justify-content: center;
  align-items: center;
  padding: .2vh;
  display: flex;
}

.delete-wraper.delete-button {
  box-sizing: border-box;
  background-color: var(--dark-black);
  object-fit: contain;
  border-radius: .8vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 11.8vh;
  padding-bottom: .4vh;
  position: relative;
  overflow: visible;
}

.toggle-wrapper {
  background-color: var(--dark-black);
  border-radius: 1.95vh;
  padding: .2vh;
  box-shadow: 1px 1px 3px #ececec33;
}

.system-indicator--imperial {
  opacity: 0;
  color: var(--yellow);
  white-space: nowrap;
  font-size: 1.4vh;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  position: absolute;
}

.root-map {
  height: 100%;
}

.html-embed {
  color: var(--yellow);
}

.html-embed:active, .html-embed:focus {
  border: 1px #000;
}

.anterior-wrapper {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.project-steps-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.step-image {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area"
  / auto;
  grid-auto-columns: 1fr;
  width: 100%;
  display: block;
}

.step-images-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area"
  / 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.step-images {
  width: 86%;
}

.recomendation-wrapeer-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--yellow);
  align-items: center;
  display: flex;
}

.recomendation-wrapeer-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  align-items: center;
  padding: 16px;
  display: flex;
}

.project-card-wrapper {
  background-color: var(--yellow);
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  height: 534px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.project-card-wrapper:hover {
  box-shadow: 0 2px 13px #0003;
}

.project-card_video-wrapper {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 196px;
  display: flex;
}

.project-card_content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  min-height: 50px;
  padding: 24px;
  display: flex;
}

.div-block-98 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.image-16 {
  height: 28px;
}

.image-16:hover {
  outline-offset: 4px;
  border-radius: 50%;
  outline: 2px solid #121212;
}

.div-block-99 {
  object-fit: cover;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  display: flex;
}

.calculator-types-dial {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.dial-coletion {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding-left: 120px;
  padding-right: 120px;
  display: flex;
}

.calculator-type {
  cursor: pointer;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  flex: none;
  align-items: center;
  width: auto;
  height: 100%;
  padding-left: .8vh;
  padding-right: .8vh;
  display: flex;
}

.text-block-5 {
  height: 90.0001%;
}

.text-block-6, .text-block-7 {
  height: 100%;
}

.dial-gradient {
  background-image: linear-gradient(to right, #000, #000000de 12%, #8c8c8c00 39% 64%, #000000de 81%, #000000fc 103%);
  width: 110%;
  position: absolute;
  inset: 0%;
}

.project-step-image {
  width: 100%;
  height: 100%;
}

.map-styles {
  display: none;
}

.nex {
  margin-bottom: 0;
}

.nex.body-medium {
  text-transform: uppercase;
}

.anterior-siguiente-options {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.paso-anterior.mover-paso {
  grid-column-gap: .25rem;
  cursor: pointer;
  align-items: flex-end;
  display: none;
}

.paso-anterior.mover-paso:hover {
  text-decoration: underline;
}

.paso-siguiente.mover-paso {
  grid-column-gap: .25rem;
  cursor: pointer;
  align-items: flex-end;
  display: flex;
}

.paso-siguiente.mover-paso:hover {
  text-decoration: underline;
}

.step-rombo {
  z-index: 1;
  color: var(--grey-ultr-light);
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.step-number {
  z-index: 2;
  color: var(--dark-grey);
  font-size: 1rem;
  line-height: 100%;
}

.image-29 {
  width: 40px;
  height: 40px;
}

.pro-tip-recomendations {
  color: var(--dark-grey);
  text-transform: uppercase;
  font-size: 1.1rem;
}

.images-collection-block {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.images-collection-block.is-product-template, .image-30, .mobile-bottom-bar {
  display: none;
}

.bottom-bar-wrapper {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.card-icon {
  width: 100%;
  height: 100%;
}

.dash {
  background-color: var(--dark-black);
  flex: none;
  width: 8px;
  height: 4px;
  margin-top: .5rem;
}

.dash.is-dark-mode {
  background-color: var(--light-gray);
  height: 8px;
}

.dash.is-dark-mode.project-guides-template {
  margin-top: 0;
}

.bullet-block {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.nav-bar-top-element {
  cursor: pointer;
}

.background-locator {
  background-color: var(--black);
}

.hero-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: contain;
  flex-direction: row;
  grid-template: ". title title title title title lottie lottie lottie lottie lottie lottie" max-content
                 ". title title title title title lottie lottie lottie lottie lottie lottie" max-content
                 ". title title title title title lottie lottie lottie lottie lottie lottie" max-content
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  max-height: 75vh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
  overflow: visible;
}

.pro-tip-tool-tip {
  font-family: Termina, sans-serif;
}

.calculator-specific-styles {
  display: none;
}

.calculator-header_v2 {
  flex: none;
  justify-content: space-between;
  align-items: center;
  height: 5vh;
  display: flex;
}

.project-type_v2 {
  grid-column-gap: .8vh;
  grid-row-gap: .8vh;
  flex-direction: column;
  flex: none;
  display: flex;
}

.calculator-screen-wrapper_v2 {
  border-bottom: 2px solid #9999994d;
  border-right: 2px solid #9999994d;
  border-radius: .4vh;
  flex: none;
}

.calculator-buttons-wrappper_v2 {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  transform-style: preserve-3d;
  flex: none;
  grid-template: "_7 _8 _9 enter" 1fr
                 "_4 _5 _6 enter" 1fr
                 "_1 _2 _3 ac" 1fr
                 "_0 punto siguiente siguiente" 1fr
                 / 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: auto;
  display: grid;
}

.calculator-type-group {
  grid-column-gap: .4vh;
  grid-row-gap: .4vh;
  background-color: var(--dark-black);
  background-image: linear-gradient(to right, black, var(--black) 35%, #222 65%, var(--dark-grey));
  box-shadow: 0 2px 0 -1px #fff3, inset 0 2px 5px 0 var(--dark-grey), 0 14px 10px -11px #0000004d;
  border-radius: .4vh;
  flex-wrap: nowrap;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: stretch;
  width: 100%;
  height: 3.7vh;
  padding: .2vh;
  display: grid;
  overflow: hidden;
}

.calculator_v2 {
  grid-column-gap: 1vw;
  grid-row-gap: 4vh;
  background-color: var(--black);
  outline-color: var(--dark-grey);
  outline-offset: 1px;
  border-radius: 2rem;
  outline-width: 4px;
  outline-style: solid;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  padding: 3vh 3vw;
  display: flex;
  position: relative;
  box-shadow: inset 1px 3px 3px #7f7f7fba, inset -4px -4px 6px 1px #000000f7;
}

.input-arrow {
  border-top: 5px solid #0000;
  border-bottom: 5px solid #0000;
  border-left: 5px solid var(--yellow);
  opacity: 0;
  width: 0;
  max-width: none;
  height: 0;
  max-height: none;
  margin-right: 4px;
  font-size: 0;
  overflow: hidden;
}

.arrow-l-guide, .arrow-r-guide {
  cursor: pointer;
}

.image-arrow-container {
  justify-content: center;
  align-items: center;
  width: 7%;
  display: flex;
}

.image-dots {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dot-element {
  border: 1px solid var(--white-smoke);
  background-color: var(--grey-2);
  cursor: pointer;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: 8px;
}

.logo-sakrete-calculadora-wrapper {
  height: 100%;
}

.html-embed-12, .html-embed-14 {
  display: none;
}

.calculator-root {
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
}

.result-single-card {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.result-single-card-wrapper {
  width: 360px;
}

.result-titels {
  grid-row-gap: .4rem;
  flex-direction: column;
  display: flex;
}

.result-section-header {
  padding-bottom: 10px;
  font-size: 1rem;
}

.result-product-name {
  color: var(--grey-2);
  font-size: 1rem;
  line-height: 125%;
}

.card-content-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.result-image-side {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
  position: relative;
}

.card-absolute-image {
  z-index: 1;
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  object-fit: contain;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Barlow, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 110%;
  display: flex;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.card-absolute-image.hover {
  z-index: 1;
  background-color: #20202099;
}

.card-absolute-image.hover:hover {
  display: flex;
}

.card-absolute-image.icons-result {
  filter: invert();
}

.resuls-product-wrapper {
  padding-bottom: 110%;
  position: relative;
}

.results-sizes-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.row-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: min-content;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.row-grid.result-row {
  border-top: 1px solid var(--dark-grey);
  padding-top: 2px;
  padding-bottom: 2px;
}

.row-text {
  text-align: center;
  font-size: .75rem;
  font-weight: 600;
}

.row-text.results-grid-title {
  color: var(--grey-2);
  font-family: Termina, sans-serif;
}

.all-calculator-wrapper {
  justify-content: center;
  align-items: center;
  height: 100%;
  max-height: 100vh;
  margin-top: 5vh;
  margin-bottom: 5vh;
  display: flex;
}

.products-colletion {
  width: 200px;
  height: 400px;
  position: absolute;
}

.collection-item-6 {
  position: absolute;
  inset: 0%;
}

.product-image-ref, .product-icons-ref, .product-icons-h-ref {
  display: none;
}

.card-content-grid-gides {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.resuls-guide-wrapper {
  padding-bottom: 56.25%;
  position: relative;
}

.other-guides-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.other-guide-thumbnail {
  padding-bottom: 56.25%;
  position: relative;
}

.result-drawer {
  border-radius: 8px;
  width: 450px;
  margin-right: -40px;
  padding: 16px 56px 16px 16px;
  position: relative;
  box-shadow: 0 0 10px 4px #0003;
}

.result-drawer.down {
  display: block;
}

.div-block-162 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.result-nav {
  margin-bottom: 8px;
}

.result-calculator-name {
  font-size: 1.5rem;
}

.results-tags-tags {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.tag-line {
  height: 15px;
  position: relative;
}

.tag-line-color {
  background-color: var(--grey);
  height: 5px;
  position: absolute;
  inset: 5px 0% auto;
}

.tag-line-hover {
  background-color: var(--black);
  width: 0;
  height: 5px;
  position: absolute;
  inset: 5px 0% auto;
}

.hidden-calc-elements {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.toggle-syste-wrapper {
  background-color: var(--dark-black);
  border-radius: 100%;
  padding: .2vh;
  box-shadow: 1px 1px 3px #ececec33;
}

.toggle-system {
  background-color: var(--dark-grey);
  cursor: pointer;
  border-radius: 1.95vh;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 13vh;
  height: 4vh;
  padding-left: 2.5vh;
  padding-right: 2.5vh;
  display: flex;
  position: relative;
}

.toggle-dot-icon {
  background-color: var(--yellow);
  border-radius: 50%;
  width: 2.5vh;
  height: 2.5vh;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 5px #0003;
}

.toggle-system-indicator {
  color: var(--yellow);
  text-transform: uppercase;
  align-items: center;
  font-size: 1.4vh;
  font-weight: 600;
  line-height: 100%;
  display: flex;
  position: absolute;
}

.toggle-system-indicator.left {
  inset: 0% auto 0% 1.2vh;
}

.toggle-system-indicator.rigth {
  inset: 0% 1.2vh 0% auto;
}

.indicator-wrapper {
  position: absolute;
  inset: 0%;
}

.dot-wrapper {
  width: 0;
  height: 0;
}

.projects-collection {
  position: absolute;
}

.utility-page-wrap {
  z-index: -1;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: block;
  position: absolute;
  inset: 0%;
}

.utility-page-content {
  text-align: center;
  width: 100%;
  padding-left: 64px;
  padding-right: 64px;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.submit-button {
  background-color: var(--yellow);
}

.image-39 {
  z-index: 0;
  opacity: .26;
  width: 50vw;
  height: 50vw;
  position: absolute;
  inset: 50% 0% 0% 50%;
  transform: translate(-50%, -50%);
}

.heading-14 {
  color: var(--black);
}

.image-40 {
  opacity: .05;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.div-block-163 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-15 {
  color: var(--black);
  margin-bottom: 20px;
}

.div-block-164 {
  width: 100%;
  margin-top: 40px;
  padding-left: 64px;
  padding-right: 64px;
  position: absolute;
}

.page-wrapper.is-black {
  background-color: var(--almost-black);
}

.main-wrapper {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: block;
}

.main-wrapper.productsspacing {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 2rem;
}

.main-wrapper.is-expocon {
  overflow: hidden;
}

.padding-global {
  height: 100%;
  padding-left: 4rem;
  padding-right: 4rem;
}

.padding-global.is-projects-page {
  line-height: 100%;
}

.padding-global.products-page {
  max-width: 100vw;
}

.padding-global.is-hero-expocon {
  z-index: 1;
  position: relative;
}

.padding-section-one-page {
  padding-top: 64px;
  padding-bottom: 64px;
}

.container-large {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.container-large.footer {
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
}

.products_main-banner_layout {
  grid-row-gap: 1rem;
  text-align: left;
  flex-direction: column;
  grid-template: "Banner-title Products-image"
                 "Banner-cta Products-image"
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 26rem;
  height: 100%;
  display: flex;
}

.search-bar-input {
  z-index: 20;
  clear: none;
  aspect-ratio: auto;
  text-transform: uppercase;
  object-fit: fill;
  background-color: #fff;
  background-image: url('../images/lupa-icon.svg');
  background-position: 16px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-attachment: scroll;
  border: 1px #000;
  width: 66%;
  height: 2.8rem;
  margin-bottom: 0;
  padding-left: 3.5rem;
  display: block;
  position: static;
  overflow: visible;
  box-shadow: 0 4px 10px #0003;
}

.search-bar-input::placeholder {
  color: var(--black);
  font-family: Termina, sans-serif;
  font-size: 1rem;
  font-weight: 900;
}

.heading-style-h5 {
  font-size: 1.5rem;
  line-height: 1.1;
}

.heading-style-h5.white-text {
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-l);
}

.heading-style-h5.white-text.inline-text {
  display: inline;
}

.heading-style-h5.white-text.video-heading {
  font-size: 1.2rem;
}

.heading-style-h5.white-text.video-heading.inline-text {
  float: left;
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-m);
  line-height: var(--text-size);
}

.heading-style-h1 {
  color: var(--yellow);
  font-size: 4.5rem;
  line-height: 1.1;
}

.heading-style-h4 {
  font-size: 2.5rem;
  line-height: 1.1;
}

.heading-style-h6 {
  text-transform: uppercase;
  font-family: Termina, sans-serif;
  font-size: .75rem;
  font-weight: 900;
  line-height: 1.1;
}

.heading-style-h6.white-text.inline-text {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.heading-style-h6.white-text.inline-text.is-template {
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-m);
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.heading-style-h6.white-text.inline-text.projects {
  font-family: var(--fonts--termina);
  color: var(--swatch--grey-light);
  font-size: var(--desktop--title-s);
  line-height: var(--text-size);
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.heading-style-h6.large {
  margin-top: 1.5rem;
  font-size: 1rem;
}

.heading-style-h2 {
  font-size: 3.75rem;
  line-height: 1.1;
}

.heading-style-h3 {
  font-size: 3rem;
  line-height: 1.1;
}

.heading-style-h3.porducts_banner-title {
  color: #ededed;
  font-size: 2rem;
}

.padding-section-narrow {
  width: 100%;
  height: 100%;
}

.padding-section-narrow.is-top-bar-padding {
  display: none;
}

.calculator-type-menu-dropdown {
  grid-column-gap: .4vh;
  grid-row-gap: .4vh;
  background-color: var(--dark-black);
  background-image: linear-gradient(to right, black, var(--black) 35%, #222 65%, var(--dark-grey));
  box-shadow: 0 2px 0 -1px #fff3, inset 0 2px 5px 0 var(--dark-grey), 0 14px 10px -11px #0000004d;
  border-radius: .4vh;
  flex-wrap: nowrap;
  grid-template-rows: max-content;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center space-between;
  align-items: center;
  width: 100%;
  height: 6vh;
  padding-left: 2.2vh;
  padding-right: 2.2vh;
  display: flex;
  overflow: hidden;
}

.calculator-type-menu-dropdown.is-project-tempalte {
  display: none;
}

.current-calculator {
  color: var(--yellow);
  text-transform: uppercase;
  font-family: Termina, sans-serif;
  font-size: 1.125rem;
}

.image-44 {
  width: 3vh;
  height: 3vh;
  transform: rotate(270deg);
}

.screen-radio-selection {
  grid-column-gap: 1vh;
  display: flex;
}

.screen-radio-dot {
  border: 1px solid var(--white-smoke);
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  border-radius: 50%;
  width: 1.8vh;
  height: 1.8vh;
  padding: .1vh;
  display: inline-block;
}

.screen-radio-dot.active-radio {
  border-color: var(--yellow);
  background-color: var(--yellow);
}

.screen-radio-group {
  grid-column-gap: 1vh;
  justify-content: flex-start;
  display: flex;
}

.div-block-168 {
  display: none;
}

.modal-type-menu {
  z-index: 2;
  grid-row-gap: 1rem;
  background-color: #131313e6;
  border-radius: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-type-modal-title {
  color: var(--light-gray);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-family: Termina, sans-serif;
  font-size: 1.25rem;
  font-weight: 900;
}

.modal-calculator-type {
  color: var(--light-gray);
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-family: Termina, sans-serif;
  font-size: .75rem;
  font-weight: 900;
}

.modal-calculator-type.active-type {
  color: var(--yellow);
  text-decoration: underline;
}

.close-modal-wrapper {
  color: var(--yellow);
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 10rem;
  padding: 30px 30px 90px 90px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-modal-wrapper.is-project-template {
  display: none;
}

.global-top-bars {
  z-index: 10;
  display: block;
  position: relative;
}

.global-top-bars.nav-bar {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.hidden-element {
  display: none;
  position: absolute;
}

.headings-styling {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 64px;
  display: flex;
}

.html-embed-18 {
  color: var(--yellow);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.html-embed-18:hover {
  color: var(--white);
}

.html-embed-18:active {
  color: #ffffffb8;
}

.hidden-text {
  z-index: 1000;
  color: var(--dark-grey);
  display: block;
  position: fixed;
  top: -100%;
  left: -100%;
}

.global-styles {
  display: none;
}

.product-template_main-banner.productsspacing {
  margin-top: 2rem;
}

.component {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: auto;
  margin-top: 3vh;
  margin-bottom: 3vh;
  display: flex;
}

.calculator-app {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
}

.cookie-intro {
  grid-column-gap: 16px;
  grid-row-gap: 24px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  max-width: 600px;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-right: -40px;
  padding: 40px 80px 40px 40px;
  display: flex;
  position: static;
  inset: 0% auto 0% 0%;
  box-shadow: -2px 0 10px 4px #0003;
}

.result_nav-arrow {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 40px;
  padding-left: .25rem;
  padding-right: .25rem;
  display: flex;
  position: absolute;
  inset: 0% auto;
}

.result_nav-arrow.left {
  align-items: center;
  left: 0;
}

.result_nav-arrow.rigth {
  right: 40px;
}

.arrow {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 150px;
  display: flex;
}

.arrow:hover {
  background-color: #b2b2b224;
  transform: scale(1.2);
}

.global_component-footer {
  z-index: 1;
  border-top: 2px solid var(--yellow);
  background-color: var(--dark-grey);
  transition: bottom .3ms cubic-bezier(.785, .135, .15, .86);
}

.foorer-links {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-link {
  color: var(--white-smoke);
  cursor: pointer;
  font-family: Barlow, sans-serif;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: underline;
}

.footer-link:hover {
  color: var(--yellow);
}

.footer-link.mark {
  order: -1;
  text-decoration: none;
}

.footer-link.mark.is-mobile {
  display: none;
}

.footer-link.mark.is-desktop {
  order: 0;
}

.padding-section_footer {
  flex: 1;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.layout-footer {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.calculator-wrapper-component {
  align-items: center;
  width: 100%;
  display: flex;
}

.settings-icon-wrapper {
  cursor: pointer;
  width: 2.25rem;
  height: 2.25rem;
  transition: transform .1s;
}

.settings-icon-wrapper:hover {
  transform: scale(1.1);
}

.products-row {
  overflow: hidden;
}

.products-row.jetboost-inactive-show-wbew.jetboost-inactive-show-jqnj.jetboost-inactive-show-w3nm {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.products-row.is-homepage {
  width: 100%;
}

.scroll-script {
  display: none;
}

.filter-side-dropdown {
  width: 100%;
  margin-left: 0;
  margin-right: 1rem;
  display: block;
}

.icon {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: static;
}

.margin-block {
  width: 100%;
  height: 1rem;
}

.margin-block.is-large {
  height: 2rem;
}

.product-specifications_layout {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "Product-images-galery Product-specifications"
  / 5fr 7fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-galery-layout {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "Product-galery Main"
  / 1fr 5fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-specifications-layout {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-direction: column;
  display: flex;
}

.subtitle-common {
  font-family: Barlow, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
}

.specifications-layout {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border-top: 5px solid var(--dark-black);
  border-bottom: 5px solid var(--dark-black);
  flex-direction: column;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.peroduct-header-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.peroduct-header-wrapper.mobile {
  display: none;
}

.specification-icons-layout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: minmax(10%, 1fr) minmax(10%, 1fr) minmax(10%, 1fr) minmax(10%, 1fr) minmax(10%, 1fr);
  grid-auto-columns: minmax(10%, 1fr);
  grid-auto-flow: column;
  display: grid;
}

.collection-item-8 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  grid-template-rows: 1.8rem 5.4rem 1.8rem;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  width: 100%;
  height: 100%;
  display: grid;
}

.speficiations-value {
  text-align: center;
}

.speficiations-value-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-small {
  color: var(--swatch--grey-light);
  font-family: Barlow, sans-serif;
  font-size: var(--desktop--body-s);
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  flex-flow: wrap;
  flex: 0 auto;
  max-width: 100%;
  max-height: 3rem;
  margin-bottom: 0;
  font-weight: 400;
  display: inline-flex;
}

.body-small.video-description {
  color: var(--white-smoke);
  font-size: var(--desktop--body-m);
  line-height: var(--text-size);
  text-align: left;
  text-transform: none;
  white-space: normal;
  word-break: normal;
}

.body-small.video-description.desktop {
  font-size: var(--desktop--body-l);
}

.body-small.video-description.mobile {
  height: auto;
  max-height: none;
  display: none;
}

.body-small.dark-text {
  color: var(--swatch--almost-black);
}

.fill-svg-script {
  display: none;
}

.specification-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.division-1px {
  background-color: var(--dark-black);
  width: 100%;
  height: 1px;
}

.product-documents-layout {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  display: flex;
}

.document-link-wrapper {
  grid-column-gap: .5ch;
  grid-row-gap: .5ch;
  border: 1px solid var(--dark-black);
  background-color: var(--white);
  align-items: center;
  padding: .5rem;
  display: flex;
}

.html-embed-20 {
  aspect-ratio: 1;
  height: 100%;
}

.html-embed-20.body {
  height: 1em;
}

.product-left-column {
  width: 100%;
  height: 100%;
}

.product-galery_layout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-main_layout {
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0 1rem;
  display: flex;
}

.galery-image {
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
}

.gallery-colection-wrapper-one-image {
  aspect-ratio: 1;
  flex: 1;
  width: 100%;
  margin-bottom: 24px;
  overflow: hidden;
}

.gallery-collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  aspect-ratio: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 0;
  display: none;
}

.gallery-controler-image {
  border: 1px solid #0000;
  padding: .3rem;
}

.gallery-controler-image:hover {
  border-color: var(--grey-2);
}

.gallery-control-script {
  display: none;
}

.svg-icon {
  aspect-ratio: 1;
  max-width: 80%;
  height: 100%;
  position: absolute;
  inset: 0% auto;
}

.overflow-container {
  display: none;
}

.projects-card-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  flex: 1;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start space-between;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.projects-card-list.is-template {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.projects-list-wrapper.is-mobile {
  display: none;
}

.projects-list-wrapper.jetboost-list-wrapper-wd56 {
  flex-flow: wrap;
  display: flex;
}

.projects-list-wrapper.jetboost-list-wrapper-wd56.jetboost-list-wrapper-wloo {
  place-content: space-between flex-start;
  align-self: flex-start;
  align-items: stretch;
  width: 100%;
}

.project-video-card {
  box-sizing: border-box;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  align-self: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: grid;
}

.project-video-card.is-other-projects.is-template {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
}

.projcet-video-thubmanil {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  position: static;
  inset: 0%;
}

.projcet-video-thubmanil.template-project-hide {
  display: none;
}

.project-video-title-layout {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  max-width: 100%;
  display: flex;
}

.project-video-title-layout.is-project-template {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.share-projects-template {
  aspect-ratio: 1;
  cursor: pointer;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.2em;
  display: flex;
}

.project-video_title-wrapper.desktop {
  margin-top: 1rem;
  display: block;
}

.template-steps-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.project-step-layout {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 75vh;
  padding: 0 1rem 2rem;
  display: flex;
  overflow: auto;
}

.project-step-recomendation-card {
  width: 100%;
  box-shadow: 0 2px 5px #0003;
}

.projects-steps-line {
  z-index: 0;
  background-color: var(--light-gray);
  -webkit-text-fill-color: inherit;
  background-clip: content-box;
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 8.5px 10px;
  position: absolute;
  inset: 0%;
}

.project-steps-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--black-sakrete);
  flex-direction: column;
  height: 100vh;
  padding: 0 1.5rem 1.5rem;
  display: flex;
}

.project-tools-info-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  max-width: 100%;
  min-height: 100%;
  position: static;
}

.section_related-guides {
  margin-bottom: 2rem;
}

.category-row.jetboost-inactive-show-wbew.jetboost-inactive-show-jqnj.jetboost-inactive-show-w3nm {
  width: 100%;
  height: 100%;
  margin-bottom: auto;
  overflow: hidden;
}

.close-project-steps-wrapper, .steps-drag-line {
  display: none;
}

.collection-list-12 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  width: auto;
  display: flex;
}

.details-rich-text {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 135%;
  display: flex;
}

.lightbox-link {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.products-filter-checkbox {
  z-index: 2;
  cursor: pointer;
  margin-bottom: 1ch;
  position: relative;
}

.filter-checkbox-wrapper {
  position: relative;
}

.footer-icon {
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.project_card-title {
  flex-flow: wrap;
  align-items: stretch;
  max-width: 100%;
}

.section_all-projects {
  min-height: 80vh;
}

.products-main-slider {
  display: none;
}

.extra-10-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: var(--grey-2);
  justify-content: center;
  align-items: center;
  display: flex;
}

.extra-tooltip-wrapper {
  z-index: 999;
  width: 1rem;
  position: relative;
}

.tooltip-window {
  background-color: var(--white);
  width: 20ch;
  margin-bottom: .5rem;
  padding: .5rem;
  font-family: Barlow, sans-serif;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-90%);
  box-shadow: 0 4px 10px #0003;
}

.tooltip-paragraph {
  margin-bottom: 0;
  font-size: .8rem;
}

.tooltip-arrow {
  border-top: .5rem solid var(--white);
  border-left: .5rem solid #8c8c8c00;
  border-right: .5rem solid #8c8c8c00;
  position: absolute;
  top: 100%;
  left: 90%;
  transform: translate(-40%);
}

.project-card_link-wrapper {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.project-card_title-description-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.see-more-script {
  display: none;
}

.section_products-filters-banner {
  aspect-ratio: 4;
  width: 100%;
  position: relative;
  margin-bottom: 4rem;
}

.products-banner_image {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.products-banner_image.is-mobile {
  display: none;
}

.text-weigth-medium {
  font-family: Terminatest, sans-serif;
  font-weight: 500;
}

.youtube {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.tab-link-tab-1 {
  background-color: #c8c8c800;
  border-bottom: 2px solid #0000;
  padding: 0;
}

.tab-link-tab-1.w-current {
  border-bottom: 2px solid var(--white-smoke);
  background-color: #c8c8c800;
  padding-top: 0;
  padding-bottom: 0;
}

.tab-link-tab-2 {
  background-color: #ddd0;
  border-bottom: 2px solid #0000;
  padding: 0;
}

.tab-link-tab-2.w-current {
  border-bottom: 2px solid var(--white-smoke);
  background-color: #ddd0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.tabs-menu {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  margin-bottom: 1rem;
  display: flex;
}

.tabs {
  margin-top: 5rem;
  padding-bottom: 2rem;
}

.grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto auto auto auto auto auto auto;
}

.flex-block {
  justify-content: center;
  align-items: center;
  padding-top: 2rem;
  padding-left: 20rem;
  padding-right: 20rem;
}

.text-field {
  background-color: var(--white-smoke);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
}

.form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.concrete-combat-form {
  margin-bottom: 0;
}

.flex-block-2 {
  justify-content: center;
  align-items: center;
}

.youtube-2 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.div-block-184 {
  padding-right: 15px;
}

.padding-global-2 {
  opacity: 1;
  object-fit: contain;
}

.padding-global-2.is-all-products-banner {
  z-index: 2;
  height: 100%;
  padding-left: 4rem;
  position: relative;
  box-shadow: 0 4px 10px #0003;
}

.button-yellow-white-2 {
  color: var(--dark-grey);
  text-align: center;
  text-transform: uppercase;
  background-color: #fedb00;
  padding: 1.25rem 3rem;
  font-size: 1rem;
  font-weight: 600;
}

.button-yellow-white-2:hover {
  color: #121212;
  background-color: #fff;
}

.button-yellow-white-2.button-banner {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 3rem;
  padding: 9px 1rem;
  display: flex;
}

.button-yellow-white-2.top-btn {
  width: 17rem;
}

.products-layout {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: contain;
  grid-template: "search-bar-n-tags"
                 "popular"
                 "recomended"
                 "categories"
                 "products"
                 "."
                 / 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-left: 2rem;
  display: grid;
  position: static;
  overflow: visible;
}

.products-chip {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #ededed;
  background-color: #121212;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: auto;
  place-content: center start;
  place-items: center start;
  padding: .25rem;
  font-weight: 600;
  display: grid;
}

.products-chip.jetboost-applied-filter-item-w3nm {
  border: 1px #000;
  grid-auto-columns: auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  font-size: 1rem;
  line-height: 100%;
  display: flex;
}

.products-chip.jetboost-applied-filter-item-wbew {
  flex: 0 auto;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  font-size: 1rem;
  line-height: 100%;
  display: flex;
}

.products-chip.jetboost-list-search-reset-jqnj {
  border: 1px #000;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  font-size: 1rem;
  line-height: 100%;
  display: flex;
}

.products-text-chip {
  font-family: var(--fonts--barlow);
  color: #ededed;
  font-size: var(--desktop--body-s);
  line-height: var(--text-size);
  text-transform: uppercase;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  height: 100%;
  padding: .1rem;
  font-weight: 600;
  display: inline-flex;
}

.products-text-chip.jetboost-applied-filter-inner-text {
  font-family: var(--fonts--barlow);
  color: #ededed;
  font-size: var(--mobile--body-s);
  line-height: var(--text-size);
  flex-flow: row;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  font-weight: 600;
  display: inline-flex;
}

.filter-products {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-flow: column;
  grid-template: "close-icon"
                 "filter-spec"
                 "filter-btns"
                 "filter-btns"
                 / 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  padding-left: 0;
  display: grid;
  overflow: hidden;
}

.section-main-products-layout {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  object-fit: fill;
  grid-template-rows: 1fr;
  grid-template-columns: 20% repeat(auto-fit, 80%);
  grid-template-areas: "filter-products products-layout";
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  place-items: start center;
  width: 100%;
  margin-top: 20px;
  display: grid;
  position: static;
  overflow: visible;
}

.filter-column_dopdown-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  text-transform: uppercase;
  background-color: #ddd0;
  flex-direction: column;
  width: 100%;
  max-height: 0;
  margin-top: auto;
  padding-left: 1rem;
  transition: max-height .4s cubic-bezier(.445, .05, .55, .95);
  display: flex;
  position: relative;
  overflow: hidden;
}

.filter-column_dopdown-2.w--open {
  box-sizing: content-box;
  max-height: 1000px;
  display: flex;
}

.filter_drop-down_text-3 {
  white-space: nowrap;
  word-break: normal;
  font-family: Barlow, sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  display: inline-block;
}

.filter_drop-down_text-3.is-label {
  font-size: 1rem;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 20px;
}

.products-close-chip {
  color: #ededed;
  object-fit: contain;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 12px;
  height: 12px;
  font-size: .7rem;
  font-weight: 600;
  line-height: 100%;
  display: inline-flex;
}

.html-embed-30 {
  justify-content: flex-end;
  align-items: stretch;
  width: 25px;
  height: 25px;
  margin-top: 0;
  display: none;
  position: static;
  right: 0;
}

.form-block-4 {
  margin-bottom: 0;
}

.jetboost-filter-w3nm {
  width: 100%;
  display: block;
}

.filter-toggle-menu {
  display: none;
}

.margin-block-2 {
  width: 100%;
  height: auto;
}

.filter_drop-down_header-wrapper-3 {
  border-top: 1px solid #000;
  align-items: center;
  padding: 1rem 0 0;
  transition: padding .2s;
  display: flex;
}

.filter-dropdown-toggle-2 {
  justify-content: space-between;
  align-items: center;
  width: 35px;
  height: auto;
  padding: 10px;
  display: none;
  position: static;
}

.btn-filter {
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--mobile--body-s);
  line-height: var(--text-size);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  word-break: normal;
  background-color: #202020;
  justify-content: center;
  align-items: center;
  width: 9.75rem;
  min-width: 9.75rem;
  max-width: 9.75rem;
  height: 2.625rem;
  min-height: 2.625rem;
  max-height: 2.625rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.btn-filter.is-white {
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--mobile--button-s);
  line-height: var(--text-size);
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 9.75rem;
  height: 2.625rem;
  font-weight: 600;
  display: flex;
}

.btn-filter.is-white.jetboost-filter-none-wloo {
  min-width: 9.75rem;
  max-width: 2.625rem;
  min-height: 2.625rem;
  max-height: 2.625rem;
}

.btn-filter.is-white.jetboost-filter-none-w3nm, .btn-filter.is-yellow {
  min-width: 9.75rem;
  max-width: 9.75rem;
  min-height: 2.625rem;
  max-height: 2.625rem;
}

.filter-btns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.collection-list-14 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  display: flex;
}

.filters-chips-container-2 {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1rem;
  display: none;
}

.text-field-3.search-bar-input.jetboost-list-search-input-jqnj {
  box-shadow: none;
  background-image: url('../images/lupa-icon.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  background-attachment: scroll;
  align-items: center;
  width: 100%;
  height: 6ch;
  padding-left: 4rem;
  padding-right: 8px;
  display: block;
}

.products_filter-form-block_layout-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  flex-flow: column;
  grid-template: "search-bar toggle-menu"
                 "chips-container chips-container"
                 / 1fr auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 2.5rem;
  display: grid;
  position: static;
}

.filter-section-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.filter-section-2.is-category {
  text-transform: capitalize;
}

.filter_drop-down_hidden-text-2 {
  opacity: 0;
  color: red;
  margin-bottom: 0;
  display: block;
}

.jetboost-filter-wbew {
  flex-flow: wrap;
}

.button-arrow-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template: "button button button button"
  / 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-end;
  width: 50%;
}

.title-container-2 {
  grid-column-gap: 24px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template: ". . ."
                 "Title Title Title"
                 / 1fr 1fr;
  grid-auto-rows: minmax(auto, 1fr);
  grid-auto-columns: .25fr;
  place-content: start;
  place-items: stretch stretch;
}

.title-container-2.expo {
  width: 150%;
}

.image-wrapper {
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  position: relative;
}

.hidden-text-2 {
  z-index: 1000;
  color: #121212;
  position: fixed;
  top: -100%;
  left: -100%;
}

.slider-4 {
  clear: none;
  object-fit: fill;
  background-color: #0000;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.mask-2 {
  position: absolute;
}

.div-block-192 {
  z-index: 100000;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.homepageslidenav {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: 700;
  display: flex;
}

.hero-text-content-2 {
  z-index: auto;
  float: none;
  clear: none;
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  max-width: 40vw;
  line-height: 100%;
  display: block;
  position: fixed;
}

.hero-text-content-2.homepagetextposition {
  z-index: auto;
  max-width: 50%;
  margin-bottom: 4rem;
  margin-left: 4rem;
  padding-top: 0;
  inset: auto auto 0% 0%;
}

.slide-1 {
  float: none;
  clear: none;
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  position: static;
}

.hero-container-2 {
  flex-direction: column;
  /* width: 100vw; */
  height: 100vh;
  min-height: 1px;
  display: block;
  position: relative;
  overflow: hidden;
}

.page-wrapper-2 {
  overflow: hidden;
}

.slide-4 {
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  position: static;
}

.white-text-3 {
  color: #ededed;
  text-align: left;
  margin-bottom: 0;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.white-text-3.heading-style-h3 {
  justify-content: space-between;
  align-items: stretch;
  max-width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.white-text-3.body-medium-light {
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.white-text-3.body-medium-light.homepage-calculator-body-wrapper {
  text-transform: uppercase;
  width: 33rem;
  font-family: Termina, sans-serif;
  font-size: 1rem;
  font-weight: 900;
}

.white-text-3.body-medium-light.homepage-calculator-body-wrapper.homepage {
  text-transform: none;
  width: auto;
  max-width: 100%;
  font-family: Barlow, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
}

.homepage-feature-text-wrapper {
  box-sizing: border-box;
  grid-row-gap: .5rem;
  object-fit: fill;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 100%;
  overflow: visible;
}

.homepage-feature-section {
  justify-content: space-between;
  width: 100%;
  max-height: 37.5rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  background-color: #202020;
}

.homepage-feature-image {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: static;
  inset: 0%;
}

.homepage-feature-image-container {
  flex: none;
  width: 50%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.homepage-feature-cta-container {
  aspect-ratio: 1;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  max-width: none;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: flex;
}

.homepage-cta-button-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.homepage-calculator-cta-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.homepage-guide-cta-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.homepage-map-cta-wrapper {
  box-sizing: border-box;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  object-fit: fill;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.uui-navbar05_menu-dropdown {
  position: static;
}

.uui-navbar05_dropdown-toggle {
  color: #475467;
  align-items: center;
  padding: 1.75rem 2.5rem 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
  display: flex;
}

.uui-navbar05_dropdown-toggle:hover {
  color: #344054;
}

.uui-navbar05_menu-button {
  padding: 0;
  display: block;
}

.uui-navbar05_menu {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 1.5rem;
  display: flex;
  position: static;
}

.uui-navbar05_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.uui-navbar05_component {
  background-color: #fff;
  border-bottom: 1px solid #f2f4f7;
  align-items: center;
  min-height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: block;
}

.uui-dropdown-icon {
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.uui-navbar05_link {
  color: #667085;
  align-items: center;
  padding: 1.75rem 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all .3s;
}

.uui-navbar05_link:hover {
  color: #344054;
}

.uui-navbar05_link.w-current {
  color: #000;
}

.uui-navbar05_link.products {
  color: var(--white-smoke);
}

.uui-navbar05_dropdown-list {
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}

.uui-navbar05_dropdown-list.w--open {
  background-color: var(--transparent);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 5rem 0 auto 0%;
  overflow: hidden;
}

.hamburgermenuwrapper {
  display: none;
}

.pagesspacer {
  display: block;
}



.archive.bodyClass .page-wrapper.is-black,.single-product.bodyClass .page-wrapper.is-black{
  background-color: var(--white);
  color: #000;
}
.archive.bodyClass .subtitle,.single-product.bodyClass .subtitle{
  color: #000;
}

.page-wrapper.is-black {
  background-color: var(--almost-black);
}

.archive.bodyClass,.single-product.bodyClass
{
  background-color: var(--white);
  color: #000;
}

.bodyClass {
  background-color: var(--dark-grey);
  color: var(--white-smoke);
}

.bodyClass.contact {
  min-height: 100vh;
}

.whitebody {
  background-color: var(--swatch--background-color);
}

.productsdropdown {
  background-color: var(--transparent);
  border-bottom: 1px #f2f4f7;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.productsdropdown.desktop {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.productsdropdown.desktop.w--open {
  z-index: 100000;
}

.arrowdown {
  transform: scale(.45)rotate(90deg);
}

.desktopproductsdropdown.w--open {
  background-color: var(--transparent);
  text-align: right;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 250%;
  display: flex;
  top: 50px;
  right: 10px;
}

.productsdropdownbackground {
  z-index: 500;
  background-color: var(--75-transparent);
  display: none;
  position: absolute;
  inset: 0% 0% -100vh;
}

.subtitlewrapper {
  margin-top: 25px;
}

.filterscheckbox {
  background-color: var(--transparent);
  border: 1px solid #000;
}

.filterscheckbox.w--redirected-checked {
  border-style: none;
  border-color: var(--dark-grey);
  background-color: var(--yellow);
  background-image: url('../images/black-check_1.svg');
  background-position: 50%;
  background-size: 10px 10px;
  background-attachment: scroll;
}

.filterscheckbox.w--redirected-focus {
  box-shadow: none;
}

.projects-video-section {
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 1.75rem;
}

.projects-video-container {
  flex-flow: wrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: block;
}

.shadow-search-filter-bar {
  width: 100%;
  box-shadow: 0 2px 5px 2px #0003;
}

.chip-set {
  grid-column-gap: .5rem;
  border: 1px none var(--yellow);
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 2rem;
  text-decoration: none;
  display: flex;
}

.categories-filter-list-wrapper {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: baseline;
  display: flex;
}

.category-tag-text {
  border: 1px solid var(--yellow);
  color: var(--yellow);
  -webkit-text-stroke-color: var(--dark-black);
  text-transform: uppercase;
  padding: .5rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 100%;
}

.category-tag-text.jetboost-filter-active {
  background-color: var(--yellow);
  color: var(--dark-black);
  justify-content: flex-start;
  align-items: stretch;
  padding-top: .25rem;
  padding-bottom: .25rem;
  line-height: 1.25rem;
  display: inline-flex;
}

.collection-list-15 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.text-block-24 {
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 100%;
}

.heading-22 {
  color: var(--white);
  margin-bottom: 2rem;
  font-size: 3rem;
}

.category-tag {
  box-sizing: border-box;
  clear: none;
  aspect-ratio: auto;
  object-fit: none;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
  position: absolute;
  inset: auto auto .5rem .5rem;
}

.text-block-25 {
  font-family: var(--fonts--barlow);
  color: var(--white);
  font-size: var(--desktop--body-s);
  text-align: center;
  object-fit: scale-down;
  background-color: #000000b3;
  justify-content: flex-start;
  align-items: center;
  padding: .5rem;
  font-weight: 600;
  line-height: 100%;
  display: flex;
}

.all-categories-tag {
  border: 1px solid var(--yellow);
  background-color: var(--yellow);
  color: var(--dark-black);
  text-align: center;
  text-transform: uppercase;
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  padding: .25rem .5rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25rem;
  display: inline-flex;
}

.all-categories-tag.is-transparent {
  background-color: var(--transparent);
  color: var(--yellow);
}

.all-categories-tag.is-transparent.jetboost-active-show-wd56.jetboost-filter-none-wd56 {
  display: none;
}

.project-video-thumbnail-wrapper {
  aspect-ratio: 16 / 9;
  object-fit: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: clip;
}

.code-embed-2, .projects-filter-mobile, .div-block-2122.jetboost-active-show-wloo {
  display: none;
}

.projects-layout {
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.project-guides-thumbnail.is-template {
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
}

.project-guides-button-wrapper {
  display: none;
}

.homepage-title {
  color: #ededed;
  margin-bottom: .75rem;
}

.homepage-title.slider-3 {
  width: 65%;
  font-size: 3rem;
}

.product-page-title {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 4rem;
  padding-right: 4rem;
  font-size: 3rem;
}

.homepage-products-section {
  background-color: #666;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-bottom: 2.5rem;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
  display: block;
}

.products-homepage-title {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.products {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-around space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
}

.tools {
  margin-bottom: 2rem;
}

.card-button-small {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--swatch--sakrete-golden);
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--body-s);
  line-height: var(--fonts--height);
  text-transform: uppercase;
  word-break: keep-all;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 3rem;
  font-weight: 600;
  display: flex;
  position: relative;
}

.card-button-small:hover {
  background-color: var(--swatch--almost-black);
  color: var(--swatch--sakrete-golden);
}

.marker-icon {
  opacity: 1;
  mix-blend-mode: difference;
  width: 20px;
  height: 20px;
}

.link-block-10 {
  flex: 1;
  align-self: auto;
  position: absolute;
  inset: 0%;
}

.card-large {
  background-color: var(--swatch--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 19.25rem;
  height: 24.75rem;
  padding: 1.5rem 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 4px 10px #0003;
}

.card-large.dark {
  background-color: var(--swatch--almost-black);
}

.card-large-title {
  color: var(--swatch--almost-black);
  font-size: var(--desktop--body-l);
  line-height: var(--fonts--height);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: 2.75rem;
  font-weight: 900;
}

.card-large-title-text {
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--body-l);
  text-transform: uppercase;
  white-space: pre-wrap;
  word-break: keep-all;
  overflow-wrap: normal;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  font-weight: 900;
  line-height: 1;
}

.card-large-title-text.dark {
  color: var(--swatch--white);
}

.card-large-image-wrapper {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.card-large-image {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 11.75rem;
  max-width: none;
  height: 11.75rem;
}

.card-large-button-wrapper {
  cursor: pointer;
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.card-medium {
  background-color: var(--swatch--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 15rem;
  height: 23.75rem;
  padding: 1.5rem 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 4px 10px #0003;
}

.card-medium.dark {
  background-color: var(--swatch--almost-black);
}

.card-medium-title {
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--body-l);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-start;
  height: 2.5rem;
  font-weight: 900;
  line-height: 1;
}

.card-medium-title-text {
  font-family: var(--fonts--barlow);
  font-size: var(--desktop--body-m);
  white-space: pre-wrap;
  word-break: keep-all;
  justify-content: center;
  align-items: flex-start;
  height: 2.25rem;
  display: flex;
}

.card-medium-title-text.dark {
  color: var(--swatch--white);
}

.card-medium-image-wrapper {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.card-medium-image {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 10.75rem;
  max-width: none;
  height: 10.75rem;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
}

.card-small {
  background-color: var(--swatch--white);
  flex-flow: column;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  width: 12.5rem;
  height: 15.5rem;
  padding: .5rem 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 4px 10px #0003;
}

.card-small.dark {
  background-color: var(--swatch--almost-black);
}

.card-small-title {
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--body-m);
  text-transform: uppercase;
  height: 2.25rem;
  font-weight: 700;
}

.card-small-title-text {
  text-align: center;
  white-space: pre-wrap;
  word-break: keep-all;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.card-small-title-text.limit-2-lines {
  font-size: var(--desktop--body-s);
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  max-height: 2.5rem;
  font-weight: 900;
  overflow: clip;
}

.card-small-title-text.limit-2-lines.dark {
  color: var(--swatch--white);
}

.card-small-image-wrapper {
  object-fit: contain;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.card-small-image {
  object-fit: contain;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 7.25rem;
  max-width: none;
  height: 7.25rem;
  margin-left: auto;
  margin-right: auto;
  display: inline-flex;
}

.card-large-link {
  cursor: pointer;
  position: absolute;
  inset: 0% 0% 5.5rem;
}

.card-medium-link {
  cursor: pointer;
  position: absolute;
  inset: 0% 0% 5rem;
}

.card-small-link {
  cursor: pointer;
  position: absolute;
  inset: 0% 0% 4rem;
}

.components {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--swatch--grey-midtone);
  flex-flow: column;
  padding: 4rem 4rem 8rem;
  display: flex;
}

.text-block-30 {
  font-size: var(--desktop--button-s);
}

.card-button-large {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--swatch--sakrete-golden);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 3.875rem;
  display: flex;
  position: relative;
}

.card-button-large:hover {
  background-color: var(--swatch--almost-black);
}

.card-button-large.dark:hover {
  background-color: var(--swatch--white);
}

.card-button-large.light {
  display: none;
}

.card-button-large.light:hover {
  color: var(--yellow);
}

.link-block-11 {
  font-family: var(--fonts--barlow);
  color: var(--almost-black);
  font-size: var(--desktop--button-l);
  font-weight: 600;
  line-height: 1;
  position: absolute;
  inset: 0%;
}

.text-button-large {
  font-family: var(--fonts--barlow);
  font-size: var(--desktop--button-l);
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
}

.card-button-medium {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  background-color: var(--swatch--sakrete-golden);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  height: 3.25rem;
  display: flex;
  position: relative;
}

.card-button-medium:hover {
  background-color: var(--swatch--almost-black);
  color: var(--swatch--sakrete-golden);
}

.link-block-12 {
  position: absolute;
  inset: 0%;
}

.text-block-32 {
  font-size: var(--desktop--button-m);
  text-transform: uppercase;
  font-weight: 600;
}

.card-extra-large {
  background-color: var(--white);
  flex-flow: column;
  justify-content: center;
  width: 26rem;
  height: 36.25rem;
  padding: 1rem;
  display: flex;
  position: relative;
  box-shadow: 0 4px 10px #0003;
}

.card-extra-large.dark {
  background-color: var(--swatch--almost-black);
}

.card-extra-large-image {
  width: 22.5rem;
  height: 22.5rem;
}

.products-home {
  color: var(--almost-black);
  padding-bottom: .5rem;
  overflow: auto;
}

.collection-list-products-home {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.marker-icon-dark {
  width: 20px;
  height: 20px;
}

.collection-list-products-template {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.products-section-product-template {
  margin-bottom: 2.5rem;
  margin-left: 4rem;
  margin-right: 4rem;
}

.products-section-template-title {
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-m);
  line-height: var(--text-size);
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.collection-list-wrapper-12 {
  padding-bottom: .5rem;
  overflow: auto;
}

.collection-list-products-guides-template {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  display: flex;
}

.products-recomended-and-popular {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  overflow: auto;
}

.collection-list-products-row {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  display: flex;
}

.collection-item-10, .collection-item-11 {
  flex: none;
  align-self: stretch;
}

.products-all-section.jetboost-active-show-wbew.jetboost-active-show-jqnj.jetboost-active-show-w3nm {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.products-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.link-large-light {
  position: absolute;
  inset: 0%;
}

.jetboost-list-wrapper-wbew.jetboost-list-wrapper-jqnj.jetboost-list-wrapper-w3nm {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.category-products-card {
  background-image: linear-gradient(#00000080, #00000080);
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  width: 29.75rem;
  height: 12.75rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.category-card-image {
  z-index: -1;
  object-fit: cover;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.category-card-title {
  z-index: auto;
  font-family: var(--fonts--termina);
  color: var(--swatch--white);
  font-size: var(--desktop--title-l);
  justify-content: flex-start;
  align-items: center;
  margin: 1.25rem 1.5rem;
  display: inline-flex;
  position: absolute;
  inset: 0%;
}

.category-collection-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.products-categories {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-bottom: .5rem;
  overflow: auto;
}

.link-block-13 {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.banner-card {
  cursor: pointer;
  background-image: url('../images/calculadora.png');
  background-position: 50%;
  background-size: contain;
  flex: none;
  justify-content: flex-start;
  align-self: stretch;
  width: 33.25rem;
  min-width: 33.2rem;
  height: 17.26rem;
  min-height: 17.26rem;
  padding: 1.5rem;
  display: flex;
  position: relative;
}

.banner-card.project {
  cursor: pointer;
  background-image: none;
  display: flex;
}

.banner-card.guides {
  object-fit: fill;
  background-position: 100%;
  background-size: cover;
  width: 26.125rem;
  min-width: 26.125rem;
}

.banner-link {
  z-index: 1;
  background-image: linear-gradient(#00000080, #00000080);
  position: absolute;
  inset: 0%;
}

.banner-title {
  font-family: var(--fonts--termina);
  color: var(--swatch--white);
  font-size: var(--desktop--title-s);
  flex-flow: wrap;
  align-content: center;
  width: 16rem;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.banner-title.project {
  z-index: 2;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-height: 5rem;
  position: relative;
}

.banner-project-image {
  object-fit: cover;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: inline-flex;
  position: absolute;
  inset: 0%;
}

.resources-section-product-template {
  margin: 2rem 4rem;
}

.resources-section-template-title {
  font-family: var(--fonts--termina);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--title-m);
  line-height: var(--text-size);
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.products-template-banners {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  padding-bottom: .5rem;
  display: flex;
  overflow: auto;
}

.related-projects-collection-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.calc {
  width: 100%;
  margin-bottom: 2rem;
  padding-bottom: .5rem;
  position: relative;
  overflow: visible;
}

.div-block-2135 {
  position: relative;
}

.calc-banner-link {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  inset: 0%;
}

.calc-wrapper {
  position: relative;
}

.video-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 26rem;
  height: 20.25rem;
  display: flex;
}

.video-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 15.25rem;
}

.video-title {
  font-family: var(--fonts--termina);
  color: var(--swatch--grey-light);
  font-size: var(--desktop--title-xs);
  line-height: var(--fonts--height);
  width: 100%;
  height: 2rem;
}

.video-description {
  font-family: var(--fonts--barlow);
  color: var(--swatch--grey-light);
  font-size: var(--desktop--body-xs);
  line-height: var(--fonts--height);
  text-transform: none;
  width: 100%;
  height: 2rem;
  font-weight: 400;
}

.thumbnail-container {
  width: 100%;
  height: 15.25rem;
  position: relative;
}

.category-tag {
  background-color: #000000b3;
  position: absolute;
  bottom: .875rem;
}

.category-video-tag-text {
  font-family: var(--fonts--barlow);
  color: var(--swatch--white);
  font-size: var(--desktop--body-s);
  text-transform: none;
  width: 100.058%;
  height: 100.07%;
  padding: .25rem .5rem;
  font-weight: 600;
}

.description {
  font-family: var(--fonts--barlow);
  color: var(--swatch--grey-light);
  font-size: var(--desktop--body-m);
  line-height: var(--text-size);
  text-transform: none;
  font-weight: 400;
}

.mini-banner-card {
  width: 9.75rem;
  height: 5.75rem;
  position: relative;
}

.mini-banner-title {
  font-family: var(--fonts--termina);
  color: var(--swatch--white);
  font-size: var(--mobile--title-xs);
  text-align: justify;
  background-image: linear-gradient(#00000080, #00000080);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 1.75rem .5rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.scripts-hidden {
  display: none;
}

.main-projects-template {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template: "Video-Hero Video-Hero"
                 "Project-Steps Tools-Products"
                 "Other-Projects Other-Projects"
                 / minmax(60%, 1fr) minmax(27rem, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  padding-left: 4rem;
  padding-right: 4rem;
  display: grid;
}

.video-hero-section {
  flex-flow: column;
  display: flex;
}

.jetboost-list-wrapper-empty-w3nm {
  margin-top: 4rem;
}

.jetboost-list-wrapper-empty-w3nm.jetboost-list-wrapper-empty-wbew.jetboost-list-wrapper-empty-jqnj {
  width: 100%;
  height: 100%;
  display: none;
}

.text-block-34 {
  font-family: var(--fonts--termina);
  color: var(--swatch--grey-midtone);
  font-size: var(--desktop--title-s);
  line-height: var(--text-size);
  text-align: center;
  text-transform: uppercase;
  font-weight: 900;
}

.bottom-elements {
  aspect-ratio: auto;
  flex-flow: column;
  display: flex;
}

.projects-breadcrums {
  padding-bottom: 1rem;
  padding-left: 4rem;
  padding-right: 4rem;
}

.breadcrums {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: row;
  align-items: center;
  width: 15rem;
  height: 1.5rem;
  display: flex;
  position: relative;
}

.heading-23 {
  font-family: var(--fonts--barlow);
  font-size: var(--desktop--body-m);
  line-height: var(--text-size);
  align-self: center;
  font-weight: 600;
}

.image-52 {
  align-self: center;
  width: 20px;
  height: 20px;
}

.breadcrum-link {
  position: absolute;
  inset: 0%;
}

.info-mobile {
  display: none;
}

.banner-link-mini {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.page-title {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  margin-left: 3.5rem;
  margin-right: 3.5rem;
  padding-top: 2.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.page-title-text {
  font-family: var(--fonts--termina);
  color: var(--swatch--white);
  font-size: var(--desktop--title-xxl);
  line-height: var(--text-size);
  white-space: nowrap;
  word-break: normal;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.expo-hero-section {
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: none;
  overflow: clip;
}

.expo-section-main {
  background-image: url('../images/expo-hero.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  flex: none;
  align-self: stretch;
  align-items: center;
  height: 100%;
  min-height: 60vh;
  max-height: 90vh;
  display: flex;
}

.expo-section-band {
  background-color: var(--yellow);
  font-family: var(--fonts--termina);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--body-l);
  line-height: var(--text-size);
  text-transform: uppercase;
  flex: none;
  justify-content: space-between;
  align-items: stretch;
  width: 100vw;
  font-weight: 900;
  text-decoration: none;
  display: none;
  overflow: clip;
}

.expo-section-timer-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  height: 5rem;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.expo-section-timer-wrapper-text {
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--title-l);
  line-height: var(--text-size);
  text-transform: none;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  font-weight: 600;
  display: inline-flex;
}

.expo-section-timer-wrapper-timer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--swatch--almost-black);
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  align-items: flex-end;
  padding: .5rem 2rem;
  display: flex;
}

.timer-icon {
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.timer-wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-yellow-span {
  color: var(--swatch--sakrete-golden);
}

.expo-hero-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 3.5rem;
  margin-right: 30rem;
  display: flex;
}

.expologo {
  width: 12vw;
}

.expo-hero-title {
  font-family: var(--fonts--termina);
  color: var(--swatch--white);
  font-size: var(--desktop--title-xxl);
  width: 100%;
  font-weight: 900;
}

.expo-hero-title.terminatest {
  font-family: Terminatest, sans-serif;
  font-weight: 400;
}

.expo-hero-text {
  font-family: var(--fonts--barlow);
  font-size: var(--desktop--subtitle-1);
  margin-right: 20rem;
  font-weight: 400;
  line-height: 1.25;
}

.expo-hero-date {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  align-items: center;
  display: flex;
}

.calendar-logo {
  width: 2.5rem;
}

.expo-hero-yellow-text {
  background-color: var(--swatch--black-sakrete);
  font-family: var(--fonts--barlow);
  color: var(--yellow);
  font-size: var(--desktop--subtitle-1);
  text-transform: uppercase;
  padding: .25rem;
  font-weight: 600;
  line-height: 1.25;
}

.expo-btn {
  background-color: var(--swatch--sakrete-golden);
  font-family: var(--fonts--barlow);
  color: var(--swatch--almost-black);
  font-size: var(--desktop--button-l);
  text-transform: uppercase;
  padding: 1.125rem 2rem;
  font-weight: 600;
}

.expo-section {
  flex: none;
  align-self: stretch;
  width: 100vw;
  height: 50vh;
  min-height: 50vh;
  max-height: 90vh;
  display: none;
  position: relative;
  overflow: clip;
}

.expo-section.maestro {
  height: 100vh;
  display: none;
}

.expo-section.stand {
  display: none;
}

.expo-section-background {
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 60vh;
  position: absolute;
  inset: 0%;
}

.expo-section-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
}

.expo-content-text {
  font-family: var(--fonts--barlow);
  font-size: var(--desktop--subtitle-1);
  width: 100%;
  font-weight: 400;
  line-height: 1.25;
}

.expo-band-text {
  flex: none;
  align-self: center;
}

.expo-band-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  height: 100%;
  min-height: 5vh;
  display: flex;
}

.expo-section-columns-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template: "Column-1 Column-2" 100%
  / 50vw 50vw;
  grid-auto-columns: 100%;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: center stretch;
  width: 100vw;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  overflow: clip;
}

.expo-section-columns-content.with-video-absolute {
  height: 50vh;
  position: absolute;
  inset: 0%;
}

.expo-section-columns-content.maestro {
  height: 100vh;
  padding-bottom: 4rem;
}

.expo-section-column-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50vw;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 3rem;
  display: flex;
  overflow: clip;
}

.expo-section-column-content.maestro {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 50%;
}

.expo-video-section {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.expo-section-video-wrapper {
  flex-flow: column;
  justify-content: center;
  width: 45vw;
  height: 100%;
  max-height: 60vh;
  margin-right: 2rem;
  display: flex;
  position: relative;
  overflow: clip;
}

.expo-column-image {
  object-fit: contain;
  overflow: clip;
}

.expo-column-image.maestro {
  height: 65vh;
}

.expo-column-image.maestro.mobile {
  display: none;
}

.expo-section-no-column-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  margin-left: 3rem;
  margin-right: 3rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.expo-section-img-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
}

.expo-section-img-wrapper.box {
  padding-left: 8rem;
  padding-right: 8rem;
}

.left-yellow-border-content {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-style: none none none solid;
  border-width: 2px 1px 1px 1rem;
  border-color: black black black var(--swatch--sakrete-golden);
  border-radius: 0;
  flex-flow: wrap;
  flex: none;
  align-items: stretch;
  width: 100%;
  margin-bottom: 1.5rem;
  padding-left: .5rem;
  display: flex;
}

.outlined-text {
  font-family: var(--fonts--termina);
  color: var(--dark-grey);
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--swatch--white);
  font-size: 4rem;
  line-height: .8;
}

.white-title {
  font-family: var(--fonts--termina);
  color: var(--swatch--white);
  font-size: 4rem;
  line-height: .8;
}

.expo-section-social-media {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.social-name {
  font-family: var(--fonts--barlow);
  font-size: var(--desktop--subtitle-2);
  text-transform: uppercase;
  font-weight: 600;
}

.countdown-timer {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.count-number {
  color: var(--swatch--white);
  font-size: var(--desktop--title-l);
}

.count-label {
  font-family: var(--fonts--barlow);
  color: var(--swatch--white);
  font-size: var(--desktop--body-xs);
  text-align: center;
  font-weight: 600;
}

.text-block-35 {
  color: var(--white);
}

.slide-2 {
  float: none;
  clear: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  position: static;
}

.terminatest {
  font-family: Terminatest, sans-serif;
  font-weight: 400;
}

.expo {
  width: 100%;
}

.mixer-hero-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  min-height: 100vh;
  padding: 2.5rem;
  display: flex;
}

.paragraph-title {
  font-family: Termina, sans-serif;
  font-size: var(--desktop--title-xl);
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.125;
}

.two-columns {
  grid-template: "Column-1 Column-2"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.column-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 1.5rem;
  display: flex;
}

.mixer-section {
  width: 100%;
  height: 100vh;
  position: relative;
}

.mixer-section-transparent {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 2px none var(--swatch--sakrete-golden);
  border-bottom: 2px none var(--swatch--sakrete-golden);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 50vh;
  padding: 2.5rem;
  display: flex;
}

.typeform-embeded {
  background-color: #0000;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.paragraph-title-section {
  font-family: Termina, sans-serif;
  font-size: var(--desktop--title-xl);
  text-align: left;
  text-transform: uppercase;
  align-self: flex-start;
  font-weight: 900;
  line-height: 1.15ch;
}

.paragraph-text-section {
  font-family: Barlow, sans-serif;
  font-size: var(--desktop--subtitle-1);
  line-height: var(--text-height);
  text-align: left;
  align-self: flex-start;
  font-weight: 600;
}

.paragraph-l-title-section {
  font-family: var(--fonts--termina);
  font-size: var(--desktop--title-l);
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.125;
}

.paragraph-body-l {
  font-family: var(--fonts--barlow);
  font-size: var(--desktop--body-l);
  font-weight: 400;
  line-height: 1.125;
}

.mixer-image-mobile {
  display: none;
}

.text-span {
  font-weight: 600;
}

.react-calc-wrapper {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.react-empty-page {
  z-index: 20;
  margin-top: 5vh;
  margin-bottom: 5vh;
  position: relative;
}

.react-footer-elements {
  z-index: 30;
  width: 100%;
  position: relative;
}

.hero_expocon-2025 {
  height: 100vh;
  padding-bottom: 96px;
  position: relative;
}

.hero_video_expocon {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.grid_expocon {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.grid_expocon.is_guests {
  grid-template-rows: auto auto;
}

.titles_expocon {
  color: var(--yellow);
  font-size: var(--desktop--title-xl);
}

.titles_expocon.align_center {
  text-align: center;
}

.text_expocon {
  color: var(--light-gray);
}

.text_expocon.align_venter {
  text-align: center;
}

.div_flex_16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div_flex_16px.align_center {
  justify-content: flex-start;
  align-items: center;
}

.div_flex_16px.is-sticky {
  position: sticky;
  top: 40px;
}

.logo_wrapper {
  padding-top: 24px;
}

.logo_expocon {
  width: 137px;
}

.embed_info_expocon {
  width: 252px;
  margin-top: 104px;
  display: none;
}

.guests_expocon-2025 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.image-53 {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.guests_name {
  color: var(--yellow);
  text-align: center;
  font-size: 1.125rem;
}

.guest_subtitle {
  color: var(--yellow);
  text-align: center;
  margin-bottom: 0;
}

.guest_subtitle.hide {
  display: none;
}

.guest_name_container {
  z-index: 2;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--almost-black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -16px;
  padding: 8px 16px;
  display: flex;
}

.guest_card {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.features_expocon-2025 {
  margin-top: 80px;
  padding-bottom: 80px;
}

.feature_card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 4px solid var(--yellow);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: sticky;
  top: 40px;
}

.feature_card._2 {
  top: 56px;
  transform: rotate(1.5deg);
}

.feature_card._3 {
  top: 48px;
  transform: rotate(-1.5deg);
}

.feature_image {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
}

.feature_image.merch {
  object-position: 50% 25%;
}

.feature_info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/background_texture.jpg');
  background-position: 0%;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.title_feature_expocon {
  color: var(--light-gray);
  font-size: 2rem;
}

.features_wrapper {
  grid-column-gap: 500px;
  grid-row-gap: 500px;
  flex-flow: column;
  margin-bottom: 400px;
  display: flex;
}

.location_image_expocon {
  width: 100%;
}

.loaction_expocon-2025 {
  padding-bottom: 80px;
}

.tag_feature_expocon {
  color: var(--yellow);
  margin-bottom: -12px;
  font-size: 1rem;
}

.cards_scroll_container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.video_hero-expocon {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: clip;
}

.expocon_gradient {
  background-image: linear-gradient(45deg, #000, #0000);
  position: absolute;
  inset: 0%;
}

.hero_background-image_expocon {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.link_text_expocon {
  color: var(--light-gray);
  font-size: 1rem;
  font-weight: 500;
}

.link_text_expocon.align_venter {
  text-align: center;
}

.link_span_expocon {
  color: var(--white);
  text-decoration: underline;
}

.carousel_expocon-2025 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.carousel_expo_text {
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.3;
}

.carousel_expo_text._2 {
  white-space: nowrap;
}

.carousel_logo_icon {
  width: 35px;
  min-width: 35px;
}

.carousel_expo_text_barlow {
  white-space: nowrap;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}

.carousel-track {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--yellow);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
  transform: rotate(-1.5deg)translate(0, -25px);
}

.div-block-2136 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.slide-7 {
  background-image: linear-gradient(0deg, #000, #0003 56%, #000000d9), url('../images/20241005_095637.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.contact_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch center;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 2rem;
  display: grid;
}

.form-block-7 {
  border-radius: 16px;
  width: 100%;
  max-width: 1000px;
  padding: 32px 48px;
  box-shadow: 0 0 10px 3px #0003;
}

.field_label {
  margin-bottom: 8px;
  font-family: Barlow, sans-serif;
  font-weight: 600;
}

.text_field_contact {
  background-color: var(--grey-ultr-light);
  border: 1px #000;
  margin-bottom: 24px;
}

.div-block-2137 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1000px;
  display: flex;
}

.contact_paragroah {
  align-self: flex-start;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1rem;
  }

  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: .875rem;
  }

  .grid-layout {
    grid-column-gap: 1.6rem;
    width: 100%;
    padding-left: 48px;
    padding-right: 48px;
  }

  .styles-section {
    padding-left: 48px;
    padding-right: 48px;
  }

  .body-small-light {
    font-size: .75rem;
  }

  .subtitle {
    font-size: var(--desktop--body-m);
  }

  .button-black-white {
    border: 1px solid #0000;
    margin-top: 16px;
    font-size: .875rem;
  }

  .button-yellow-black:hover {
    background-color: var(--yellow);
    color: var(--dark-grey);
  }

  .button-yellow-black.is-project-guides {
    margin-left: 0;
    margin-right: 0;
    display: block;
    position: relative;
  }

  .button-yellow-white {
    font-size: .875rem;
  }

  .button-yellow-white:hover {
    background-color: var(--yellow);
  }

  .button-black-yellow {
    font-size: .875rem;
  }

  .white-text {
    font-size: var(--desktop--body-m);
    line-height: var(--text-size);
  }

  .white-text.is-project-template {
    color: var(--white-smoke);
    padding-right: 1rem;
  }

  .white-text.heading-styles-h3.page-title-style {
    font-size: 2.5rem;
  }

  .nav-bar {
    display: none;
  }

  .nav-bar-wrapper {
    padding-left: 48px;
    padding-right: 48px;
    display: none;
  }

  .link-wrapper {
    display: none;
  }

  .link-block.w-current {
    width: 110px;
  }

  .common-vflex {
    grid-row-gap: .5rem;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
  }

  .common-vflex.wide.is-info-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: none;
  }

  .common-vflex.mobile {
    justify-content: flex-start;
  }

  .heading-styles-h3.producst-row-title {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .project-step-item {
    height: auto;
    padding-bottom: 24px;
    display: block;
  }

  .loading-bar-container.is-project-template {
    z-index: 10;
    background-color: var(--swatch--black-sakrete);
    width: auto;
    margin-top: 4rem;
    position: sticky;
    inset: 0% 3rem auto;
  }

  .calculator {
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    height: 100%;
  }

  .all-caps.white-text.is-projects-template {
    font-size: var(--desktop--body-m);
  }

  .body-medium-light {
    font-weight: 400;
  }

  .digits.class-styles {
    display: block;
  }

  .screen-results {
    max-width: 60vh;
  }

  .calculator-buttons-wrappper {
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-height: none;
  }

  .calculator-cover {
    border-radius: 0;
    display: block;
  }

  .next-button-wraper {
    padding-left: 2px;
  }

  .next-button-wraper.next-button {
    padding-left: .2vh;
  }

  .inner-circle-tall {
    flex: 1;
    align-self: center;
  }

  .key-tall {
    align-self: center;
  }

  .toggle-wrapper.v2 {
    display: none;
  }

  .html-embed {
    max-width: 60vw;
  }

  .project-steps-wrapper {
    height: 100%;
    overflow: auto;
  }

  .step-image.is-proudct-template {
    height: 100%;
    padding: 1rem;
  }

  .project-card-wrapper {
    height: 100%;
  }

  .project-card_video-wrapper {
    flex: none;
    height: auto;
  }

  .project-card_content-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex: 1;
    min-height: auto;
    padding: 16px 16px 24px;
  }

  .div-block-99 {
    align-items: center;
    margin-bottom: 8px;
  }

  .project-step-image {
    aspect-ratio: 16 / 9;
    object-fit: contain;
  }

  .anterior-siguiente-options {
    display: none;
  }

  .pro-tip-recomendations {
    font-size: 1rem;
    line-height: 125%;
  }

  .images-collection-block.is-product-template {
    flex-direction: column;
    flex: 1;
    display: block;
  }

  .image-30 {
    width: 100%;
    height: 56px;
    display: block;
  }

  .top-bar-layout {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template: "Anterior logo Siguiente" min-content
    / 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: relative;
  }

  .mobile-bottom-bar {
    z-index: 1000;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: var(--dark-grey);
    grid-template: "home Projects calculator prod maps"
    / 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    height: 3.5rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    position: relative;
  }

  .icon-link-wrapper {
    color: var(--light-gray);
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
  }

  .icon-link-wrapper:hover {
    height: 100%;
  }

  .icon-link-wrapper:focus {
    background-color: var(--yellow);
  }

  .icon-link-wrapper.w-current {
    background-color: var(--yellow);
    color: var(--dark-grey);
    height: 120%;
    box-shadow: 0 -1px 10px #0003;
  }

  .bottom-bar-wrapper {
    flex: none;
    display: block;
  }

  .card-icon {
    height: 28px;
  }

  .dash.is-dark-mode.project-guides-template {
    align-self: center;
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .anterior-button-icon {
    height: 1.125rem;
  }

  .html-embed-5 {
    display: none;
  }

  .background-locator {
    background-color: var(--dark-grey);
  }

  .hero-content {
    grid-column-gap: 16px;
    flex-direction: column;
    grid-template-rows: max-content auto max-content 100px;
    grid-template-areas: "title title title title title title title title title title title title"
                         "lottie lottie lottie lottie lottie lottie lottie lottie lottie lottie lottie lottie"
                         "Button Button Button Button Button Button Button Button Button Button Button Button"
                         ". . . . . . . . . . . .";
    max-height: 100vh;
    padding-bottom: 90px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .map-home-link {
    height: 56px;
  }

  .calculator-buttons-wrappper_v2 {
    grid-auto-rows: 1fr;
  }

  .calculator_v2 {
    position: static;
  }

  .hero-general-styles {
    display: none;
  }

  .arrow-l-guide, .arrow-r-guide {
    filter: invert();
  }

  .calculator-root {
    background-color: var(--black);
  }

  .result-single-card {
    display: flex;
  }

  .result-single-card-wrapper {
    width: 100%;
  }

  .result-section-header {
    color: var(--grey-ultr-light);
  }

  .card-absolute-image.icons-result {
    filter: invert();
  }

  .row-grid.result-row {
    border-top-color: var(--white-smoke);
  }

  .row-text {
    color: var(--white-smoke);
  }

  .all-calculator-wrapper {
    margin-top: 3vh;
    margin-bottom: 3vh;
    display: flex;
  }

  .result-drawer {
    z-index: 2;
    background-color: var(--black);
    width: 100%;
    margin-bottom: 100px;
    margin-right: 0;
    padding: 40px;
    position: fixed;
    inset: 10% 0% auto;
    box-shadow: 0 0 10px 4px #ededed1a;
  }

  .div-block-162 {
    flex-direction: row;
    height: 100svh;
    margin-top: 0;
    display: block;
  }

  .result-calculator-name {
    color: var(--white-smoke);
  }

  .hidden-calc-elements {
    display: none;
  }

  .result-back-drop {
    z-index: 1;
    background-color: #202020e6;
    position: fixed;
    inset: 0%;
  }

  .utility-page-content {
    width: 1005px;
  }

  .image-40 {
    width: 100%;
  }

  .div-block-164 {
    margin-top: 0;
  }

  .div-block-165 {
    width: 100%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .page-wrapper {
    display: block;
  }

  .main-wrapper.productsspacing.less {
    margin-top: 0;
  }

  .padding-global {
    padding: 1rem 2rem;
  }

  .padding-global.is-projects-page {
    padding-right: 2rem;
  }

  .products_main-banner_layout {
    grid-template: "Banner-title"
                   "Products-image"
                   "Banner-cta"
                   / 1fr;
    width: 38ch;
  }

  .search-bar-input {
    background-position: 12px;
    background-size: 20px;
    flex: 1;
    width: auto;
    height: 2.5rem;
    padding-left: 44px;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .heading-style-h5.white-text, .heading-style-h5.white-text.video-heading {
    font-size: var(--desktop--title-m);
  }

  .heading-style-h5.white-text.is-project-template {
    color: var(--white-smoke);
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
  }

  .heading-style-h6 {
    font-family: Termina, sans-serif;
    font-size: .875rem;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .heading-style-h3 {
    font-size: 1.75rem;
  }

  .heading-style-h3.porducts_banner-title {
    font-size: 1.5rem;
  }

  .padding-section-narrow.is-top-bar-padding {
    display: block;
  }

  .calculator-type-menu-dropdown.is-project-tempalte {
    background-color: var(--dark-grey);
    box-shadow: none;
    background-image: none;
    height: 5vh;
    margin-bottom: 1rem;
    display: flex;
  }

  .current-calculator.is-project-template {
    font-size: 1rem;
    font-weight: 900;
  }

  .image-44 {
    width: 1.5rem;
    height: 1.5rem;
  }

  .image-44.eye {
    transform: none;
  }

  .modal-type-menu {
    border-radius: 0;
    height: auto;
  }

  .close-modal-wrapper.is-project-template {
    width: 2rem;
    height: 2rem;
    margin-top: 2rem;
    margin-right: 1rem;
    padding: 0;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
    transform: none;
  }

  .global-top-bars {
    display: block;
  }

  .global-top-bars.nav-bar {
    display: none;
  }

  .headings-styling {
    padding-left: 48px;
    padding-right: 48px;
  }

  .cookie-intro {
    z-index: 2;
    background-color: var(--white);
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 0;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-bottom: 100px;
    padding-left: 24px;
    padding-right: 24px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .result_nav-arrow.left {
    left: 1rem;
  }

  .result_nav-arrow.rigth {
    right: 1rem;
  }

  .arrow:hover {
    background-color: #0000;
    transform: none;
  }

  .global_component-footer {
    margin-bottom: 4rem;
    display: block;
  }

  .foorer-links {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-wrap: wrap;
  }

  .foorer-links.is-links {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-link:hover {
    color: var(--grey-ultr-light);
  }

  .padding-section_footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .calculator-wrapper-component {
    display: flex;
  }

  .settings-icon-wrapper {
    width: 3rem;
    height: 3rem;
  }

  .products-row.jetboost-inactive-show-wbew.jetboost-inactive-show-jqnj.jetboost-inactive-show-w3nm {
    margin-left: 0;
    margin-right: 0;
  }

  .product-specifications_layout {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template: "Product-images-galery"
                   "Product-specifications"
                   / auto;
  }

  .product-galery-layout {
    grid-template-columns: auto;
    grid-template-areas: "Main";
  }

  .peroduct-header-wrapper.mobile {
    display: flex;
  }

  .peroduct-header-wrapper.desktop {
    display: none;
  }

  .body-small {
    font-size: .75rem;
  }

  .body-small.video-description {
    margin-top: 0;
    font-size: 1rem;
  }

  .body-small.video-description.desktop {
    display: none;
  }

  .body-small.video-description.mobile {
    font-size: var(--desktop--body-m);
    white-space: normal;
    display: block;
  }

  .product-main_layout {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }

  .gallery-colection-wrapper, .gallery-colection-wrapper-one-image {
    display: none;
  }

  .projects-card-list, .projects-card-list.is-template {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .projects-list-wrapper.is-mobile {
    padding-bottom: .5rem;
    display: block;
    overflow: auto;
  }

  .projects-list-wrapper.is-desktop {
    display: none;
  }

  .project-video-card {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: start;
    justify-items: stretch;
    width: 100%;
    display: grid;
  }

  .project-video-card.is-other-projects {
    position: relative;
  }

  .project-video-title-layout {
    flex-flow: row;
    display: flex;
  }

  .project-video-title-layout.is-project-template {
    flex-flow: column;
    justify-content: space-around;
    align-items: stretch;
    display: flex;
  }

  .share-projects-template {
    order: 0;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    width: 1.5rem;
    display: flex;
    position: static;
  }

  .project-video_title-wrapper {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .project-video_title-wrapper.desktop {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .template-steps-list {
    display: block;
  }

  .project-step-layout {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: grid;
  }

  .project-step-recomendation-card {
    margin-bottom: 1rem;
  }

  .projects-steps-line {
    background-color: var(--white-smoke);
  }

  .project-steps-layout {
    z-index: 1000000;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--black-sakrete);
    height: 0;
    margin-left: -3rem;
    margin-right: -3rem;
    padding-bottom: 8rem;
    padding-left: 3rem;
    padding-right: 3rem;
    display: none;
    position: static;
    inset: 0 0% 0;
  }

  .section_related-guides {
    margin-bottom: 5rem;
  }

  .category-row {
    margin-left: -1rem;
    margin-right: -3rem;
  }

  .category-row.jetboost-inactive-show-wbew {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 2rem;
    margin-left: auto;
    display: grid;
  }

  .category-row.jetboost-inactive-show-wbew.jetboost-inactive-show-jqnj.jetboost-inactive-show-w3nm {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .global-top-bars-bg-wrapper {
    display: block;
  }

  .close-project-steps-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    height: 2rem;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    position: relative;
  }

  .steps-drag-line {
    background-color: var(--white-smoke);
    border-radius: 3px;
    width: 2.5rem;
    height: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .drag-line-wrapper {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .products-filter-checkbox {
    margin-bottom: 1rem;
  }

  .footer-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .collection-list-wrapper-9 {
    display: none;
  }

  .products-main-slider {
    background-color: #ddd0;
    height: 100%;
    min-height: 70vh;
    padding-left: 2rem;
    padding-right: 2rem;
    display: block;
  }

  .product-slider-arrow {
    color: var(--dark-grey);
    font-size: 3rem;
  }

  .product-slider-arrow-wrapper {
    width: 3rem;
  }

  .div-block-178 {
    display: none;
  }

  .tabs-menu {
    justify-content: center;
    align-items: center;
  }

  .flex-block {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .div-block-184 {
    display: none;
  }

  .padding-global-2 {
    box-shadow: none;
    object-fit: fill;
    border: 1px #000;
    padding-left: 3rem;
    padding-right: 3rem;
    overflow: visible;
  }

  .padding-global-2.is-all-products-banner {
    padding-left: 2rem;
  }

  .button-yellow-white-2 {
    font-size: .875rem;
  }

  .button-yellow-white-2:hover {
    background-color: #fedb00;
  }

  .products-layout {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 0;
    overflow: visible;
  }

  .filter-products {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template: ". close-icon" max-content
                   "filter-spec filter-spec" max-content
                   "filter-cat filter-cat" max-content
                   "filter-btns filter-btns" max-content
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: space-around stretch;
    width: 100%;
    height: 100%;
    margin-top: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    display: none;
    position: sticky;
    top: 0;
    bottom: 0;
    overflow: visible;
  }

  .section-main-products-layout {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 0% auto;
    grid-template-areas: "filter-products products-layout";
    grid-auto-rows: auto;
    grid-auto-columns: auto;
    grid-auto-flow: column;
    place-items: center;
    margin-top: 0;
  }

  .filter_drop-down_text-3 {
    font-size: 1rem;
  }

  .form-block-5 {
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    display: flex;
    position: sticky;
    top: 0;
    bottom: auto;
    overflow: visible;
  }

  .html-embed-30 {
    z-index: 10;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    min-width: 0;
    max-width: 1.25rem;
    height: 1.25rem;
    min-height: 0;
    max-height: 1.25rem;
    margin-top: 1rem;
    text-decoration: none;
    display: block;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .form-block-4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .filter-toggle-menu {
    display: flex;
  }

  .filter-dropdown-toggle-2 {
    background-color: var(--white);
    box-shadow: none;
    mix-blend-mode: normal;
    object-fit: fill;
    width: 35px;
    display: flex;
  }

  .btn-filter {
    border: 1px solid #000;
  }

  .btn-filter.is-white.jetboost-filter-none-w3nm, .btn-filter.is-white.jetboost-filter-none-w3nm.w-current {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .btn-filter.is-black {
    color: var(--swatch--white);
  }

  .filter-btns {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 50%;
    margin-top: 1rem;
    display: flex;
  }

  .filters-chips-container-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: stretch;
    display: none;
  }

  .text-field-3 {
    border: 1px solid #000;
  }

  .text-field-3.search-bar-input {
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: inline-flex;
  }

  .text-field-3.search-bar-input.jetboost-list-search-input-jqnj {
    box-shadow: none;
    border-style: none;
    height: 2.5rem;
    margin-top: 0;
    padding-left: 40px;
    display: inline-flex;
  }

  .products_filter-form-block_layout-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    object-position: 50% 50%;
    grid-template: "search-bar search-bar" min-content
                   "chips-container chips-container" min-content
                   / 1fr auto;
    grid-auto-rows: min-content;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch space-between;
    place-items: center;
    width: 100%;
    margin-top: 0;
    display: grid;
    position: static;
  }

  .filter-section-2 {
    object-fit: contain;
    align-self: stretch;
    margin-bottom: 2rem;
    overflow: visible;
  }

  .filter-section-2.is-category {
    aspect-ratio: auto;
    object-fit: contain;
    align-self: stretch;
    overflow: visible;
  }

  .filter_drop-down_hidden-text-2 {
    color: var(--dark-grey);
  }

  .button-arrow-wrapper-2 {
    background-color: #0000;
    grid-template: "button button button button button" max-content
    / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 75%;
    display: block;
  }

  .title-container-2 {
    grid-template: ". . . . . . ."
                   "Title Title Title Title Title Title Title"
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .title-container-2.expo {
    width: 100%;
  }

  .image-wrapper {
    position: absolute;
    inset: 0%;
  }

  .right-arrow-2 {
    position: absolute;
    overflow: hidden;
  }

  .slider-4 {
    position: static;
    inset: 0%;
  }

  .div-block-192 {
    z-index: auto;
    float: none;
    position: static;
    inset: 0%;
  }

  .homepageslidenav {
    bottom: 65px;
  }

  .hero-text-content-2 {
    flex: 0 auto;
    justify-content: flex-start;
    max-width: none;
    padding-top: 48px;
    position: static;
  }

  .hero-text-content-2.homepagetextposition {
    max-width: 100%;
    margin-bottom: 2rem;
    margin-right: 4rem;
    position: fixed;
    bottom: 6rem;
  }

  .slide-1 {
    background-image: linear-gradient(#0000004d, #0000004d), url('../images/Background.png');
    background-position: 0 0, 65%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .hero-container-2 {
    background-color: #202020;
    padding-bottom: 32px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .button-wrapper-3 {
    z-index: 15;
  }

  .page-wrapper-2.homepage {
    position: static;
  }

  .slide-4 {
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    position: static;
  }

  .white-text-3.body-medium-light {
    width: auto;
  }

  .white-text-3.body-medium-light.homepage-calculator-body-wrapper {
    width: 100%;
  }

  .white-text-3.body-medium-light.homepage-calculator-body-wrapper.homepage {
    font-size: 1rem;
  }

  .homepage-feature-text-wrapper {
    width: auto;
  }

  .homepage-cta-button-wrapper {
    width: 100%;
  }

  .homepage-calculator-cta-wrapper, .homepage-guide-cta-wrapper {
    align-items: stretch;
  }

  .uui-navbar05_menu-dropdown {
    opacity: 1;
    border-bottom: 1px solid #fff;
    width: 100%;
    position: relative;
  }

  .uui-navbar05_menu-dropdown.isblack {
    border-bottom-color: var(--dark-grey);
  }

  .uui-navbar05_dropdown-toggle {
    color: #101828;
    align-items: center;
    padding: 0;
    font-size: 1.125rem;
    display: flex;
  }

  .uui-navbar05_dropdown-toggle:hover {
    color: #101828;
  }

  .uui-navbar05_menu-button.w--open {
    background-color: #0000;
  }

  .sakretelogoresizer {
    display: none;
  }

  .hamburgerlottie {
    object-fit: fill;
  }

  .uui-navbar05_menu {
    background-color: var(--dark-grey);
    align-items: flex-start;
    height: 52rem;
    margin-left: 0;
    padding: 1.5rem 3rem 5rem;
    position: absolute;
  }

  .uui-navbar05_menu.iswhite {
    background-color: var(--white-smoke);
  }

  .uui-navbar05_container {
    margin-left: 0;
    margin-right: 0;
  }

  .uui-navbar05_container.productsspacing {
    margin-bottom: -15px;
  }

  .homepagesakretelogo {
    display: block;
  }

  .uui-navbar05_component {
    background-color: #0000;
    border-bottom-style: none;
    min-height: 0;
    padding: 0 3rem;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .uui-navbar05_menu-left {
    grid-column-gap: 0px;
    grid-row-gap: .5rem;
    opacity: 1;
    color: #101828;
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .uui-dropdown-icon {
    z-index: -1;
    color: #667085;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    inset: auto 0% auto auto;
  }

  .uui-navbar05_link {
    color: #ededed;
    border-bottom: 1px solid #fff;
    width: 100%;
    padding: .75rem 0 1rem;
    font-family: Termina, sans-serif;
    font-size: 1.4rem;
    transition: all .3s;
  }

  .uui-navbar05_link:hover {
    color: #fedb00;
  }

  .uui-navbar05_link:active {
    color: #ededed;
  }

  .uui-navbar05_link.products {
    text-transform: uppercase;
    border-bottom-style: none;
    padding-bottom: 1rem;
  }

  .uui-navbar05_link.products:hover {
    color: #fedb00;
  }

  .uui-navbar05_link.submenu {
    border-bottom-style: none;
    border-bottom-width: 0;
    padding-left: 1.5rem;
    font-size: 1rem;
    font-weight: 900;
  }

  .uui-navbar05_link.submenu.isblack {
    border: 1px #000;
  }

  .uui-navbar05_link.larger:hover {
    color: var(--yellow);
  }

  .uui-navbar05_link.isblack {
    border-bottom-color: var(--dark-grey);
    color: var(--dark-grey);
  }

  .uui-navbar05_dropdown-list {
    position: relative;
    overflow: hidden;
  }

  .uui-navbar05_dropdown-list.w--open {
    box-shadow: none;
    background-color: #0000;
    border-style: none;
    align-items: flex-start;
    min-width: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
  }

  .hamburgermenuwrapper {
    display: none;
  }

  .hamburgermenuwrapper.projectsspacing {
    padding-top: 75px;
  }

  .pagesspacer {
    position: absolute;
    inset: 0%;
  }

  .bodyClass.calcbody {
    max-height: 100vh;
  }

  .div-block-2113 {
    display: none;
  }

  .productsdropdown {
    background-color: #0000;
    border-bottom-style: none;
    min-height: 0;
    padding: 0 3rem;
    display: block;
    position: absolute;
    inset: 0% 0% auto;
  }

  .projects-video-section {
    margin-top: 0;
    display: block;
  }

  .projects-video-container {
    width: 100%;
    max-width: none;
  }

  .shadow-search-filter-bar {
    display: flex;
  }

  .category-tag {
    inset: auto auto .5rem .5rem;
  }

  .projects-filter-mobile {
    display: none;
  }

  .div-block-2121 {
    width: 100%;
  }

  .form-3 {
    object-fit: contain;
    flex-flow: column;
    flex: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: stretch;
    margin-top: 2rem;
    display: flex;
  }

  .greyline {
    background-color: var(--gray-midtone);
    align-self: stretch;
    height: .2rem;
    position: relative;
    top: 3.5rem;
  }

  .project-guides-button-wrapper {
    flex-flow: row;
    place-content: stretch space-around;
    align-items: center;
    width: auto;
    height: auto;
    margin-bottom: 1rem;
    display: block;
    position: relative;
  }

  .homepage-title.slider-3 {
    width: auto;
    font-size: 1.75rem;
  }

  .product-page-title {
    margin-top: 0;
    margin-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 1.5rem;
  }

  .products {
    flex: 1;
    align-self: auto;
    margin-bottom: 1rem;
    position: static;
  }

  .steps-template {
    flex-flow: column;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    display: flex;
  }

  .code-embed-4 {
    z-index: 1;
    position: absolute;
    inset: 0%;
  }

  .tools {
    aspect-ratio: auto;
    margin-bottom: 1rem;
    position: static;
  }

  .products-section-product-template {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .products-section-projects-template {
    padding-bottom: .5rem;
    overflow: auto;
  }

  .collection-list-products-guides-template {
    flex-flow: row;
  }

  .products-all-section.jetboost-active-show-wbew.jetboost-active-show-jqnj.jetboost-active-show-w3nm {
    padding-left: 4rem;
  }

  .products-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .category-collection-list {
    flex-flow: row;
    padding-bottom: .5rem;
  }

  .products-categories {
    margin-top: 0;
  }

  .resources-section-product-template {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .calc {
    display: none;
  }

  .mini-banner-card {
    width: 11.75rem;
    height: 7.75rem;
  }

  .mini-banner-title {
    text-align: center;
    padding: 2.5rem 1rem;
  }

  .projects-collection-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    display: flex;
  }

  .main-projects-template {
    grid-template-columns: minmax(100%, 1fr);
    grid-template-areas: ".";
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .bottom-elements {
    bottom: -160px;
  }

  .projects-breadcrums {
    padding-bottom: 2rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .breadcrums {
    width: 13rem;
    display: flex;
  }

  .heading-23 {
    font-size: var(--mobile--body-m);
  }

  .info-mobile {
    display: block;
  }

  .slide-nav {
    justify-content: center;
    align-items: center;
    height: 1rem;
    margin-bottom: -2rem;
    display: flex;
    inset: auto 0% 0%;
  }

  .mask-3 {
    width: 70vw;
    min-width: 50vw;
    margin-left: auto;
    margin-right: auto;
  }

  .slide-5, .slide-6 {
    vertical-align: bottom;
    width: 100%;
  }

  .calculator-footer {
    display: none;
  }

  .page-title {
    flex-flow: wrap;
    margin-right: auto;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .page-title-text {
    flex-flow: wrap;
    flex: 0 auto;
    line-height: 1.125;
  }

  .expo-hero-section {
    height: 80vh;
  }

  .expo-section-timer-wrapper-text {
    display: none;
  }

  .expo-hero-content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    margin-right: 3.5rem;
    padding-top: 2rem;
  }

  .expologo {
    width: 20vw;
  }

  .expo-hero-text {
    margin-right: 2rem;
  }

  .expo-section {
    height: 60vh;
    min-height: 50vh;
    max-height: none;
  }

  .expo-section.maestro {
    height: 120vh;
  }

  .expo-section.video {
    height: 100vh;
  }

  .expo-section.stand {
    height: 60vh;
    min-height: auto;
  }

  .expo-section-background {
    inset: auto 0% 0%;
  }

  .expo-section-content {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .expo-section-columns-content {
    flex-flow: column;
    height: 100%;
  }

  .expo-section-columns-content.with-video-absolute {
    height: 100vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .expo-section-columns-content.maestro {
    height: 120vh;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .expo-section-column-content {
    width: 90vw;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .expo-section-column-content.maestro {
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .expo-video-section {
    top: auto;
  }

  .expo-section-video-wrapper {
    width: 100vw;
    margin-right: 0;
  }

  .expo-column-image {
    object-fit: fill;
  }

  .expo-column-image.maestro {
    display: none;
  }

  .expo-column-image.maestro.mobile {
    align-self: flex-start;
    width: 90vw;
    height: auto;
    margin-left: 3rem;
    display: inline-flex;
  }

  .expo-section-img-wrapper {
    align-self: flex-start;
    width: 100vw;
  }

  .expo-section-img-wrapper.box {
    width: 100vw;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .left-yellow-border-content {
    display: none;
  }

  .countdown-item.hours {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 3ch;
    display: flex;
  }

  .count-number {
    align-self: stretch;
    width: 2ch;
  }

  .count-label {
    text-align: center;
    width: 100%;
  }

  .mixer-hero-section {
    min-height: 70vh;
  }

  .paragraph-title {
    font-size: 2.5rem;
  }

  .mixer-section-transparent {
    min-height: 30vh;
  }

  .paragraph-title-section {
    font-size: 2.5rem;
  }

  .paragraph-text-section {
    font-size: 1.25rem;
  }

  .paragraph-l-title-section {
    font-size: 1.125rem;
  }

  .paragraph-body-l {
    font-size: 1rem;
  }

  .react-empty-page {
    margin-top: 3vh;
    margin-bottom: 3vh;
  }

  .hero_expocon-2025 {
    height: 90vh;
  }

  .grid_expocon {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .div_flex_16px.is-sticky {
    position: static;
  }

  .logo_expocon {
    width: 100px;
  }

  .embed_info_expocon {
    width: 230px;
    margin-top: 180px;
  }

  .guests_expocon-2025 {
    padding-bottom: 24px;
  }

  .image-53 {
    aspect-ratio: 2 / 3;
    object-fit: cover;
  }

  .guest_name_container {
    margin-left: 4px;
    margin-right: 4px;
  }

  .guest_card {
    justify-content: flex-start;
    align-items: center;
  }

  .features_wrapper {
    margin-bottom: 200px;
  }

  .cards_scroll_container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .video_hero-expocon {
    height: 100%;
    top: auto;
  }

  .carousel_expo_text._2, .carousel_logo_icon._2, .carousel_expo_text_barlow._2 {
    display: none;
  }

  .carousel-track {
    justify-content: space-around;
    align-items: center;
    width: 100%;
  }

  .contact_grid {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: .875rem;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .75rem;
  }

  .grid-layout {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    padding-left: 24px;
    padding-right: 24px;
  }

  .styles-section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .body-small-light {
    font-size: .625rem;
  }

  .subtitle {
    font-size: var(--mobile--body-m);
  }

  .subtitle.ct-dark {
    font-size: .875rem;
  }

  .button-black-white {
    font-size: .75rem;
  }

  .button-yellow-black {
    font-size: .875rem;
  }

  .button-yellow-white, .button-black-yellow {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: .75rem;
  }

  .white-text {
    font-size: var(--mobile--body-m);
  }

  .white-text.heading-styles-h3.page-title-style {
    font-size: 2.5rem;
  }

  .nav-bar-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .common-vflex.wide {
    grid-column-gap: .75rem;
  }

  .heading-styles-h3.producst-row-title {
    font-size: 1.25rem;
  }

  .project-step-item {
    display: flex;
  }

  .all-caps.white-text.is-projects-template {
    font-size: var(--mobile--body-m);
  }

  .project-card_video-wrapper {
    flex: 1;
  }

  .project-card_content-wrapper {
    flex: 1;
    height: 100%;
  }

  .div-block-99 {
    flex: 1;
  }

  .dash {
    background-color: var(--dark-grey);
    padding-bottom: 0;
    padding-right: 0;
  }

  .bullet-block {
    grid-column-gap: 16px;
    align-items: flex-start;
    display: flex;
  }

  .anterior-button-icon {
    height: 20px;
  }

  .hero-content {
    grid-column-gap: 8px;
  }

  .calculator_v2 {
    box-shadow: none;
    outline-color: var(--dark-grey);
    outline-offset: 1px;
    border-radius: 0;
    outline-width: 4px;
    outline-style: none;
    flex: none;
    justify-content: flex-start;
    padding-top: 3vh;
  }

  .calculator-root {
    align-self: flex-start;
  }

  .all-calculator-wrapper {
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
  }

  .result-drawer {
    width: 100%;
    margin-bottom: 80px;
    padding: 32px;
    left: 0%;
    right: 0%;
  }

  .image-40 {
    max-width: none;
  }

  .main-wrapper.productsspacing {
    margin-top: 1rem;
  }

  .padding-global {
    padding: 1rem 2rem;
  }

  .padding-global.is-projects-page {
    padding-right: 1rem;
  }

  .products_main-banner_layout {
    width: 60%;
  }

  .heading-style-h5 {
    font-size: 1rem;
  }

  .heading-style-h5.white-text, .heading-style-h5.white-text.video-heading {
    font-size: var(--mobile--title-m);
  }

  .heading-style-h1 {
    font-size: 2rem;
  }

  .heading-style-h4 {
    font-size: 1.25rem;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .heading-style-h6.white-text.inline-text {
    font-size: .875rem;
  }

  .heading-style-h6.white-text.inline-text.projects {
    font-size: var(--mobile--title-s);
    line-height: var(--text-size);
    margin-top: .75rem;
    margin-bottom: .25rem;
  }

  .heading-style-h2 {
    font-size: 1.75rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .padding-section-narrow {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .padding-section-narrow.is-top-bar-padding {
    padding-top: 0;
    padding-bottom: 0;
  }

  .global-top-bars.nav-bar {
    display: none;
  }

  .headings-styling {
    padding-left: 24px;
    padding-right: 24px;
  }

  .product-template_main-banner.productsspacing {
    margin-top: 1rem;
  }

  .component {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .foorer-links.is-links {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-link {
    font-size: .625rem;
  }

  .padding-section_footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .settings-icon-wrapper {
    width: 2.25rem;
    height: 2.25rem;
  }

  .peroduct-header-wrapper.mobile {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .specification-icons-layout {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-auto-flow: row;
  }

  .body-small {
    font-size: .625rem;
  }

  .body-small.video-description {
    font-size: .875rem;
  }

  .body-small.video-description.mobile {
    font-size: var(--mobile--body-m);
  }

  .projects-card-list {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .projects-card-list.is-template {
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr 1fr;
  }

  .projects-list-wrapper.is-mobile {
    padding-bottom: .5rem;
    display: block;
  }

  .project-video-title-layout {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .project-video_title-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .project-step-layout {
    grid-template-columns: 1fr;
    height: auto;
    padding-bottom: 40px;
  }

  .project-steps-layout {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: none;
  }

  .category-row {
    margin-right: -2rem;
  }

  .footer-icon {
    width: 1.3rem;
    height: 1.3rem;
  }

  .project-card_title-description-wrapper {
    flex-flow: column;
  }

  .section_products-filters-banner {
    aspect-ratio: 2;
  }

  .products-banner_image {
    display: none;
  }

  .products-banner_image.is-mobile {
    display: block;
  }

  .padding-global-2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .button-yellow-white-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .75rem;
  }

  .products-text-chip, .products-text-chip.jetboost-applied-filter-inner-text {
    font-size: .7rem;
  }

  .filter-products {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: max-content max-content max-content;
    grid-template-areas: ". close-icon"
                         "filter-spec filter-spec"
                         "filter-btns filter-btns";
    grid-auto-columns: 1fr;
    max-height: 100vh;
  }

  .html-embed-30 {
    margin-left: auto;
    margin-right: 0;
  }

  .form-block-4 {
    margin-left: .25rem;
    margin-right: .25rem;
  }

  .btn-filter {
    border: 1px solid #000;
  }

  .btn-filter.is-white.jetboost-filter-none-wloo {
    flex: 1;
    align-content: stretch;
    font-weight: 600;
  }

  .btn-filter.is-yellow {
    background-color: var(--yellow);
  }

  .filter-btns {
    width: 100%;
  }

  .filters-chips-container-2 {
    display: none;
  }

  .text-field-3.search-bar-input.jetboost-list-search-input-jqnj {
    font-size: 1rem;
  }

  .products_filter-form-block_layout-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    object-position: 50% 50%;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch space-between;
    place-items: center;
    width: 100%;
    display: grid;
    position: static;
  }

  .button-arrow-wrapper-2 {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    grid-template-areas: "Area Area Area Area"
                         "Area-2 Area-2 Area-2 Area-2";
    width: 100%;
  }

  .title-container-2 {
    grid-column-gap: 8px;
    width: 100%;
    bottom: -110px;
  }

  .hero-text-content-2.homepagetextposition {
    justify-content: center;
    align-items: center;
    max-width: 100%;
  }

  .hero-container-2 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .button-wrapper-3 {
    z-index: 1;
    background-color: #0000;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .homepage-feature-cta-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-navbar05_menu-dropdown {
    border-bottom: 1px solid #fff;
  }

  .uui-navbar05_dropdown-toggle {
    font-size: 1rem;
  }

  .uui-navbar05_menu {
    background-color: #121212;
  }

  .uui-navbar05_component {
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .uui-navbar05_link {
    color: #ededed;
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    font-size: 1.4rem;
  }

  .uui-navbar05_link:hover {
    color: #fedb00;
  }

  .uui-navbar05_link.products {
    border-bottom-style: none;
  }

  .productsdropdown {
    min-height: 4.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .chip-set {
    font-size: .7rem;
    display: none;
  }

  .category-tag-text.jetboost-filter-active {
    font-size: .7rem;
    line-height: 1.25rem;
  }

  .text-block-24 {
    display: none;
  }

  .heading-22 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    font-size: 2.5rem;
    display: flex;
  }

  .category-tag {
    inset: auto auto .5rem .5rem;
  }

  .text-block-25 {
    font-size: var(--mobile--body-s);
  }

  .div-block-2117 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr min-content;
    grid-auto-columns: 1fr;
    margin-bottom: 1rem;
    display: grid;
  }

  .code-embed-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .projects-filter-mobile {
    z-index: 10;
    background-color: var(--dark-grey);
    flex-flow: column;
    min-height: 80vh;
    display: none;
    position: absolute;
    inset: 0%;
    overflow: visible;
  }

  .checkbox {
    width: 16px;
    height: 16px;
    margin-top: 0;
    margin-left: 0;
  }

  .checkbox.w--redirected-checked {
    border-color: var(--yellow);
    background-color: var(--yellow);
    -webkit-text-fill-color: inherit;
    background-image: url('../images/black-check_1.svg');
    background-position: 50%;
    background-size: auto;
    background-clip: border-box;
  }

  .form-block-6 {
    color: var(--white-smoke);
    justify-content: space-between;
    display: flex;
    overflow: hidden;
  }

  .div-block-2118 {
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: stretch;
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    display: flex;
    position: sticky;
    top: .5rem;
  }

  .form-2 {
    color: var(--white-smoke);
    align-items: center;
    width: 100%;
    margin-top: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
    font-family: Barlow, sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.25rem;
    display: flex;
  }

  .checkbox-field-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 0;
    font-size: 1.125rem;
    line-height: 1.125rem;
    display: flex;
  }

  .checkbox-label {
    font-family: var(--fonts--barlow);
    font-size: var(--mobile--body-l);
    line-height: var(--text-size);
    text-transform: uppercase;
    margin-bottom: 0;
    margin-left: 1rem;
    font-weight: 300;
  }

  .div-block-2119 {
    justify-content: flex-end;
    align-items: flex-start;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .code-embed-3 {
    justify-content: flex-end;
    align-items: center;
    max-width: 1.5rem;
    height: 1.5rem;
    max-height: 1.5rem;
  }

  .div-block-2120 {
    border-style: none none solid;
    border-width: 1px;
    border-color: var(--white-smoke);
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    height: 3rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
  }

  .text-block-27 {
    font-family: var(--fonts--termina);
    font-size: var(--mobile--title-xxl);
    text-transform: uppercase;
    font-weight: 900;
  }

  .div-block-2121 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    flex: 0 auto;
    justify-content: space-around;
    align-self: stretch;
    align-items: center;
    width: 50%;
    margin-top: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
    position: sticky;
    bottom: 8rem;
  }

  .div-block-2122.jetboost-active-show-wloo {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    place-content: flex-start;
    align-items: center;
    display: flex;
  }

  .text-block-28.jetboost-applied-filter-inner-text {
    text-transform: uppercase;
    margin-right: .5rem;
    font-size: .625rem;
    font-weight: 600;
    line-height: 1.25rem;
  }

  .link-block-4.jetboost-applied-filter-item-wloo {
    background-color: var(--yellow);
    object-fit: contain;
    justify-content: flex-start;
    align-items: center;
    margin-top: auto;
    margin-bottom: .5rem;
    padding: .25rem .5rem;
    display: flex;
    position: relative;
  }

  .homepage-title.slider-3 {
    font-size: 1.5rem;
  }

  .product-page-title {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .homepage-products-section {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .card-large {
    width: 14.5rem;
    height: 21.75rem;
    padding: .75rem;
  }

  .card-large-title-text {
    font-size: var(--mobile--body-l);
  }

  .card-large-image {
    width: 11.5rem;
    height: 11.5rem;
  }

  .card-medium {
    width: 11.75rem;
    height: 19.25rem;
    padding: 1.25rem .75rem;
  }

  .card-medium-title, .card-medium-title-text {
    font-size: var(--mobile--body-m);
  }

  .card-medium-image {
    width: 8.5rem;
    height: 8.5rem;
  }

  .card-small {
    width: 9.75rem;
    height: 12.5rem;
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .card-small-title-text.limit-2-lines {
    font-size: var(--mobile--body-s);
    line-height: 1;
  }

  .card-small-image {
    width: 6rem;
    height: 6rem;
  }

  .card-large-link {
    bottom: 5rem;
  }

  .text-block-30 {
    font-size: var(--mobile--button-s);
  }

  .link-block-11, .text-button-large {
    font-size: var(--mobile--button-l);
  }

  .text-block-32 {
    font-size: var(--mobile--button-m);
  }

  .card-extra-large {
    width: 18.25rem;
    height: 27.75rem;
    padding: 1.5rem .75rem;
  }

  .card-extra-large-image {
    width: 14.25rem;
    height: 14.25rem;
  }

  .products-section-product-template {
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .products-section-template-title {
    font-size: var(--mobile--title-m);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .products-section-projects-template {
    overflow: auto;
  }

  .products-all-section.jetboost-active-show-wbew.jetboost-active-show-jqnj.jetboost-active-show-w3nm {
    padding-left: 1rem;
  }

  .products-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .category-products-card {
    width: 20.5rem;
    height: 12.25rem;
  }

  .category-card-image {
    vertical-align: baseline;
  }

  .category-card-title {
    font-size: var(--mobile--title-l);
    margin: .75rem 1rem;
  }

  .banner-card {
    background-image: url('../images/calculadora.png');
    background-position: 100%;
    background-size: contain;
    width: 20.5rem;
    min-width: 20.5rem;
    height: 12.25rem;
    min-height: 12.25rem;
  }

  .banner-title, .banner-title.project {
    font-size: var(--mobile--title-s);
  }

  .resources-section-product-template {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .resources-section-template-title {
    font-size: var(--mobile--title-m);
    padding-bottom: 1rem;
  }

  .div-block-2135 {
    padding-bottom: .5rem;
    overflow: auto;
  }

  .video-card {
    width: 20.5rem;
    height: 16rem;
  }

  .video-thumbnail {
    height: 11.5rem;
  }

  .video-title {
    font-size: var(--mobile--title-xs);
    height: 1.75rem;
  }

  .video-description {
    font-size: var(--mobile--body-xs);
    height: 1.75rem;
  }

  .thumbnail-container {
    height: 11.5rem;
  }

  .category-video-tag-text {
    font-size: var(--mobile--body-s);
  }

  .description {
    font-size: var(--mobile--body-m);
  }

  .main-projects-template {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .jetboost-list-wrapper-empty-w3nm.jetboost-list-wrapper-empty-wbew.jetboost-list-wrapper-empty-jqnj {
    margin-top: 2rem;
  }

  .text-block-34 {
    font-size: var(--mobile--title-s);
  }

  .projects-breadcrums {
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .calculator-footer {
    display: none;
  }

  .page-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .page-title-text {
    font-size: var(--mobile--title-xxl);
  }

  .expo-section-timer-wrapper-timer {
    width: 90vw;
    position: relative;
  }

  .timer-wrapper {
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0%;
  }

  .expologo {
    width: 25vw;
  }

  .expo-section-background {
    inset: auto 0% 0%;
  }

  .expo-section-columns-content {
    grid-template-rows: 100% auto;
    grid-template-columns: 50vw;
  }

  .expo-section-column-content.maestro {
    width: 100%;
  }

  .expo-column-image.maestro.mobile {
    margin-left: 1rem;
  }

  .expo-section-img-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .expo-section-img-wrapper.box {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .mixer-hero-section {
    min-height: 80vh;
    padding: 0 1rem 2rem;
  }

  .paragraph-title {
    font-size: var(--mobile--title-xxl);
  }

  .two-columns {
    grid-template: "."
                   "."
                   / 1fr;
  }

  .mixer-image {
    display: none;
  }

  .mixer-section-transparent {
    min-height: 25vh;
    padding: 1rem 1rem 2rem;
  }

  .paragraph-title-section {
    font-size: var(--desktop--title-l);
  }

  .paragraph-text-section {
    font-size: var(--mobile--subtitle-1);
  }

  .paragraph-l-title-section {
    font-size: var(--mobile--title-l);
  }

  .paragraph-body-l {
    font-size: var(--mobile--subtitle-1);
  }

  .mixer-image-mobile {
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .react-empty-page {
    margin-top: 0;
    margin-bottom: 0;
  }

  .titles_expocon {
    font-size: var(--mobile--title-xxl);
  }

  .text_expocon {
    font-size: 1rem;
    line-height: 115%;
  }

  .embed_info_expocon {
    width: 180px;
    margin-top: 150px;
  }

  .guests_expocon-2025 {
    overflow: hidden;
  }

  .guests_name {
    font-size: 1rem;
  }

  .guest_card {
    min-width: 400px;
  }

  .feature_card {
    grid-template-columns: 1fr;
    margin-left: 4px;
    margin-right: 4px;
  }

  .feature_info {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    aspect-ratio: 4 / 3;
  }

  .features_wrapper {
    grid-column-gap: 300px;
    grid-row-gap: 300px;
    margin-bottom: 48px;
  }

  .cards_scroll_container {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    overflow: scroll;
  }

  .link_text_expocon {
    font-size: 1rem;
    line-height: 115%;
  }

  .carousel_expocon-2025 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .carousel_expo_text {
    font-size: .75rem;
  }

  .carousel_logo_icon {
    width: 30px;
    min-width: 30px;
  }

  .carousel_expo_text_barlow {
    font-size: 1rem;
  }

  .carousel-track {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .contact_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 24px;
    padding-right: 24px;
  }

  .form-block-7 {
    padding: 24px 32px;
  }
}

@media screen and (max-width: 479px) {
  ul {
    padding-left: 1.5rem;
  }

  .subtitle {
    position: static;
    inset: auto 0% 0%;
  }

  .subtitle.is-projects-template {
    font-weight: 500;
  }

  .button-yellow-black {
    font-size: .75rem;
  }

  .button-yellow-black.is-project-guides {
    display: block;
  }

  .button-yellow-white {
    font-size: 12px;
    display: inline-block;
  }

  .white-text.heading-styles-h3.page-title-style {
    font-size: var(--mobile--title-xl);
    line-height: var(--mobile--title-xl);
    text-align: left;
  }

  .white-text.heading-style-h4.tab-title-small {
    font-size: .875rem;
  }

  .link-block.w-current {
    width: 80px;
  }

  .common-vflex.wide {
    grid-column-gap: .5rem;
  }

  .common-vflex.wide.is-info-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    align-content: center;
    align-self: stretch;
  }

  .project-step-item {
    padding-bottom: 1rem;
  }

  .body-medium-light {
    font-weight: 400;
  }

  .ct-grey-light.vh {
    white-space: nowrap;
  }

  .div-block-69 {
    max-width: 100%;
  }

  .div-block-70 {
    width: 85%;
  }

  .digits {
    width: 50vw;
  }

  .digits.class-styles {
    display: none;
  }

  .calculator-buttons-wrappper {
    margin-top: -12px;
    transform: scale3d(1, .9, 1);
  }

  .key-wrapper {
    width: 10vh;
    height: 10vh;
  }

  .calculator-cover {
    z-index: 2;
  }

  .next-button-wraper.next-button {
    width: 100%;
    height: 10vh;
  }

  .inner-circle-tall {
    margin-top: 5.4vh;
  }

  .image-14 {
    height: 2vh;
  }

  .inner-circle-wide {
    height: 3rem;
  }

  .key-tall {
    width: 10vh;
  }

  .delete-wraper.delete-button {
    width: 9.6vh;
  }

  .root-map {
    height: auto;
    position: fixed;
    inset: 0%;
    overflow: hidden;
  }

  .project-card-wrapper {
    height: 100%;
  }

  .project-card_video-wrapper {
    flex: none;
    width: 100%;
    max-width: none;
    height: auto;
  }

  .project-card_content-wrapper {
    grid-row-gap: 8px;
    max-width: none;
    height: 60%;
    padding-bottom: 16px;
  }

  .div-block-98 {
    margin-top: 8px;
  }

  .div-block-99 {
    height: 20%;
    max-height: 30%;
  }

  .calculator-types-dial {
    overflow: auto;
  }

  .top-bar-layout {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    grid-template-rows: min-content;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: none;
  }

  .mobile-bottom-bar {
    z-index: 1;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: "home Projects calculator prod maps";
    grid-auto-columns: 1fr;
  }

  .icon-link-wrapper {
    height: 100%;
    position: relative;
  }

  .bottom-bar-wrapper {
    display: block;
  }

  .card-icon {
    height: 18px;
  }

  .anterior-button-icon {
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
  }

  .background-locator {
    max-width: 100dvw;
    max-height: 100dvh;
    overflow: hidden;
  }

  .hero-content {
    grid-template-rows: max-content auto max-content 70px;
    padding-bottom: 63px;
  }

  .map-home-link {
    height: auto;
  }

  .calculator-specific-styles {
    display: none;
  }

  .calculator-header_v2 {
    height: 5vh;
  }

  .calculator-buttons-wrappper_v2 {
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
    height: auto;
    transform: scale3d(1, .9, 1);
  }

  .calculator_v2 {
    grid-row-gap: 2vh;
    justify-content: flex-start;
    align-self: center;
    align-items: stretch;
    padding: 2vh 0;
  }

  .arrow-l-guide, .arrow-r-guide {
    height: 30px;
  }

  .result-single-card {
    min-height: 54vh;
  }

  .result-section-header, .result-product-name {
    font-size: .8rem;
  }

  .all-calculator-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .result-drawer {
    padding: 16px;
  }

  .result-drawer.down {
    display: none;
  }

  .result-calculator-name {
    font-size: 1.2rem;
  }

  .image-40 {
    width: 160%;
  }

  .page-wrapper.is-black {
    display: block;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-global.is-projects-page {
    padding-right: 1rem;
  }

  .container-large {
    flex-flow: wrap;
  }

  .container-large.footer {
    flex-flow: column;
    justify-content: center;
    display: flex;
  }

  .products_main-banner_layout {
    grid-template-rows: auto auto;
    width: 100%;
  }

  .search-bar-input {
    background-position: 9px;
    background-size: 18px;
    height: 2.1875rem;
    padding-left: 34px;
  }

  .search-bar-input::placeholder {
    font-size: .75rem;
  }

  .heading-style-h5.white-text.video-heading {
    font-size: .875rem;
  }

  .heading-style-h5.white-text.video-heading.inline-text {
    line-height: 1.3rem;
  }

  .heading-style-h6 {
    font-family: Termina, sans-serif;
    font-size: .75rem;
    font-weight: 900;
  }

  .heading-style-h6.large {
    margin-top: .5rem;
  }

  .heading-style-h2 {
    font-size: 1.75rem;
  }

  .heading-style-h3.porducts_banner-title {
    font-size: 1.25rem;
  }

  .calculator-type-menu-dropdown.is-project-tempalte {
    justify-content: space-between;
    width: auto;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .current-calculator {
    font-size: .875rem;
  }

  .current-calculator.is-project-template {
    font-size: 1rem;
  }

  .project-type-modal-title {
    line-height: 1.1;
  }

  .close-modal-wrapper {
    flex: 0 auto;
    position: absolute;
  }

  .close-modal-wrapper.is-project-template {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .hidden-element, .global-styles {
    display: none;
  }

  .component {
    align-self: flex-start;
    margin-top: 0;
  }

  .cookie-intro {
    height: auto;
  }

  .result_nav-arrow {
    width: 30px;
  }

  .arrow {
    height: 100px;
  }

  .foorer-links {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    flex: 1;
    place-content: stretch space-around;
  }

  .foorer-links.is-links {
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
    display: flex;
  }

  .footer-link {
    order: 1;
    margin-right: .5rem;
  }

  .footer-link.mark.is-mobile {
    text-align: right;
    order: 0;
    margin-top: .5rem;
    margin-right: 0;
    display: block;
  }

  .footer-link.mark.is-desktop {
    display: none;
  }

  .padding-section_footer {
    flex-flow: row;
    padding-top: 0;
    padding-bottom: 0;
  }

  .layout-footer {
    align-items: stretch;
  }

  .subtitle-common {
    line-height: 1;
  }

  .specification-icons-layout {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .body-small.video-description.mobile {
    white-space: normal;
    font-size: .875rem;
  }

  .projects-card-list {
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .projects-card-list.is-template {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    grid-template-rows: 1fr;
    grid-auto-rows: 1fr;
  }

  .projects-list-wrapper.is-mobile {
    padding-bottom: .25rem;
  }

  .project-video-card {
    grid-row-gap: 3rem;
  }

  .project-video_title-wrapper, .project-video_title-wrapper.desktop {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .project-step-layout {
    padding-bottom: 0;
    padding-right: 0;
    overflow: visible;
  }

  .projects-steps-line {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .project-steps-layout {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    display: none;
  }

  .project-tools-info-layout, .section_related-guides {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .category-row {
    margin-right: -1rem;
  }

  .steps-drag-line {
    height: 4px;
  }

  .drag-line-wrapper {
    display: flex;
  }

  .footer-icon {
    width: 1rem;
    height: 1rem;
  }

  .icons-elements-wrapper {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .collection-list-wrapper-9 {
    display: none;
  }

  .products-main-slider {
    background-color: #ddd0;
    min-height: 40vh;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .product-slider-arrow {
    font-size: 2rem;
  }

  .product-slider-arrow-wrapper {
    width: 2rem;
  }

  .html-embed-24 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .project-card_title-description-wrapper {
    flex: 1;
  }

  .div-block-179 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .tabs-menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
    align-items: center;
  }

  .grid {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    grid-auto-flow: row;
    display: flex;
  }

  .flex-block {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .mobile-horizontal-text-padding {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .mobile-horizontal-text-padding.mobile-grid-vertical-padding {
    padding-bottom: 1.5rem;
  }

  .icon-menu-2:active {
    color: #121212;
  }

  .icon-menu-2:focus {
    color: #000;
  }

  .padding-global-2 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .button-yellow-white-2 {
    width: 100%;
    font-size: 12px;
    display: inline-block;
  }

  .button-yellow-white-2.top-btn.homepage {
    flex: 1;
  }

  .products-layout {
    grid-template-rows: auto auto auto auto auto;
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .products-chip.jetboost-applied-filter-item-w3nm {
    justify-items: center;
  }

  .products-chip.jetboost-applied-filter-item-wbew {
    grid-auto-flow: row;
    justify-items: center;
  }

  .products-chip.jetboost-list-search-reset-jqnj {
    justify-items: center;
  }

  .products-text-chip {
    font-size: .7rem;
  }

  .filter-products {
    object-fit: fill;
    grid-template-rows: max-content max-content max-content;
    max-height: 90vh;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    inset: 0% auto auto;
  }

  .section-main-products-layout {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: auto 100%;
    grid-auto-flow: column;
    place-items: center;
  }

  .filter_drop-down_text-3 {
    color: var(--dark-grey);
    -webkit-text-stroke-color: var(--dark-grey);
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: .8rem;
    line-height: 120%;
  }

  .filter_drop-down_text-3.is-label {
    color: var(--dark-grey);
    text-transform: uppercase;
    margin-top: 2px;
    font-size: .75rem;
  }

  .form-block-5 {
    margin-top: 1rem;
  }

  .form-block-4 {
    margin-left: .5rem;
    margin-right: .5rem;
  }

  .filter_drop-down_header-wrapper-3 {
    border-right: 1px none var(--white-smoke);
    border-bottom: 1px #000;
    border-left: 1px none var(--white-smoke);
    padding-top: 0;
    line-height: 100%;
    transition: padding .2s;
    top: 5px;
  }

  .filter-dropdown-toggle-2 {
    z-index: 2;
    aspect-ratio: auto;
    object-fit: fill;
    width: 35px;
    position: relative;
    overflow: visible;
  }

  .btn-filter {
    border: 1px solid #000;
  }

  .btn-filter.is-white {
    align-content: space-around;
  }

  .btn-filter.is-white.jetboost-filter-none-wloo {
    order: 0;
    align-content: flex-end;
    align-self: center;
  }

  .btn-filter.is-yellow {
    background-color: var(--yellow);
  }

  .filter-btns {
    width: 100%;
  }

  .filters-chips-container-2 {
    display: none;
  }

  .products_filter-form-block_layout-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    aspect-ratio: auto;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr auto;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: center;
    display: grid;
    overflow: visible;
  }

  .filter-section-2 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-bottom: 1rem;
  }

  .filter-section-2.is-category {
    margin-bottom: .5rem;
  }

  .filter_drop-down_hidden-text-2 {
    display: block;
  }

  .button-arrow-wrapper-2 {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    grid-template: "."
    / 1fr;
    bottom: 24px;
    left: 24px;
    right: 24px;
  }

  .title-container-2 {
    grid-column-gap: 8px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 30px 1fr 1fr 1fr;
    grid-template-areas: ". . . . ."
                         "Title Title Title Title Title";
    bottom: 0;
  }

  .image-wrapper {
    position: absolute;
    inset: 0%;
  }

  .div-block-192 {
    z-index: 1000000;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: block;
    position: relative;
    inset: 0%;
  }

  .hero-text-content-2 {
    grid-row-gap: 16px;
    padding-top: 0;
  }

  .hero-text-content-2.homepagetextposition, .hero-text-content-2.homepagetextposition.homepage {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .slide-1 {
    background-image: linear-gradient(#000, #fff0 40%), url('../images/Background.png');
    background-position: 0 0, 66%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
  }

  .hero-container-2 {
    height: 100vh;
  }

  .button-wrapper-3 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .page-wrapper-2 {
    display: block;
    overflow: hidden;
  }

  .white-text-3 {
    margin-left: 0;
  }

  .white-text-3.heading-style-h3 {
    max-width: 75%;
  }

  .homepage-feature-text-wrapper {
    width: auto;
  }

  .homepage-feature-section {
    flex-flow: column;
    max-height: 40rem;
  }

  .homepage-feature-image {
    height: 22rem;
  }

  .homepage-feature-image-container {
    order: -1;
    width: 100%;
  }

  .homepage-feature-cta-container {
    width: 100%;
    height: 18rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .homepage-calculator-cta-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .homepage-guide-cta-wrapper {
    width: 100%;
  }

  .homepage-map-cta-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .homepagelink.w-current {
    justify-content: flex-start;
    align-items: center;
  }

  .uui-navbar05_container.productsspacing.mobile {
    margin-bottom: 0;
  }

  .uui-navbar05_component {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .uui-navbar05_link.larger {
    font-size: 1.3rem;
  }

  .uui-navbar05_link.larger.more {
    font-size: 1.15rem;
  }

  .productsdropdown {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .hamburgermenuhiddenobjects {
    display: none;
  }

  .projects-video-section {
    flex: 1;
  }

  .chip-set, .text-block-24 {
    display: none;
  }

  .heading-22 {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    font-size: 1.5rem;
    line-height: 1;
    display: flex;
  }

  .category-tag {
    inset: auto auto .5rem .5rem;
  }

  .div-block-2117 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr min-content;
    grid-auto-columns: 1fr;
    margin-bottom: 1rem;
    display: grid;
  }

  .code-embed-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .projects-filter-mobile {
    z-index: 10;
    background-color: var(--dark-grey);
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    position: absolute;
    top: 0;
  }

  .checkbox.w--redirected-checked {
    border-color: var(--dark-black);
    background-color: var(--yellow);
    background-image: url('../images/black-check.svg');
    background-position: 0 0;
    background-size: contain;
  }

  .form-block-6 {
    color: var(--white-smoke);
    flex-flow: row;
    justify-content: space-between;
    align-self: stretch;
    align-items: stretch;
    width: auto;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .div-block-2118 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .form-2 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 1rem;
    margin-right: 1rem;
    display: flex;
  }

  .checkbox-field-2 {
    -webkit-text-fill-color: inherit;
    mix-blend-mode: normal;
    background-clip: border-box;
    margin-top: 5px;
  }

  .div-block-2119 {
    justify-content: flex-end;
    align-items: center;
  }

  .text-block-27 {
    font-family: Termina, sans-serif;
    font-size: var(--mobile--title-m);
    font-weight: 900;
  }

  .div-block-2121 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-around;
    align-self: stretch;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
    margin-left: .5rem;
    margin-right: .5rem;
    display: flex;
    position: static;
    inset: auto 0% 2rem;
    overflow: visible;
  }

  .div-block-2122 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: flex-start;
    align-items: stretch;
    display: none;
  }

  .div-block-2122.jetboost-active-show-wloo {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: center;
    display: flex;
  }

  .text-block-28 {
    margin-right: .5rem;
    font-weight: 600;
    line-height: 1.25rem;
  }

  .text-block-28.jetboost-applied-filter-inner-text {
    text-transform: uppercase;
  }

  .link-block-4 {
    background-color: var(--yellow);
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding: .25rem .5rem;
    display: flex;
  }

  .link-block-4.jetboost-applied-filter-item-wloo {
    object-fit: contain;
    align-items: center;
    margin-top: auto;
    display: flex;
    position: relative;
  }

  .project-guides-button-wrapper {
    width: auto;
    height: auto;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .product-page-title {
    margin-top: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .homepage-products-section {
    background-color: #666;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .products-homepage-title {
    margin-top: 0;
    padding-top: 2rem;
  }

  .card-button-small {
    font-size: var(--desktop--body-xs);
    height: 2.5rem;
  }

  .products-section-product-template {
    margin-bottom: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .products-all-section.jetboost-active-show-wbew.jetboost-active-show-jqnj.jetboost-active-show-w3nm {
    padding-left: 0;
  }

  .products-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-items: start;
    max-width: 100vw;
    display: grid;
  }

  .banner-card {
    min-width: 20.5rem;
    min-height: 12.25rem;
  }

  .resources-section-product-template {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .div-block-2135 {
    width: 100%;
    height: 100%;
    overflow: auto;
  }

  .main-projects-template {
    padding-left: 0;
    padding-right: 0;
  }

  .projects-breadcrums {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .page-title {
    margin-left: 1rem;
    margin-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .page-title-text {
    font-size: var(--mobile--title-l);
  }

  .expo-section-main {
    flex: 1;
    min-height: 60vh;
    max-height: none;
  }

  .expo-section-timer-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .expo-section-timer-wrapper-timer {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .timer-wrapper {
    margin-left: 1rem;
  }

  .expo-hero-content {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .expologo {
    width: 40vw;
  }

  .expo-hero-title {
    font-size: var(--mobile--title-xxl);
  }

  .expo-hero-text {
    margin-right: 0;
  }

  .expo-hero-yellow-text {
    font-size: var(--mobile--subtitle-1);
  }

  .expo-btn {
    font-size: var(--desktop--button-s);
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .expo-section.stand {
    height: 40vh;
  }

  .expo-section-background {
    top: -50%;
    left: auto;
    right: 0%;
  }

  .expo-section-background.mix {
    inset: 0%;
  }

  .expo-section-content {
    justify-content: center;
    align-items: flex-start;
  }

  .expo-content-text {
    font-size: var(--mobile--subtitle-1);
  }

  .expo-section-columns-content.with-video-absolute {
    height: 100%;
  }

  .expo-section-columns-content.maestro {
    justify-content: center;
    align-items: center;
    height: 120vh;
  }

  .expo-section-column-content.maestro {
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .expo-section-column-content.box {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 30vh;
    padding-top: 2rem;
  }

  .expo-video-section {
    flex: 1;
  }

  .expo-section-video-wrapper {
    flex: none;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .expo-column-image.maestro {
    height: 35vh;
  }

  .expo-column-image.maestro.mobile {
    height: auto;
    margin-left: 0;
  }

  .expo-column-image.box {
    max-width: none;
    height: 20vh;
  }

  .expo-section-no-column-content {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .expo-section-img-wrapper {
    align-self: flex-start;
    width: 90vw;
    padding-left: 1rem;
  }

  .outlined-text, .white-title {
    font-size: 2.75rem;
  }

  .expo-section-social-media {
    justify-content: flex-start;
    align-items: center;
  }

  .social-name {
    font-size: var(--mobile--subtitle-2);
  }

  .count-number {
    font-size: var(--mobile--title-l);
  }

  .count-label {
    font-size: var(--mobile--body-xs);
  }

  .mixer-hero-section {
    flex: 1;
    min-height: 100vh;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .mixer-section-transparent {
    min-height: 25vh;
  }

  .div_flex_16px {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .logo_wrapper.w-current {
    padding-top: 8px;
  }

  .embed_info_expocon {
    width: 150px;
  }

  .guests_expocon-2025 {
    padding-bottom: 0;
  }

  .image-53 {
    width: 100%;
    height: 100%;
  }

  .guest_card {
    min-width: 310px;
  }

  .features_expocon-2025 {
    padding-bottom: 40px;
  }

  .feature_info {
    aspect-ratio: 16 / 9;
  }

  .title_feature_expocon {
    font-size: 1.5rem;
  }

  .tag_feature_expocon {
    margin-bottom: 0;
  }

  .video_hero-expocon {
    flex: 1;
  }

  .expocon_gradient {
    background-image: linear-gradient(45deg, #000 7%, #0000);
  }

  .carousel_expocon-2025 {
    justify-content: center;
    align-items: center;
  }

  .carousel_expo_text {
    font-size: 1rem;
  }

  .carousel-track {
    flex-flow: column;
  }

  .form-block-7 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-2137 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
}

#w-node-c98ff3ab-437a-e377-9987-e27ccc104ba0-46097461, #w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-46097461, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-46097461 {
  grid-area: button;
  align-self: start;
}

#w-node-_0360fc62-7d42-939c-b019-d21501146b6a-460974c5, #w-node-_42e60937-a64e-c474-b090-f75979c9c450-460974c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207ad-460974c5, #w-node-e7073f85-a184-3764-e50f-cb780c6207b0-460974c5 {
  grid-area: enter;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207b1-460974c5 {
  grid-area: siguiente;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207b6-460974c5 {
  grid-area: _1;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207b8-460974c5 {
  grid-area: _2;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207ba-460974c5 {
  grid-area: _3;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207bc-460974c5 {
  grid-area: _4;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207be-460974c5 {
  grid-area: _5;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207c0-460974c5 {
  grid-area: _6;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207c2-460974c5 {
  grid-area: _7;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207c4-460974c5 {
  grid-area: _8;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207c6-460974c5 {
  grid-area: _9;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207c8-460974c5 {
  grid-area: ac;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207ca-460974c5 {
  grid-area: punto;
}

#w-node-e7073f85-a184-3764-e50f-cb780c6207cc-460974c5 {
  grid-area: _0;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863104-460974c5, #w-node-_7151216d-2786-0ffa-f405-053e94863107-460974c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863153-460974c5, #w-node-_7151216d-2786-0ffa-f405-053e94863156-460974c5 {
  grid-area: enter;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863157-460974c5 {
  grid-area: siguiente;
}

#w-node-_7151216d-2786-0ffa-f405-053e9486315c-460974c5 {
  grid-area: _1;
}

#w-node-_7151216d-2786-0ffa-f405-053e9486315e-460974c5 {
  grid-area: _2;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863160-460974c5 {
  grid-area: _3;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863162-460974c5 {
  grid-area: _4;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863164-460974c5 {
  grid-area: _5;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863166-460974c5 {
  grid-area: _6;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863168-460974c5 {
  grid-area: _7;
}

#w-node-_7151216d-2786-0ffa-f405-053e9486316a-460974c5 {
  grid-area: _8;
}

#w-node-_7151216d-2786-0ffa-f405-053e9486316c-460974c5 {
  grid-area: _9;
}

#w-node-_7151216d-2786-0ffa-f405-053e9486316e-460974c5 {
  grid-area: ac;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863170-460974c5 {
  grid-area: punto;
}

#w-node-_7151216d-2786-0ffa-f405-053e94863172-460974c5 {
  grid-area: _0;
}

#w-node-afeb5186-fb38-fceb-9336-2e0221130f73-460974c5 {
  grid-area: 1 / 1 / 2 / 5;
}

#w-node-_02f0e30c-46da-7c2f-637f-bc5adbc4982e-460974c5 {
  grid-area: 1 / 4 / 2 / 9;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f91ac-460974c5, #w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f91af-460974c5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f91fb-460974c5, #w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f91fe-460974c5 {
  grid-area: enter;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f91ff-460974c5 {
  grid-area: siguiente;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9204-460974c5 {
  grid-area: _1;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9206-460974c5 {
  grid-area: _2;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9208-460974c5 {
  grid-area: _3;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f920a-460974c5 {
  grid-area: _4;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f920c-460974c5 {
  grid-area: _5;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f920e-460974c5 {
  grid-area: _6;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9210-460974c5 {
  grid-area: _7;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9212-460974c5 {
  grid-area: _8;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9214-460974c5 {
  grid-area: _9;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9216-460974c5 {
  grid-area: ac;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f9218-460974c5 {
  grid-area: punto;
}

#w-node-fee8eb12-8b3e-0fc1-884a-f71ec00f921a-460974c5 {
  grid-area: _0;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f5472818c2-460974c7, #w-node-_77f28bac-1b76-a5b3-70a8-32f5472818c5-460974c7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281915-460974c7 {
  grid-area: siguiente;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728191a-460974c7 {
  grid-area: _1;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728191c-460974c7 {
  grid-area: _2;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728191e-460974c7 {
  grid-area: _3;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281920-460974c7 {
  grid-area: _4;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281922-460974c7 {
  grid-area: _5;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281924-460974c7 {
  grid-area: _6;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281926-460974c7 {
  grid-area: _7;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281928-460974c7 {
  grid-area: _8;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728192a-460974c7 {
  grid-area: _9;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728192c-460974c7 {
  grid-area: ac;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728192e-460974c7 {
  grid-area: punto;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281930-460974c7 {
  grid-area: _0;
}

#w-node-_55a579bf-bb5d-3d0b-1266-eb93fa266407-460974c7 {
  grid-area: enter;
}

#w-node-d8a73cd8-cdd6-b6db-9431-659172a4138b-460974c9 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e3adfc6f-ada5-28e3-613a-9f36116429e6-460974c9 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_797979a0-68b0-e562-878c-f56d533c9fcf-460974c9 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-da7affb2-661a-bf92-a194-7e8b725cc3b6-460974c9 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_8ff83b5c-1294-a993-e239-6db5cc08ddeb-460974c9 {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-c113b4a2-cb03-675f-bebc-1dfc7ba56a1c-460974c9 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_5b316644-05c0-70ed-93a6-8a650a3a697d-460974c9 {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-da9651db-10b4-25fc-e03c-12c70a20bdc7-460974c9 {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_1db49f5a-e3fd-8ba0-b2c8-3df16eab5bb2-460974c9 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_1db49f5a-e3fd-8ba0-b2c8-3df16eab5bbb-460974c9 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_1db49f5a-e3fd-8ba0-b2c8-3df16eab5bc4-460974c9 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_1db49f5a-e3fd-8ba0-b2c8-3df16eab5bcd-460974c9 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_1db49f5a-e3fd-8ba0-b2c8-3df16eab5bd6-460974c9 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60ab-460974ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60df-460974ca, #w-node-f45db69d-7d77-d32d-91d9-4b3574ce60e2-460974ca {
  grid-area: enter;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60e3-460974ca {
  grid-area: siguiente;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60e8-460974ca {
  grid-area: _1;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60ea-460974ca {
  grid-area: _2;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60ec-460974ca {
  grid-area: _3;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60ee-460974ca {
  grid-area: _4;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60f0-460974ca {
  grid-area: _5;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60f2-460974ca {
  grid-area: _6;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60f4-460974ca {
  grid-area: _7;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60f6-460974ca {
  grid-area: _8;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60f8-460974ca {
  grid-area: _9;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60fa-460974ca {
  grid-area: ac;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60fc-460974ca {
  grid-area: punto;
}

#w-node-f45db69d-7d77-d32d-91d9-4b3574ce60fe-460974ca {
  grid-area: _0;
}

#w-node-_09ef67f3-5403-1a6f-31de-3330164719fd-460974d2 {
  grid-area: Product-images-galery;
}

#w-node-a4a9ffb2-39a7-1864-90fc-918783697559-460974d2 {
  grid-area: Product-galery;
}

#w-node-_3f3fe726-6e76-8a51-73ff-9e4b9865c265-460974d2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_903ae97b-fb58-06f8-bb22-ae1a50a0c848-460974d2 {
  grid-area: Product-specifications;
}

#w-node-_454070e1-4d7b-a1c5-86f7-159936b489f5-460974d2 {
  align-self: end;
}

#w-node-_70f6bcbb-7c44-fc40-39a4-43c3ee756090-460974d2 {
  grid-area: Populares;
}

#w-node-aa06e4f1-57e7-73b6-34f6-ec8202faf303-460974e7 {
  grid-area: Video-Hero;
}

#w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cef7-460974e7 {
  grid-area: Project-Steps;
}

#w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cf01-460974e7 {
  grid-area: Time-line;
}

#w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cf12-460974e7 {
  grid-area: Area;
}

#w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cf1b-460974e7 {
  grid-area: Media;
}

#w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cf33-460974e7 {
  grid-area: Tools-Products;
  place-self: stretch stretch;
}

#w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cf69-460974e7 {
  grid-area: Other-Projects;
}

#w-node-fe4901c2-4fe7-02e6-cd8c-8c489e208991-460974ff {
  align-self: center;
}

#w-node-cfc8107d-9162-f391-ef1d-8defc30a7aee-460974ff, #w-node-_9554a912-1268-e79f-d456-0d8a10ea7a5d-460974ff, #w-node-_42f8e6b6-11a0-b95f-2cd9-29416e11ca80-460974ff, #w-node-_5591cf1c-af99-12d6-d745-6e64102af260-46097505 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6d-46097505 {
  grid-area: filter-products;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6e-46097505 {
  grid-area: close-icon;
  place-self: center end;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6f-46097505 {
  grid-area: filter-spec;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf2-46097505 {
  grid-area: filter-btns;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf7-46097505 {
  grid-area: products-layout;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf8-46097505 {
  place-self: start stretch;
}

#field-search.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfa-46097505 {
  grid-area: search-bar;
}

#fdtoggle.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfb-46097505 {
  grid-area: toggle-menu;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfd-46097505 {
  grid-area: chips-container;
  place-self: center stretch;
}

#popular-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d14-46097505 {
  grid-area: popular;
}

#recomended-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d24-46097505 {
  grid-area: recomended;
}

#category-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d34-46097505 {
  grid-area: categories;
}

#w-node-a973218e-9951-39f5-7698-4e07732d12c6-46097505 {
  grid-area: products;
  place-self: start stretch;
}

#w-node-_1bb05526-66d3-fa3a-f5a5-778bff13da33-46097505 {
  place-self: center;
}

#w-node-_53cbf842-3192-4fd7-493f-89bece8e0bda-4609750e, #w-node-_2afdf8d1-6c6c-8b73-a6f3-022cfb750e22-4609750e, #w-node-a1861f10-285e-e954-0482-ee52c31151bb-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d735-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d73c-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d73d-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d73f-4609750e, #w-node-e0f2af47-07dd-3b77-c179-877754dda1f0-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d743-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d744-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d746-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d748-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d74a-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d74b-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d74d-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d74f-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d751-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d752-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d754-4609750e, #w-node-_6172da19-189e-bce2-45a2-cd517ba6d756-4609750e, #w-node-ed997cc3-f777-8458-d826-ce96a08d09de-4609750e, #w-node-ed997cc3-f777-8458-d826-ce96a08d09e6-4609750e, #w-node-ed997cc3-f777-8458-d826-ce96a08d09ea-4609750e, #w-node-ed997cc3-f777-8458-d826-ce96a08d09ee-4609750e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e9a88a74-fe23-c8f7-71bc-4095aae3da15-3a9eed53 {
  grid-area: Categoria;
}

#w-node-e9a88a74-fe23-c8f7-71bc-4095aae3da22-3a9eed53 {
  place-self: stretch stretch;
}

#w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-1fe11752, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-1fe11752 {
  grid-area: button;
  align-self: start;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f5472818c2-27c66fb8, #w-node-_77f28bac-1b76-a5b3-70a8-32f5472818c5-27c66fb8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281915-27c66fb8 {
  grid-area: siguiente;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728191a-27c66fb8 {
  grid-area: _1;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728191c-27c66fb8 {
  grid-area: _2;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728191e-27c66fb8 {
  grid-area: _3;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281920-27c66fb8 {
  grid-area: _4;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281922-27c66fb8 {
  grid-area: _5;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281924-27c66fb8 {
  grid-area: _6;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281926-27c66fb8 {
  grid-area: _7;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281928-27c66fb8 {
  grid-area: _8;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728192a-27c66fb8 {
  grid-area: _9;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728192c-27c66fb8 {
  grid-area: ac;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f54728192e-27c66fb8 {
  grid-area: punto;
}

#w-node-_77f28bac-1b76-a5b3-70a8-32f547281930-27c66fb8 {
  grid-area: _0;
}

#w-node-_55a579bf-bb5d-3d0b-1266-eb93fa266407-27c66fb8 {
  grid-area: enter;
}

#w-node-e9a88a74-fe23-c8f7-71bc-4095aae3da15-f2f13bd0 {
  grid-area: Categoria;
}

#w-node-e9a88a74-fe23-c8f7-71bc-4095aae3da22-f2f13bd0 {
  place-self: stretch stretch;
}

#w-node-d8a73cd8-cdd6-b6db-9431-659172a4138b-f2ed4201 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-e3adfc6f-ada5-28e3-613a-9f36116429e6-f2ed4201 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_797979a0-68b0-e562-878c-f56d533c9fcf-f2ed4201 {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-da7affb2-661a-bf92-a194-7e8b725cc3b6-f2ed4201 {
  grid-area: 5 / 2 / 6 / 3;
}

#w-node-_8ff83b5c-1294-a993-e239-6db5cc08ddeb-f2ed4201 {
  grid-area: 6 / 1 / 7 / 2;
}

#w-node-c113b4a2-cb03-675f-bebc-1dfc7ba56a1c-f2ed4201 {
  grid-area: 6 / 2 / 7 / 3;
}

#w-node-_5b316644-05c0-70ed-93a6-8a650a3a697d-f2ed4201 {
  grid-area: 7 / 1 / 8 / 2;
}

#w-node-da9651db-10b4-25fc-e03c-12c70a20bdc7-f2ed4201 {
  grid-area: 7 / 2 / 8 / 3;
}

#w-node-_5591cf1c-af99-12d6-d745-6e64102af260-d7410c1f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6d-d7410c1f {
  grid-area: filter-products;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6e-d7410c1f {
  grid-area: close-icon;
  place-self: center end;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6f-d7410c1f {
  grid-area: filter-spec;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf2-d7410c1f {
  grid-area: filter-btns;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf7-d7410c1f {
  grid-area: products-layout;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf8-d7410c1f {
  place-self: start stretch;
}

#field-search.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfa-d7410c1f {
  grid-area: search-bar;
}

#fdtoggle.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfb-d7410c1f {
  grid-area: toggle-menu;
}

#w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfd-d7410c1f {
  grid-area: chips-container;
  place-self: center stretch;
}

#popular-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d14-d7410c1f {
  grid-area: popular;
}

#recomended-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d24-d7410c1f {
  grid-area: recomended;
}

#category-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d34-d7410c1f {
  grid-area: categories;
}

#w-node-a973218e-9951-39f5-7698-4e07732d12c6-d7410c1f {
  grid-area: products;
  place-self: start stretch;
}

#w-node-_1bb05526-66d3-fa3a-f5a5-778bff13da33-d7410c1f {
  place-self: center;
}

#w-node-aea9d4fe-5444-c242-226d-ca4868267fa7-4daf764d {
  grid-area: 1 / 6 / 2 / 8;
  place-self: start center;
}

#w-node-b9d209da-873e-4e4d-66db-3448acebc4f7-4daf764d {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: end start;
}

#w-node-b10e8ad9-4a38-28a3-85ad-7ac5866978d7-4daf764d {
  grid-area: 1 / 10 / 2 / 13;
  place-self: start end;
}

#w-node-_5fba3f97-af9b-53ab-9e2c-f8dfa296ff8f-4daf764d {
  grid-area: 1 / 4 / 2 / 10;
}

#w-node-_738fe5b5-3870-da91-74eb-f1122d52776f-4daf764d {
  grid-area: 2 / 2 / 3 / 12;
  justify-self: center;
}

#w-node-_45d8ec5d-3a24-9dcf-431c-ef324ee5f79e-4daf764d {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: center;
}

#w-node-_695e662a-3f15-ecc5-fa7e-5bbfffcd0bab-4daf764d {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_6828cdd0-b508-3e3e-2483-286eb5f624dc-4daf764d {
  grid-area: span 1 / span 3 / span 1 / span 3;
  justify-self: center;
}

#w-node-_855cebc4-253e-b2ef-24d2-eaea0607e3a0-4daf764d {
  grid-area: span 1 / span 4 / span 1 / span 4;
  place-self: start;
}

#w-node-_07b2710d-84b8-d084-c776-af14194096f5-4daf764d {
  grid-area: span 1 / span 8 / span 1 / span 8;
}

#w-node-_68199dff-5aa5-9a4c-f071-2f0e76710288-4daf764d {
  order: -9999;
}

#w-node-_059328b6-95a2-b408-eb86-342de4dec48c-4daf764d {
  grid-area: 1 / 2 / 2 / 6;
  place-self: center start;
}

#w-node-_028c0895-0015-5532-c19d-157101af21d9-4daf764d {
  grid-area: 1 / 6 / 2 / 12;
}

#w-node-_7a29705e-aff4-e13c-7439-b56a2ca7577b-4daf764d {
  grid-area: Column-1;
}

#w-node-_5947c058-6217-1165-229e-c549dd63b938-4daf764d {
  grid-area: Column-2;
}

#w-node-d9572979-b4f3-a9ed-7712-58ff29b96fc1-4daf764d {
  grid-area: Column-1;
}

#w-node-_249d5f1b-d281-d5cb-1a97-b210bf333d88-4daf764d {
  grid-area: Column-2;
  place-self: stretch stretch;
}

#w-node-_00ed3610-67d0-5a05-b32a-dc2dfb7e6385-4daf764d {
  grid-area: Column-1;
  place-self: center;
}

#w-node-_001fc939-3b64-c884-867d-7c1d96bcef78-4daf764d {
  grid-area: Column-2;
  align-self: center;
}

#w-node-cd21cb7f-b60b-62fe-165d-e46787fe2ac0-166b421d {
  grid-area: Column-2;
  place-self: center;
}

#w-node-_1482b830-bb62-dbce-af85-528069a6d3f0-166b421d {
  grid-area: Column-1;
}

#w-node-_598ca4d4-2ad3-b66a-5438-4cf5e0e4b057-166b421d {
  grid-area: Column-2;
  place-self: center;
}

#w-node-_323ff8be-a0ab-e4b2-cf42-e8a9e7c53fb9-37d9c989 {
  grid-area: 1 / 4 / 2 / 10;
  place-self: end center;
}

#w-node-_85d9af48-43d6-fddc-f173-930d812b030b-37d9c989 {
  grid-area: 2 / 4 / 3 / 10;
  place-self: start center;
}

@media screen and (max-width: 991px) {
  #w-node-c98ff3ab-437a-e377-9987-e27ccc104ba0-46097461, #w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-46097461, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-46097461 {
    grid-area: button;
  }

  #w-node-_6baf13a1-9183-5c11-0aa2-0f64ec2103b2-ec2103b2 {
    grid-area: bottom-bar;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d3f-ec2103b2 {
    grid-area: home;
    align-self: end;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d41-ec2103b2 {
    grid-area: Projects;
    align-self: end;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d43-ec2103b2 {
    grid-area: calculator;
    align-self: end;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d45-ec2103b2 {
    grid-area: prod;
    align-self: end;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d47-ec2103b2 {
    grid-area: maps;
    align-self: end;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d49-ec2103b2 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-d41f5e38-63e0-3b39-d8ea-9f9fc46fcee7-6f6c7dce {
    grid-area: logo;
  }

  #w-node-_7b7827af-b8ee-9d8a-5c0c-1a7d61a7d172-6f6c7dce, #w-node-_4cfd2758-09a2-cdc3-b203-0da3feaf4b16-6f6c7dce {
    grid-area: Anterior;
  }

  #w-node-c8c0ccef-3333-7c9b-02b2-922d14018284-6f6c7dce {
    grid-area: Siguiente;
  }

  #w-node-c8c0ccef-3333-7c9b-02b2-922d14018286-6f6c7dce {
    grid-area: Anterior;
  }

  #w-node-aa06e4f1-57e7-73b6-34f6-ec8202faf303-460974e7 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cef7-460974e7 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cf33-460974e7 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cf69-460974e7 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_794745b7-7895-019c-86ad-3d9adf151fd7-460974e7 {
    place-self: stretch stretch;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6d-46097505 {
    grid-area: products-layout;
    place-self: stretch stretch;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6e-46097505 {
    grid-area: close-icon;
    place-self: start end;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6f-46097505 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf2-46097505 {
    place-self: baseline stretch;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf7-46097505 {
    grid-area: products-layout;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf8-46097505 {
    grid-area: search-bar-n-tags;
  }

  #w-node-_85b930d0-c729-4ffb-ae85-9584fe125154-46097505 {
    grid-area: search-bar;
    justify-self: stretch;
  }

  #field-search.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfa-46097505 {
    grid-area: search-bar;
    place-self: auto;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfd-46097505 {
    grid-area: chips-container;
    place-self: stretch stretch;
  }

  #recomended-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d24-46097505 {
    grid-area: recomended;
  }

  #w-node-e9a88a74-fe23-c8f7-71bc-4095aae3da23-3a9eed53 {
    place-self: auto;
  }

  #w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-1fe11752, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-1fe11752 {
    grid-area: button;
  }

  #w-node-e9a88a74-fe23-c8f7-71bc-4095aae3da23-f2f13bd0 {
    place-self: auto;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6d-d7410c1f {
    grid-area: products-layout;
    place-self: stretch stretch;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6e-d7410c1f {
    grid-area: close-icon;
    place-self: start end;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6f-d7410c1f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf2-d7410c1f {
    place-self: baseline stretch;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf7-d7410c1f {
    grid-area: products-layout;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cf8-d7410c1f {
    grid-area: search-bar-n-tags;
  }

  #w-node-_85b930d0-c729-4ffb-ae85-9584fe125154-d7410c1f {
    grid-area: search-bar;
    justify-self: stretch;
  }

  #field-search.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfa-d7410c1f {
    grid-area: search-bar;
    place-self: auto;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8cfd-d7410c1f {
    grid-area: chips-container;
    place-self: stretch stretch;
  }

  #recomended-list.w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8d24-d7410c1f {
    grid-area: recomended;
  }

  #w-node-aea9d4fe-5444-c242-226d-ca4868267fa7-4daf764d {
    grid-column: 3 / 5;
  }

  #w-node-b9d209da-873e-4e4d-66db-3448acebc4f7-4daf764d {
    grid-column: span 6 / span 6;
  }

  #w-node-b10e8ad9-4a38-28a3-85ad-7ac5866978d7-4daf764d {
    grid-column: 2 / 6;
    justify-self: center;
  }

  #w-node-_5fba3f97-af9b-53ab-9e2c-f8dfa296ff8f-4daf764d, #w-node-_738fe5b5-3870-da91-74eb-f1122d52776f-4daf764d {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_45d8ec5d-3a24-9dcf-431c-ef324ee5f79e-4daf764d {
    grid-column: 3 / 5;
  }

  #w-node-_695e662a-3f15-ecc5-fa7e-5bbfffcd0bab-4daf764d {
    grid-column: span 2 / span 2;
  }

  #w-node-_6828cdd0-b508-3e3e-2483-286eb5f624dc-4daf764d {
    grid-column: 5 / 7;
  }

  #w-node-_855cebc4-253e-b2ef-24d2-eaea0607e3a0-4daf764d {
    grid-column: span 4 / span 4;
  }

  #w-node-_07b2710d-84b8-d084-c776-af14194096f5-4daf764d {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_059328b6-95a2-b408-eb86-342de4dec48c-4daf764d {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_028c0895-0015-5532-c19d-157101af21d9-4daf764d {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }

  #w-node-_323ff8be-a0ab-e4b2-cf42-e8a9e7c53fb9-37d9c989, #w-node-_85d9af48-43d6-fddc-f173-930d812b030b-37d9c989 {
    grid-column: 2 / 12;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c98ff3ab-437a-e377-9987-e27ccc104ba0-46097461, #w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-46097461, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-46097461 {
    grid-area: 2 / 1 / 3 / 5;
    align-self: end;
  }

  #w-node-f7068c92-e82f-594a-d060-a4466f6c7dce-6f6c7dce {
    grid-area: navbar;
    justify-self: center;
  }

  #w-node-_7b7827af-b8ee-9d8a-5c0c-1a7d61a7d172-6f6c7dce {
    grid-area: Anterior;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6d-46097505 {
    grid-area: products-layout;
    place-self: stretch stretch;
  }

  #w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-1fe11752, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-1fe11752 {
    grid-area: 2 / 1 / 3 / 5;
    align-self: end;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6d-d7410c1f {
    grid-area: products-layout;
    place-self: stretch stretch;
  }

  #w-node-_738fe5b5-3870-da91-74eb-f1122d52776f-4daf764d {
    grid-column: span 6 / span 6;
    justify-self: start;
  }

  #w-node-_45d8ec5d-3a24-9dcf-431c-ef324ee5f79e-4daf764d, #w-node-_6828cdd0-b508-3e3e-2483-286eb5f624dc-4daf764d {
    grid-column: span 2 / span 2;
  }

  #w-node-_855cebc4-253e-b2ef-24d2-eaea0607e3a0-4daf764d {
    grid-column: span 6 / span 6;
  }

  #w-node-c631c787-5bbb-352b-2e20-3f416d731953-4daf764d, #w-node-adbdcd74-e60c-7f3f-d94a-26de7d982475-4daf764d {
    order: -9999;
  }

  #w-node-_059328b6-95a2-b408-eb86-342de4dec48c-4daf764d {
    grid-column: span 6 / span 6;
  }

  #w-node-cd21cb7f-b60b-62fe-165d-e46787fe2ac0-166b421d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_1482b830-bb62-dbce-af85-528069a6d3f0-166b421d {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_598ca4d4-2ad3-b66a-5438-4cf5e0e4b057-166b421d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_323ff8be-a0ab-e4b2-cf42-e8a9e7c53fb9-37d9c989, #w-node-_85d9af48-43d6-fddc-f173-930d812b030b-37d9c989 {
    grid-area: span 1 / span 6 / span 1 / span 6;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c98ff3ab-437a-e377-9987-e27ccc104ba0-46097461, #w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-46097461, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-46097461 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: end;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d41-ec2103b2 {
    grid-area: Projects;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d43-ec2103b2 {
    grid-area: calculator;
    align-self: end;
  }

  #w-node-cec8e93d-2f6e-76c7-401e-089d6d539d45-ec2103b2 {
    grid-area: prod;
    align-self: end;
  }

  #w-node-_7b7827af-b8ee-9d8a-5c0c-1a7d61a7d172-6f6c7dce {
    grid-area: Anterior;
  }

  #w-node-_656b59d4-e9a4-267a-cdc5-59607bd7cef7-460974e7 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6e-46097505 {
    justify-self: end;
  }

  #w-node-b0fef329-9f09-93f8-4676-8cb42b55a1d3-3a9eed53 {
    align-self: auto;
  }

  #w-node-_67c8ecac-7b27-e642-698b-2c5157d56d7e-1fe11752, #w-node-_68f1556b-417c-ccf1-d609-bcd542969d3c-1fe11752 {
    grid-area: 1 / 1 / 2 / 2;
    align-self: end;
  }

  #w-node-b0fef329-9f09-93f8-4676-8cb42b55a1d3-f2f13bd0 {
    align-self: auto;
  }

  #w-node-_98d7d703-95ad-1911-1fa4-b8b7df1f8c6e-d7410c1f {
    justify-self: end;
  }

  #w-node-b9d209da-873e-4e4d-66db-3448acebc4f7-4daf764d {
    grid-column: span 6 / span 6;
  }

  #w-node-b10e8ad9-4a38-28a3-85ad-7ac5866978d7-4daf764d {
    grid-column: 1 / 7;
  }
}


@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-BlackItalic.ttf') format('truetype'), url('../fonts/Barlow-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-ExtraBold.ttf') format('truetype'), url('../fonts/Barlow-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-BoldItalic.ttf') format('truetype'), url('../fonts/Barlow-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('../fonts/Barlow-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest';
  src: url('../fonts/TerminaTest-Black.otf') format('opentype'), url('../fonts/TerminaTest-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest';
  src: url('../fonts/TerminaTest-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest';
  src: url('../fonts/TerminaTest-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest';
  src: url('../fonts/TerminaTest-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest demi';
  src: url('../fonts/TerminaTest-Demi.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest';
  src: url('../fonts/TerminaTest-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest';
  src: url('../fonts/TerminaTest-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Terminatest';
  src: url('../fonts/TerminaTest-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Termina';
  src: url('../fonts/Termina-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ======================================================
   SAKRETE HOMEPAGE – CLEAN PRODUCTION CSS
   Optimized from Webflow export
====================================================== */

/* ==========================
   ROOT FONT SCALING
========================== */

html {
  font-size: clamp(14px, 1vw + 0.5rem, 18px);
}

/* ==========================
   GLOBAL UTILITIES
========================== */

.hidden-select {
  -webkit-tap-highlight-color: transparent;
}

[dark-mode="white"] {
  color: #ffffff !important;
}

/* ==========================
   SCROLLBAR STYLING
========================== */

[custom-scroll]::-webkit-scrollbar,
[custom-scroll-dark]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[custom-scroll]::-webkit-scrollbar-track {
  background: #e5e5e5;
}

[custom-scroll]::-webkit-scrollbar-thumb {
  background: #8c8c8c;
  border-radius: 3px;
}

[custom-scroll-dark]::-webkit-scrollbar-track {
  background: #8c8c8c;
}

[custom-scroll-dark]::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border-radius: 3px;
}

/* ==========================
   TEXT CLAMP UTILITIES
========================== */

.two-line-text,
.two-line-text-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

[clamp-line-text="true"] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

[clamp-line-text="ver-mas"] {
  position: relative;
  max-height: 1.1em;
  overflow: hidden;
  padding-right: 6ch;
}

[clamp-line-text="ver-mas"]::after {
  content: "...VER MÁS";
  position: absolute;
  right: 0;
  bottom: 0;
  font-weight: 600;
  text-decoration: underline;
}

/* ==========================
   HERO / SLIDER FIXES
========================== */

.hero-title,
.hero-text-block {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.title1 .hero-title,
.title1 .hero-text-block {
  opacity: 1;
}

.slider-arrows,
.arrows-wrapper {
  pointer-events: none;
}

.arrow-offset {
  pointer-events: auto;
  transition: background-color 0.4s ease, border-color 0.4s ease;
}

/* Slider Navigation */
.w-slider-dot {
  height: 2px !important;
  background: #737373 !important;
}

.w-slider-dot.w-active {
  background: #ffffff !important;
}

.w-slider-nav.w-round > div {
  height: 8px !important; 
  width: 70px;
  border-radius: 2px;
}

/* ==========================
   MOBILE BOTTOM BAR
========================== */

.black-icon {
  color: #060606 !important;
}

.mobile-bottom-bar .active {
  background-color: #fedb00;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.15);
}

/* ==========================
   FOOTER FIX
========================== */

.global_component-footer {
  padding-bottom: 0;
}

/* ==========================
   BUTTON OPTIMIZATION
========================== */

.button-yellow-white {
  user-select: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.button-yellow-white:hover {
  opacity: 0.9;
}

/* ==========================
   PERFORMANCE CLEANUPS
========================== */

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



/* ── Fonts ── */
:root {
    --y:   #fedb00;
    --blk: #121212;
    --dk:  #202020;
    --wh:  #ffffff;
    --bg:  #fbfbfb;
    --gl:  #ededed;
    --gm:  #b2b2b2;
    --gt:  #666666;
    --sh:  0 4px 10px rgba(0,0,0,0.15);
    --fb:  'Barlow', sans-serif;
    --ft:  'Termina', 'Arial Black', Arial, sans-serif;
}
.skt-wrap, .skt-wrap *, .skt-wrap *::before, .skt-wrap *::after { box-sizing: border-box; }
.skt-wrap { background: var(--wh) !important; color: var(--blk); font-family: var(--fb);
padding: 0 4rem 0 4rem;
}
.two-line-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* ── Page title ── */
.skt-page-title {
    font-family: var(--ft); font-size: clamp(2rem,5vw,3rem); font-weight: 900;
    text-transform: uppercase; color: var(--blk); background: var(--wh);
    line-height: 1;
    margin: 2rem 0 2rem 0;
}

/* ── Page wrapper ── */
.skt-products-page { background: var(--wh) !important; }

/* ── Layout grid ── */
.skt-main-layout {
    display: grid;
    grid-template-columns: 20% 1fr;
    gap: 2rem;
    align-items: start;
    margin-top: 20px;
}

/* ════════ SIDEBAR ════════ */
.skt-sidebar {     position: sticky; top: 20px; align-self: start;     max-height: none; overflow-y: visible
};
.skt-sidebar::-webkit-scrollbar { width: 4px; }
.skt-sidebar::-webkit-scrollbar-thumb { background: var(--gm); border-radius: 2px; }
.skt-mob-toggle { display: none; }
.skt-sidebar-inner { background: var(--wh) !important; }

.skt-filter-sec { display: flex; flex-direction: column; width: 100%; margin-bottom: 2rem; }
.skt-sec-title {
    font-family: var(--ft); font-size: 1rem; font-weight: 900;
    text-transform: uppercase; color: var(--blk); margin-bottom: 0.5rem; line-height: 1.1;
}

/* Dropdown */
.skt-dropdown { width: 100%; padding: 10px;}
.skt-drop-header {
    border: none; border-top: 1px solid var(--blk); background: transparent;
    width: 100%; display: flex; align-items: center; justify-content: space-between;
    padding: 1rem 0 0; cursor: pointer;
    font-family: var(--fb); font-size: 1.2rem; font-weight: 600;
    color: var(--blk); text-align: left; transition: padding 0.2s;
}
.skt-chevron { transition: transform 0.2s; flex-shrink: 0; margin-left: 8px; }
.skt-dropdown.collapsed .skt-chevron { transform: rotate(-90deg); }
.skt-drop-list { padding: 0.5rem 0 0.5rem; display: flex; flex-direction: column; }
.skt-dropdown.collapsed .skt-drop-list { display: none; }

/* Filter item — instant link */
.skt-fitem {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.2rem 0; text-decoration: none; color: var(--blk); position: relative;
}

/* Custom checkbox */
.skt-chk {
    width: 16px; height: 16px; border: 1px solid var(--blk);
    background: transparent; flex-shrink: 0; position: relative; display: block;
}
.skt-chk.chk-on { background: var(--y); border-color: var(--y); }
.skt-chk.chk-on::after {
    content: ''; display: block; position: absolute;
    left: 4px; top: 0px; width: 5px; height: 9px;
    border: 2px solid var(--blk); border-top: none; border-left: none;
    transform: rotate(45deg);
}
.skt-flabel { font-family: var(--fb); font-size: 1rem; font-weight: 500; color: var(--blk); text-transform: uppercase; }
.skt-fitem.active .skt-flabel { font-weight: 700; }

/* Clear button */
.skt-btn-clear {
    font-family: var(--fb); font-size: 0.75rem; font-weight: 600; text-transform: uppercase;
    text-align: center; text-decoration: none; display: inline-flex; align-items: center;
    justify-content: center; width: 9.75rem; height: 2.625rem;
    background: var(--wh); color: var(--blk); border: 1px solid var(--blk);
    transition: background 0.2s, color 0.2s;
}
.skt-btn-clear:hover { background: var(--blk); color: var(--wh); }

/* ════════ PRODUCTS MAIN ════════ */
.skt-products-main { background: var(--wh) !important; padding-left: 2rem; overflow: hidden;}

/* Search bar */
.skt-top-bar { margin-bottom: 2rem; width: 99%;}
.skt-filter-btns{display: none;}
.skt-search-wrap { box-shadow: 0 2px 5px 2px rgba(0,0,0,0.12); }
.skt-search-form { display: flex; width: 100%; }
.skt-search-input {
    width: 100%; height: 2.8rem; border: 1px solid transparent;
    background: var(--wh) url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23666' stroke-width='2'/%3E%3Cpath d='M16 16L21 21' stroke='%23666' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 16px center;
    background-size: 20px; padding-left: 3.5rem; padding-right: 1rem;
    font-family: var(--fb); font-size: 0.875rem; font-weight: 600;
    text-transform: uppercase; color: var(--blk); outline: none;
}
.skt-search-input::placeholder { color: var(--gm); font-weight: 500; }
.skt-search-input:focus { border-color: var(--y); }

/* Chips */
.skt-chips { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-top: 0.75rem; }
.skt-chip {
    display: inline-grid; grid-template-columns: 1fr auto; align-items: center;
    gap: 4px; background: var(--blk); color: var(--gl);
    padding: 0.25rem 0.5rem; font-family: var(--fb); font-size: 0.75rem;
    font-weight: 600; text-decoration: none; transition: background 0.15s;
    text-transform: uppercase;
}
.skt-chip:hover { background: var(--dk); }
.skt-chip-x { display: flex; align-items: center; justify-content: center; width: 14px; height: 14px; }

/* Row title */
.skt-row-title {
    font-family: var(--ft); font-size: clamp(1rem,2vw,1.5rem); font-weight: 900;
    color: var(--blk); text-transform: uppercase; margin: 0 0.75rem; line-height: 1.1;
}

/* ── Horizontal scroll rows ── */
.skt-row, .skt-cat-row { overflow: hidden; margin-bottom: 2rem; }
.skt-hscroll {
    display: flex; gap: 1rem;
    overflow-x: auto; padding: 1rem 0.75rem 0.75rem;
    scrollbar-width: thin; scrollbar-color: var(--gm) transparent;
    -webkit-overflow-scrolling: touch;
}
.skt-hscroll::-webkit-scrollbar { height: 4px; }
.skt-hscroll::-webkit-scrollbar-thumb { background: var(--gm); border-radius: 2px; }

/* ── Large Card ── */
.skt-card-lg {
    background: var(--wh); flex-direction: column; justify-content: space-between;
    width: 19.25rem; min-width: 19.25rem; height: 24.75rem;
    padding: 1.5rem 1rem; display: flex; position: relative;
    box-shadow: var(--sh); flex-shrink: 0;
}
.skt-card-cover-link { position: absolute; inset: 0 0 5.5rem 0; z-index: 1; cursor: pointer; }
.skt-card-title {
    color: var(--blk); font-family: var(--fb); font-size: 1.125rem;
    text-align: center; text-transform: uppercase; width: 100%;
    height: 2.75rem; font-weight: 900; line-height: 1;
}
.skt-card-img-wrap {
    flex: 1; display: flex; align-items: center; justify-content: center;
    padding: 0.5rem 0; overflow: hidden;
}
.skt-card-img { max-width: 100%; max-height: 14rem; object-fit: contain; display: block; }
.skt-no-img { width: 100%; height: 12rem; background: var(--gl); }
.skt-card-btn-wrap { position: relative; }
.skt-card-btn {
    background: var(--y); display: flex; align-items: center; justify-content: center;
    height: 3.875rem; gap: 0.25rem; position: relative; cursor: pointer;
    transition: background 0.2s;
    padding: 0 3rem 0 3rem;
}
.skt-card-btn:hover { background: var(--dk); }
.skt-card-btn:hover .skt-card-btn-text { color: var(--y); }
.skt-card-btn-link { position: absolute; inset: 0; z-index: 2; }
.skt-card-btn-text {
    font-family: var(--fb); font-size: 1rem; font-weight: 600;
    text-transform: uppercase; color: var(--blk); text-align: center; line-height: 1;
}
.skt-marker { width: 20px; height: 20px; mix-blend-mode: difference; }

/* ── Category Cards ── */
.skt-cat-card {
    display: flex; flex-direction: column; justify-content: space-between; height: 12.75rem;
    position: relative; overflow: hidden; flex-shrink: 0; cursor: pointer;
}

.skt-cat-card::after,.sktp-banner-card::after {
    content: '';
    position: absolute;
    inset: 0;           /* top:0 right:0 bottom:0 left:0 */
    background-image:linear-gradient(#00000080,#00000080);
    z-index: 1;
    pointer-events: none; /* so clicks still go through */
}

.skt-cat-card-title {
    z-index: 2; font-family: var(--ft); color: var(--wh);
    font-size: 1.25rem; font-weight: 900; text-transform: uppercase;
    margin: 1.25rem 1.5rem; position: absolute; inset: 0;
    display: inline-flex; align-items: center; line-height: 1.1;
}
.skt-cat-card-img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; z-index: 1; transition: transform 0.4s ease;
}
.skt-cat-card:hover .skt-cat-card-img { transform: scale(1.05); }
.skt-cat-card-link { position: absolute; inset: 0; z-index: 3; }

/* ── All Products Grid ── */
.skt-all-products { width: 100%; }
.skt-grid {
    display: flex; flex-wrap: wrap; gap: 1rem;
    width: 100%; justify-content: flex-start; align-items: flex-start;
    margin-bottom: 10px;
}
.skt-card-md {
    background: var(--wh); display: flex; flex-direction: column;
    justify-content: space-between; width: 23.5%; height: 23.75rem;
    padding: 1.5rem 1rem; position: relative; box-shadow: var(--sh); flex-shrink: 0;
}
.skt-card-md-link { position: absolute; inset: 0 0 5rem 0; z-index: 1; cursor: pointer; }
.skt-card-md-title {
    font-family: var(--fb); color: var(--blk); font-size: 1.125rem;
    text-align: center; text-transform: uppercase; height: 2.5rem;
    font-weight: 900; line-height: 1;
}
.skt-card-md-img-wrap { flex: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0.5rem 0; }
.skt-card-md-img { max-width: 100%; max-height: 12rem; object-fit: contain; display: block; }
.skt-card-md-btn-wrap { position: relative; }
.skt-card-btn-md {
    background: var(--y); display: flex; align-items: center; justify-content: center;
    height: 3.5rem; gap: 0.25rem; position: relative; cursor: pointer; transition: background 0.2s;
}
.skt-card-btn-md:hover { background: var(--dk); }
.skt-card-btn-md:hover .skt-card-btn-md-text { color: var(--y); }
.skt-card-btn-md-text {
    font-family: var(--fb); font-size: 1rem; font-weight: 600;
    text-transform: uppercase; color: var(--blk); line-height: 1;
}

/* No results */
.skt-noresults {
    font-family: var(--fb); font-size: 1rem; font-weight: 700;
    text-transform: uppercase; color: var(--gt);
    padding: 3rem 1rem; text-align: center; line-height: 1.8;
}

/* ════ RESPONSIVE ════ */
@media (max-width: 1024px) {
    .skt-main-layout { grid-template-columns: 25% 1fr; }
    .skt-card-lg { width: 16rem; min-width: 16rem; height: 22rem; }
    .skt-card-md { width: 13rem; }
    .skt-cat-card { min-width: 18rem; }
}
@media (max-width: 767px) {
    .skt-page-title { margin: 1.5rem 1rem; }
    .skt-products-page { padding: 0 0 3rem; }
    .skt-main-layout { grid-template-columns: 1fr; gap: 0; margin-top: 0; }
    .skt-sidebar { position: static; max-height: none; overflow: visible; border-bottom: 1px solid var(--gl); }
    .skt-mob-toggle {
        display: flex; align-items: center; justify-content: space-between;
        width: 100%; padding: 1rem 1.5rem; background: var(--blk); color: var(--wh);
        border: none; font-family: var(--fb); font-size: 0.875rem;
        font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; cursor: pointer;
    }
    .skt-sidebar-inner { display: none; padding: 1rem 1.5rem; }
    .skt-sidebar-inner.is-open { display: block; }
    .skt-products-main { padding: 1rem 1rem 0; }
    .skt-card-lg { width: 14rem; min-width: 14rem; height: 22rem; }
    .skt-card-md { width: calc(50% - 0.5rem); min-width: 0; height: auto; min-height: 21rem; }
    .skt-cat-card { min-width: 12rem; height: 10rem; }
    .skt-btn-clear { width: 100%; }
    .skt-wrap{padding: 0;}
}
@media (max-width: 479px) {
    .skt-card-md { width: calc(50% - 1rem); }
    .skt-card-md-title { font-size: 0.875rem; }
    .skt-card-btn-md-text { font-size: 0.75rem; }
    .skt-card-btn-md { height: 3rem; }
    .skt-wrap{padding: 0;}
    .skt-cat-card-title{
      margin: 0 10px;
    }
}

/* Horizontal Scroll Container */
.skt-hscroll {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 20px;
    padding: 20px 0;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;

    /* Custom Scrollbar */
    scrollbar-width: thin;
    scrollbar-color: #e8e8e8 transparent;
}

/* Custom scrollbar - Chrome/Safari */
.skt-hscroll::-webkit-scrollbar {
    height: 6px;
}

.skt-hscroll::-webkit-scrollbar-track {
    background: transparent;
}

.skt-hscroll::-webkit-scrollbar-thumb {
    background-color: #e8e8e8;
    border-radius: 10px;
}

.skt-hscroll::-webkit-scrollbar-thumb:hover {
    background-color: #cccccc;
}

/* Each Product Card */
.skt-hscroll .skt-card-lg {
    flex: 0 0 auto;
    width: 320px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Product Title */
.skt-hscroll .skt-card-lg .product-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Product Image */
.skt-hscroll .skt-card-lg img {
    max-height: 220px;
    width: auto;
    object-fit: contain;
}

/* Responsive */
@media (max-width: 768px) {
    .skt-hscroll .skt-card-lg {
        width: 260px;
    }
}

.skt-hscroll-wrapper {
    position: relative;
}

.skt-scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 18px;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: opacity 0.3s;
}

.skt-scroll-next {
    right: 10px;
}

.skt-scroll-btn:hover {
    background: #f5f5f5;
}

/* Override scroll for category list only */
#category-list .skt-hscroll-wrapper {
    overflow: visible;
}

#category-list .skt-hscroll {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    overflow: visible;
    gap: 20px;
}

#category-list .skt-hscroll::-webkit-scrollbar {
    display: none;
}

/* Hide arrow buttons for category */
#category-list .skt-scroll-btn {
    display: none;
}

/* Fix card width inside grid */
#category-list .skt-card-lg {
    width: 100%;
}



:root{--y:#fedb00;--blk:#121212;--dk:#202020;--wh:#ffffff;--gl:#ededed;--gm:#b2b2b2;--sh:0 4px 10px rgba(0,0,0,.15);--fb:'Barlow',sans-serif;--ft:'Termina','Arial Black',Arial,sans-serif;}
.sktp-wrap,.sktp-wrap *,.sktp-wrap *::before,.sktp-wrap *::after{box-sizing:border-box;}
.sktp-wrap{background:var(--wh)!important;color:var(--blk);font-family:var(--fb);}
body.single-product,body.single-product .site-main,body.single-product #main,body.single-product #content,body.single-product main{background-color:#fff!important;}
.two-line-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* Container */
.sktp-main-banner{margin-top:2rem;}
.sktp-container{max-width:95%;margin:0 auto;padding:0 2rem 2rem;}

/* Two-col layout: 5fr 7fr */
.sktp-product-layout{display:grid;grid-template-columns:5fr 7fr;gap:24px;align-items:start;}

/* ── Left Column ── */
.sktp-left-col{width:100%;}
.sktp-gallery-wrap{display:grid;grid-template-columns:1fr 5fr;gap:24px;align-items:start;}

/* Thumbs */
.sktp-thumbs{display:flex;flex-direction:column;gap:12px;}
.sktp-thumb{border:1px solid transparent;padding:.3rem;cursor:pointer;transition:border-color .2s;aspect-ratio:1;overflow:hidden;width:100%;}
.sktp-thumb img{width:100%;height:100%;object-fit:contain;display:block;}
.sktp-thumb.is-active{border-color:var(--blk);}
.sktp-thumb:hover{border-color:var(--gm);}

/* Main image col */
.sktp-main-img-col{display:flex;flex-direction:column;gap:0;}
.sktp-mob{display:none!important;}
.sktp-desk{display:block;}

/* Image display */
.sktp-img-wrap{position:relative;aspect-ratio:1;width:100%;margin-bottom:20px;overflow:hidden;background:var(--gl);}
.sktp-img-item{display:none;width:100%;height:100%;align-items:center;justify-content:center;}
.sktp-img-item.is-active{display:flex;}
.sktp-main-img{width:100%;height:100%;object-fit:contain;display:block;background: #fff;}
.sktp-no-img{width:100%;height:100%;background:var(--gl);min-height:280px;}

/* Dots */
.sktp-dots{display:flex;gap:6px;justify-content:center;margin-bottom:2rem;}
.sktp-dot{width:8px;height:8px;border-radius:50%;background:var(--gm);cursor:pointer;transition:background .2s;}
.sktp-dot.is-active{background:var(--y);}

/* Buttons */
.sktp-donde-wrap{width:100%;margin-top:15px;}
.sktp-btn-yellow{background:var(--y);display:flex;align-items:center;justify-content:center;height:3.875rem;gap:.25rem;position:relative;cursor:pointer;transition:background .2s;width:100%;}
.sktp-btn-yellow:hover{background:var(--dk);}
.sktp-btn-yellow:hover .sktp-btn-txt{color:var(--y);}
.sktp-btn-cover{position:absolute;inset:0;z-index:2;}
.sktp-btn-txt{font-family:var(--fb);font-size:1rem;font-weight:600;text-transform:uppercase;color:var(--blk);text-align:center;line-height:1;}
.sktp-marker{width:20px;height:20px;mix-blend-mode:difference;}

/* ── Right Column ── */
.sktp-right-col{width:100%;}
.sktp-specs-layout{display:flex;flex-direction:column;gap:2.5rem;}
.sktp-title{font-family:var(--ft);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:900;line-height:1.1;color:var(--blk);text-transform:uppercase;margin:0 0 .5rem;}

/* Specs block */
.sktp-specs-block{border-top:5px solid var(--dk);border-bottom:5px solid var(--dk);padding:1.5rem 0;display:flex;flex-direction:column;gap:1.5rem;}
.sktp-quote-title{border-left:8px solid var(--y);padding-left:8px;}
.sktp-h5{font-family:var(--ft);font-size:1.5rem;font-weight:900;text-transform:uppercase;color:var(--blk);margin:0;line-height:1.1;}

/* Icons grid */
.sktp-icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10%,1fr));gap:16px;}
.sktp-icon-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;}
.sktp-icon-top-label{font-family:var(--fb);font-size:.75rem;font-weight:400;text-transform:uppercase;color:var(--blk);line-height:1.2;min-height:40px}
.sktp-icon-svg{height:5rem;color:var(--blk);}
.sktp-icon-svg svg{width:100%;height:100%;}
.sktp-icon-value{font-family:var(--ft);font-size:.75rem;font-weight:900;text-transform:uppercase;color:var(--blk);}

.sktp-divider{background:var(--dk);width:100%;height:1px;}

/* Docs */
.sktp-docs{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:1.2rem}
.sktp-doc-link{display:flex;align-items:center;gap:.5ch;border:1px solid var(--dk);background:var(--wh);padding:.5rem;text-decoration:none;transition:background .2s,color .2s;}
.sktp-doc-icon{display:flex;align-items:center;width:14px;height:17px;flex-shrink:0;}

/* Content blocks */
.sktp-para-block{display:flex;flex-direction:column;}
.sktp-mb{width:100%;height:1rem;}
.sktp-richtext{font-family:var(--fb);font-size:1rem;color:var(--blk);line-height:1.6;}
.sktp-richtext ul{margin:0 0 1em;padding-left:1.5em;}
.sktp-richtext li{margin-bottom:.5em;}

/* ── Shared horizontal scroll ── */
.sktp-hscroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--gm) transparent;-webkit-overflow-scrolling:touch;}
.sktp-hscroll::-webkit-scrollbar{height:4px;}
.sktp-hscroll::-webkit-scrollbar-thumb{background:var(--gm);border-radius:2px;}

/* Sections */
.sktp-section-title{font-family:var(--ft);font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:900;text-transform:uppercase;color:var(--blk);margin:0 0 1rem;line-height:1.1;}
.sktp-resources{margin:2rem 4rem;}
.sktp-related{margin-bottom:2.5rem;margin-left:4rem;margin-right:4rem;}
.sktp-related-inner{overflow:hidden;}

/* Banner cards */
.sktp-banner-card{flex:none;cursor:pointer;background-position:50%;background-size:cover;width:33.25rem;min-width:33.2rem;height:17.26rem;min-height:17.26rem;padding:1.5rem;display:flex;position:relative;overflow:hidden;background-color:var(--blk);}
.sktp-calc-card{background-image:url('<?php echo esc_url($tmpl_uri); ?>/images/calculadora.png');}
.sktp-proj-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.sktp-banner-title{font-family:var(--ft);color:var(--wh);font-size:1rem;flex-flow:wrap;align-content:center;width:16rem;padding:1.5rem;display:flex;position:absolute;inset:0;z-index:2;line-height:1.3;margin:0;}
.sktp-banner-link{position:absolute;inset:0;z-index:3;}

/* Medium cards */
.sktp-card-md{background:var(--wh);display:flex;flex-direction:column;justify-content:space-between;width:15rem;min-width:15rem;height:23.75rem;padding:1.5rem 1rem;position:relative;box-shadow:var(--sh);flex-shrink:0;}
.sktp-card-cover{position:absolute;inset:0 0 5rem 0;z-index:1;cursor:pointer;}
.sktp-card-md-title{font-family:var(--fb);color:var(--blk);font-size:1.125rem;text-align:center;text-transform:uppercase;height:2.5rem;font-weight:900;line-height:1;}
.sktp-card-md-img-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.5rem 0;}
.sktp-card-md-img{max-width:100%;max-height:12rem;object-fit:contain;display:block;}
.sktp-card-md-foot{position:relative;}
.sktp-btn-sm{height:3.5rem;}
.sktp-btn-sm-txt{font-size:1rem;}

/* ── Responsive ── */
@media(max-width:991px){
    .sktp-product-layout{grid-template-columns:1fr 1fr;}
    .sktp-resources,.sktp-related{margin-left:1.5rem;margin-right:1.5rem;}
}
@media(max-width:767px){
    .sktp-container{padding:0 1rem 1rem;}
    .sktp-product-layout{grid-template-columns:1fr;gap:1.5rem;}
    .sktp-gallery-wrap{grid-template-columns:1fr;gap:0;}
    .sktp-thumbs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:4px;order:2;margin-top:8px;
    display: none;}
    .sktp-thumb{width:60px;min-width:60px;height:60px;}
    .sktp-main-img-col{order:1;}
    .sktp-mob{display:block!important;}
    .sktp-desk{display:none!important;}
    .sktp-title{font-size:1.6rem;}
    .sktp-icons-grid{grid-template-columns:repeat(3,1fr);}
    .sktp-resources,.sktp-related{margin-left:1rem;margin-right:1rem;}
    .sktp-banner-card{width:80vw;min-width:260px;height:14rem;min-height:14rem;}
    .sktp-card-md{width:13rem;min-width:13rem;height:21rem;}
}
@media(max-width:479px){
    .sktp-icons-grid{grid-template-columns:repeat(3,1fr);}
    .sktp-title{font-size:1.4rem;}
    .sktp-h5{font-size:1.1rem;}
    .sktp-card-md{width:12rem;min-width:12rem;}
}

.sktp-richtext p {
    display: inline-block
}

.home .w-dyn-item .card-large-title
{
  color:#fff;
}