@font-face {
  font-family: "Fa 300";
  src: url('../fonts/fa-light-300.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

:root {
  --neutral--50: #fcf9f7;
  --neutral--800: #292524;
  --neutral--300: #d7d3d0;
  --blue-secondary: #1b118e;
  --blue-primary: #4945e1;
  --white: #fcf9f7;
  --neutral--200: #e7e5e4;
  --blue-tertiary: #6596df;
  --neutral--900: #171412;
  --grey: #5e5e5e;
  --neutral--700: #44403c;
  --black: #131212;
  --medium-grey: #c4c4c4;
  --neutral--500: #79716b;
  --neutral--100: #f3f2ec;
  --red-secondary: #d42c0c;
  --neutral--400: #a9a29d;
  --transparent: #c8c8c800;
  --light-grey: #f4f1ed;
  --red-primary: #f86c50;
  --neutral--600: #57534e;
  --resaltador: ;
  --red-tertiary: #ffdfd9;
  --accessible-components--dark-grey: #9b9b9b;
  --accessible-components--dodger-blue: #1378d1;
  --yellow-tertiary: #faedcd;
}

.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-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.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;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-page-count {
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

@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 {
  background-color: var(--neutral--50);
  color: var(--neutral--800);
  font-family: freight-text-pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

h1 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.4;
}

h2 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.4;
}

h3 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.4;
}

h4 {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
}

h5 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
}

h6 {
  text-transform: none;
  margin-top: 0;
  margin-bottom: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

p {
  color: var(--neutral--800);
  margin-bottom: 10px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

a {
  text-decoration: none;
  transition: opacity .3s;
}

ul {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 16px;
  padding-left: 24px;
  display: flex;
}

ol {
  margin-top: 0;
  margin-bottom: 16px;
  padding-left: 32px;
  font-family: freight-text-pro, sans-serif;
}

li {
  text-wrap: pretty;
  padding-bottom: 4px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  line-height: 1.4;
}

img {
  flex: 1;
  display: inline-block;
}

strong {
  font-weight: 600;
}

sub {
  position: static;
}

blockquote {
  border-left: 1px solid var(--neutral--300);
  margin-top: 8px;
  margin-bottom: 16px;
  padding: 4px 20px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.container.header {
  max-width: 1120px;
  margin-top: 160px;
  margin-bottom: 80px;
  padding: 0 16px;
}

.container.text {
  max-width: 80ch;
}

.container.big {
  max-width: 90%;
}

.container._2-columns {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-items: flex-start;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.h6 {
  text-align: left;
  text-transform: uppercase;
  align-self: baseline;
  margin-bottom: 0;
  font-family: halyard-micro, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text {
  max-width: 60ch;
}

.footer-dark {
  background-color: var(--blue-secondary);
  border-bottom: 1px solid #e4ebf3;
  padding: 50px 30px 15px;
  position: relative;
}

.footer-dark.dark-mode {
  color: var(--blue-primary);
}

.footer-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-content {
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.footer-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.title-small {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 16px;
}

.footer-link {
  color: #1a1b1f;
  margin-top: 12px;
  margin-bottom: 6px;
  font-family: halyard-text, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  text-decoration: none;
}

.footer-link:hover {
  color: #1732cc;
}

.footer-social-block {
  justify-content: flex-start;
  align-items: center;
  margin-top: 12px;
  margin-left: -12px;
  display: flex;
}

.footer-social-link {
  margin-left: 12px;
}

.footer-divider {
  background-color: #e4ebf3;
  width: 100%;
  height: 1px;
  margin-top: 70px;
  margin-bottom: 15px;
}

.footer-copyright-center {
  text-align: left;
  font-size: 14px;
  line-height: 16px;
}

.l-serif {
  white-space: normal;
  margin-bottom: 0;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.l-serif.team {
  width: 220px;
}

.l-serif.white {
  color: var(--white);
}

.l-sans {
  margin-bottom: 0;
  font-family: halyard-text, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}

.divider {
  background-color: var(--neutral--200);
  align-self: stretch;
  width: 100%;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
}

.divider.dark-mode {
  background-color: var(--blue-tertiary);
}

.divider._900 {
  background-color: var(--neutral--900);
}

.m-overline {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: halyard-micro, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.m-overline.grey {
  color: var(--grey);
}

.m-serif {
  margin-bottom: 0;
  font-family: freight-text-pro, sans-serif;
  font-size: 18px;
  line-height: 1.4;
}

.m-sans {
  color: var(--neutral--700);
  margin-bottom: 0;
  font-family: halyard-text, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  display: inline-block;
}

.m-sans.white {
  color: var(--white);
}

.s-overline {
  text-transform: uppercase;
  align-self: flex-start;
  margin-bottom: 0;
  font-family: halyard-micro, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.s-overline.w--current {
  align-self: center;
}

.s-overline.display-none.center:hover {
  color: var(--black);
}

.s-overline.center {
  color: var(--black);
  align-self: center;
}

.s-overline.center:hover {
  color: var(--blue-primary);
}

.s-overline.grey {
  color: var(--grey);
}

.s-overline.white-text {
  color: var(--white);
}

.s-sans {
  color: var(--black);
  margin-bottom: 0;
  font-family: halyard-text, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.xl1 {
  margin-bottom: 0;
  font-family: "Fraunces 144pt soft";
  font-size: 24px;
  font-weight: 400;
  line-height: 1.2;
}

.xl1.dark-mode {
  color: var(--white);
}

.xl2 {
  color: var(--black);
  margin-bottom: 0;
  font-family: freight-text-pro, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.2;
}

.xl3 {
  margin-bottom: 0;
  font-family: freight-text-pro, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2;
}

.xl3.center {
  text-align: center;
}

.xl3.center.dark, .xl3.white {
  color: var(--white);
}

.xl4 {
  font-family: "Fraunces 144pt soft";
  font-size: 48px;
  line-height: 1.2;
}

.xl5 {
  font-family: "Fraunces 144pt soft";
  font-size: 64px;
  font-weight: 400;
  line-height: 1.2;
}

.xl5.quotes {
  height: 32px;
  color: var(--medium-grey);
  margin-bottom: 0;
}

.nav---icon {
  z-index: 999999;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  object-fit: fill;
  display: block;
}

.navbar---image {
  max-height: 32px;
}

.case-studies---two-columns {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  display: flex;
}

.vertical-divider {
  background-color: var(--medium-grey);
  align-self: center;
  width: 1px;
  height: 32px;
}

.nav---left {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.icon---32-a {
  width: 32px;
  height: 32px;
  color: var(--neutral--500);
  text-align: center;
  align-self: center;
  font-family: "Fa 300", sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 32px;
}

.image {
  width: 100%;
  height: 100%;
}

.breadcrumb {
  justify-content: center;
  align-self: center;
  align-items: stretch;
  display: flex;
}

.nav-bar {
  z-index: 999;
  border-bottom: .5px solid var(--grey);
  background-color: var(--white);
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  min-height: 56px;
  padding: 4px 16px 4px 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-bar.no-line {
  border-bottom-width: 0;
}

.menu-button {
  z-index: 2;
  cursor: pointer;
  flex-direction: column;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: static;
  inset: 0% auto 0% 5%;
}

.burger-line {
  background-color: var(--black);
  width: 24px;
  height: 1px;
  color: var(--black);
  margin-top: 3px;
  margin-bottom: 3px;
}

.full-screen-menu {
  z-index: 1;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 32px;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-link {
  color: var(--black);
  text-transform: capitalize;
  margin-top: 10px;
  text-decoration: none;
}

.nav-link:hover {
  color: #5e5b5bbf;
}

.nav-link.xl5 {
  color: var(--black);
}

.body {
  background-color: var(--white);
}

.scroll-bar {
  z-index: 99999;
  background-color: var(--blue-primary);
  transform-origin: 0%;
  height: 2px;
  margin-top: 56px;
  position: fixed;
  inset: 0% 0% auto;
}

.titles---1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.titles---1.dark-mode {
  color: var(--white);
  position: sticky;
  top: 120px;
}

.titles---1.sticky {
  position: sticky;
  top: 120px;
}

.text-paragraphs {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 500px;
  display: flex;
}

.utility-page-form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.icon---80 {
  align-self: center;
  width: 50px;
  height: 50px;
}

.field-label {
  align-self: flex-start;
}

.field-label.s-sans {
  text-align: left;
}

.input---horizontal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.text-field {
  border: 1px solid var(--grey);
  background-color: var(--white);
  flex: 1;
  align-self: stretch;
  margin-bottom: 0;
}

.text-field.m-sans:focus {
  border-color: var(--blue-primary);
  color: var(--black);
}

.submit-button {
  border: 0px solid var(--neutral--500);
  background-color: var(--neutral--900);
  color: var(--neutral--100);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: 2px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Dmmono Regular, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.submit-button:hover {
  background-color: var(--neutral--700);
  border-width: 0;
}

.submit-button:visited {
  color: var(--neutral--100);
}

.submit-button.gran-tertulia {
  background-color: var(--red-secondary);
}

.submit-button.secondary {
  border-width: 1px;
  border-color: var(--neutral--400);
  background-color: var(--transparent);
  color: var(--neutral--700);
  border-radius: 0;
}

.submit-button.secondary:hover {
  border-color: var(--neutral--900);
  -webkit-text-stroke-color: var(--neutral--900);
}

.paragraph {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.img---big {
  border-radius: 8px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
}

.separador---80 {
  height: 80px;
}

.separador---16 {
  height: 16px;
}

.section-parallax {
  max-width: 100%;
  overflow: hidden;
}

.container-parallax {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-intercambio-1 {
  z-index: 10;
  opacity: 1;
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  inset: auto;
  overflow: visible;
}

.img---full-width {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.img---full-width.round8 {
  border-radius: 8px;
}

.separador---40 {
  height: 40px;
}

.lists {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.s-mono {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Dmmono Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.m-mono {
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Dmmono Light, sans-serif;
  font-size: 16px;
}

.m-mono.dark-mode {
  color: var(--blue-primary);
}

.bg-cream {
  background-color: var(--light-grey);
}

.separador---120 {
  height: 120px;
}

.bg---dark {
  background-color: var(--blue-secondary);
}

.separador---24 {
  height: 24px;
}

.quote {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.team {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.lists-team, .div-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.lista-inner {
  color: var(--black);
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.tldr {
  background-color: var(--light-grey);
  border-radius: 8px;
  flex: 0 auto;
  padding: 24px;
  display: block;
}

.detail {
  font-weight: 300;
}

.list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.image-fullwidth {
  width: 100%;
}

.image-fullwidth.image-rounded-4 {
  border-radius: 4px;
}

.image-intercambio-2 {
  z-index: 10;
  opacity: 1;
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto;
  overflow: visible;
}

.column {
  max-width: 55%;
  box-shadow: 0 2px 5px 1px #0003;
}

.separador---200 {
  height: 200px;
}

.column-80 {
  max-width: 60%;
}

.column-40 {
  max-width: 40%;
}

.column-40.case-studies-info-mobile {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.section-parallax-2 {
  max-width: 80%;
  height: 60vh;
  overflow: hidden;
}

.team-list {
  color: var(--black);
}

.icon-32 {
  width: 32px;
  height: 32px;
  color: var(--neutral--800);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-parallax-3 {
  max-width: 80%;
  height: 60vh;
  overflow: hidden;
}

.bg-white {
  background-color: var(--white);
}

.section-3 {
  display: none;
}

.container-parallax-3 {
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  position: relative;
}

.italic {
  font-style: italic;
}

.illustration---grid {
  grid-column-gap: 200px;
  grid-row-gap: 200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: auto;
  padding: 40px;
  display: flex;
}

.al---8px {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 80ch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.al---8px._200 {
  align-items: stretch;
}

.icon-24 {
  width: 24px;
  color: var(--neutral--700);
  text-align: center;
  font-family: "Fa 300", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.icon-24:hover {
  color: var(--blue-secondary);
}

.icon-24.text-color-grey500 {
  color: var(--neutral--500);
}

.icon-24.text-color-grey400 {
  color: var(--neutral--400);
}

.icon-24.error {
  color: var(--red-primary);
}

.icon-24.link {
  color: var(--neutral--400);
}

.icon-24.link:hover {
  color: var(--neutral--900);
}

.icon-24._500 {
  color: var(--neutral--500);
}

.link {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: flex-start;
  align-items: baseline;
}

.link:hover {
  color: var(--blue-primary);
}

.subtitle {
  flex-direction: row;
  width: 100%;
  max-width: 80ch;
  display: block;
  position: static;
  top: auto;
  left: 0;
}

.text-link---arrow {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: var(--neutral--500);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-link---arrow:hover {
  color: var(--blue-secondary);
}

.homepage---everything-else {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 100vh;
  margin: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.tab-link {
  color: var(--black);
  background-color: #0000;
  border: 1px dashed #000;
  border-radius: 80px;
  padding: 8px 16px;
}

.tab-link.w--current {
  border-style: solid;
  border-color: var(--black);
  background-color: #0000;
}

.tabs-content {
  margin-top: 40px;
}

.homepage---design {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f4f1ed;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.tabs {
  align-self: stretch;
}

.xl-serif {
  color: var(--black);
  white-space: normal;
  margin-bottom: 0;
  font-family: freight-text-pro, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
}

.nav-bar-copy {
  z-index: 999;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  min-height: 56px;
  padding: 4px 16px 4px 20px;
  display: flex;
  position: sticky;
  inset: 0% 0% auto;
}

.case-study-homepage {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-self: stretch;
  padding-bottom: 64px;
  display: flex;
}

.flex-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  min-height: 24px;
  max-height: 24px;
  color: var(--blue-primary);
  justify-content: flex-start;
  align-items: center;
}

.flex-block:hover {
  color: var(--blue-secondary);
}

.div-block-2 {
  background-color: #fcf9f7;
  border-radius: 8px;
  align-self: stretch;
}

.homepage---contact {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--neutral--100);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 56px;
  padding-bottom: 80px;
  display: block;
}

.homepage---contact.bkg-900 {
  background-color: var(--neutral--900);
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.cv {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 64px;
  display: flex;
}

.cv-inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  place-items: baseline stretch;
  display: grid;
}

.cv-a-o {
  color: var(--grey);
}

.cv-flex {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  color: var(--white);
  flex-flow: column;
  display: flex;
}

.cv-description {
  color: var(--grey);
}

.cv-description.m-sans.extra {
  line-height: 1.6;
}

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

.grey {
  color: var(--grey);
}

.grey.s-overline {
  color: var(--neutral--400);
}

.white {
  color: var(--medium-grey);
}

.white:hover {
  color: var(--grey);
}

.white:visited {
  color: var(--neutral--300);
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 24px;
  display: flex;
}

.container-small {
  align-self: center;
  width: 100%;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small._0 {
  margin-left: 0;
}

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

.text-align-center.text-size-medium.grey {
  color: var(--neutral--600);
}

.text-align-center.heading-style-h1 {
  margin-bottom: 16px;
  line-height: 1.2;
}

.text-align-center.text-style-italic.text-color-600 {
  color: var(--neutral--600);
}

.text-align-center.text-color-100 {
  color: var(--neutral--100);
}

.container-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  max-width: 1024px;
  margin: 80px auto;
  display: grid;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.max-width-full {
  width: 100%;
}

.text-rich-text {
  font-family: freight-text-pro, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-rich-text h6 {
  color: var(--neutral--600);
  text-wrap: pretty;
  padding-top: 16px;
  font-family: Dmmono Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.text-rich-text h5 {
  padding-top: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.text-rich-text h4 {
  font-family: freight-text-pro, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.text-rich-text h3 {
  font-family: freight-text-pro, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.text-rich-text h2 {
  font-family: freight-text-pro, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.text-rich-text p {
  text-wrap: pretty;
  margin-bottom: 16px;
}

.text-rich-text figure {
  color: var(--neutral--600);
  margin-bottom: 11px;
}

.text-rich-text a {
  color: var(--neutral--800);
  text-underline-offset: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--300);
  text-decoration-color: var(--neutral--300);
  text-decoration-thickness: 1px;
}

.text-rich-text a:hover {
  color: var(--neutral--800);
  -webkit-text-decoration-color: var(--neutral--900);
  text-decoration-color: var(--neutral--900);
}

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

.text-rich-text.medium {
  min-width: 40rem;
}

.fs-styleguide_label {
  color: #fff;
  background-color: #2d62ff;
  border-radius: .25rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .3rem;
  font-weight: 600;
  display: flex;
}

.fs-styleguide_label.is-tag {
  background-color: #dd23bb;
}

.text-size-tiny {
  font-size: .75rem;
}

.nav_menu_link {
  color: #fff;
  padding: 1rem;
}

.heading-style-h2 {
  font-family: freight-text-pro, sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.4;
}

.heading-style-h2.text-align-center {
  font-weight: 400;
}

.fs-styleguide_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #eee;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.padding-section-large {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.fs-styleguide_hero-label {
  color: #000;
  text-transform: uppercase;
  background-color: #eee;
  border-radius: .25rem;
  padding: .25rem .375rem;
  font-size: .75rem;
  font-weight: 500;
  text-decoration: none;
}

.padding-custom3 {
  padding: 3.5rem;
}

.heading-style-h6 {
  color: var(--neutral--700);
  text-wrap: pretty;
  justify-content: flex-start;
  align-self: stretch;
  align-items: stretch;
  margin-bottom: 4px;
  font-family: freight-text-pro, sans-serif;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2;
  display: block;
}

.spacer-xxhuge {
  width: 100%;
  padding-top: 12rem;
}

.fs-styleguide_background {
  border: 1px solid #0000001a;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.background-color-secondary {
  background-color: #2d62ff;
}

.spacer-xhuge {
  width: 100%;
  padding-top: 8rem;
}

.overflow-visible {
  overflow: visible;
}

.fs-styleguide_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.overflow-hidden {
  overflow: hidden;
}

.pointer-events-none {
  pointer-events: none;
}

.margin-xsmall {
  margin: .5rem;
}

.icon-1x1-large {
  width: 2.5rem;
  height: 2.5rem;
}

.margin-horizontal {
  margin-top: 0;
  margin-bottom: 0;
}

.fs-styleguide_item-header {
  border-bottom: 1px solid #0000001a;
  width: 100%;
  padding-bottom: 2rem;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.fs-styleguide_heading-header {
  font-size: 6rem;
}

.fs-styleguide_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-weight-xbold {
  font-weight: 800;
}

.fs-styleguide_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.fs-styleguide_section.is-vertical {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-columns: 1fr;
}

.icon-1x1-small {
  flex: none;
  width: 1rem;
  height: 1rem;
}

.form_checkbox {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.padding-small {
  padding: 1rem;
}

.fs-styleguide_header {
  color: #fff;
  background-color: #000;
  background-image: radial-gradient(circle at 100% 100%, #dd23bb40, #0000 40%), radial-gradient(circle at 0 100%, #2d62ff4d, #0000 60%);
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.pointer-events-auto {
  pointer-events: auto;
}

.max-width-medium {
  width: 100%;
  max-width: 32rem;
}

.text-color-alternate {
  color: #fff;
}

.padding-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

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

.spacer-medium {
  width: 100%;
  padding-top: 2rem;
}

.text-style-muted {
  opacity: .6;
}

.margin-custom1 {
  margin: 1.5rem;
}

.text-size-regular {
  font-size: 1.1rem;
}

.text-size-regular._500 {
  color: var(--neutral--600);
  text-wrap: pretty;
}

.fs-styleguide_spacing-all {
  display: none;
}

.form_component {
  margin-bottom: 0;
}

.spacer-xxlarge {
  width: 100%;
  padding-top: 5rem;
}

.text-align-left {
  text-align: left;
}

.spacer-huge {
  width: 100%;
  padding-top: 6rem;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-small {
  margin: 1rem;
}

.hide {
  display: none;
}

.heading-style-h1 {
  text-wrap: balance;
  margin-bottom: 16px;
  font-family: freight-text-pro, sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 1.1;
}

.heading-style-h1.text-align-center {
  font-size: 2.2rem;
  font-weight: 500;
}

.overflow-scroll {
  overflow: scroll;
}

.margin-tiny {
  margin: .125rem;
}

.padding-xhuge {
  padding: 8rem;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.icon-height-small {
  height: 1rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.text-color-900 {
  color: var(--neutral--900);
}

.padding-large {
  padding: 3rem;
}

.aspect-ratio-portrait {
  aspect-ratio: 2.3 / 3;
  object-fit: cover;
}

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

.z-index-1 {
  z-index: 1;
  position: relative;
}

.text-align-right {
  text-align: right;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.text-weight-normal {
  font-weight: 400;
}

.padding-custom1 {
  padding: 1.5rem;
}

.form_radio {
  flex-direction: row;
  align-items: center;
  margin-bottom: .5rem;
  padding-left: 0;
  display: flex;
}

.text-weight-light {
  font-weight: 300;
}

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

.form_field-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.spacer-xlarge {
  width: 100%;
  padding-top: 4rem;
}

.padding-0 {
  padding: 0;
}

.overflow-auto {
  overflow: auto;
}

.text-style-italic {
  font-style: italic;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.margin-xxhuge {
  margin: 12rem;
}

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

.padding-custom2 {
  padding: 2.5rem;
}

.fs-styleguide_2-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_2-col.is-align-start {
  align-items: start;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.fs-styleguide_empty-box {
  z-index: -1;
  background-color: #2d40ea0d;
  border: 1px dashed #2d40ea;
  min-width: 3rem;
  height: 3rem;
  position: relative;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.text-color-500 {
  color: var(--neutral--500);
}

.margin-vertical {
  margin-left: 0;
  margin-right: 0;
}

.main-wrapper.full {
  min-height: 100vh;
}

.spacer-tiny {
  width: 100%;
  padding-top: .125rem;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.heading-style-h4 {
  color: var(--neutral--900);
  font-family: freight-text-pro, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

.margin-large {
  margin: 3rem;
}

.margin-0 {
  margin: 0;
}

.icon-height-large {
  height: 3rem;
}

.margin-xxsmall {
  margin: .25rem;
}

.form_message-success {
  color: #114e0b;
  background-color: #cef5ca;
  padding: 1.25rem;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.background-color-alternate {
  background-color: #fff;
}

.heading-style-h3 {
  letter-spacing: -.1px;
  margin-bottom: 8px;
  font-family: Dmmono Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}

.fs-styleguide_heading-medium {
  font-size: 4rem;
}

.margin-xlarge {
  margin: 4rem;
}

.button-2 {
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem;
  padding: .75rem 1.5rem;
  font-weight: 600;
}

.button-2.is-text {
  color: #000;
  background-color: #0000;
  border: 2px solid #0000;
}

.button-2.is-secondary {
  color: #000;
  background-color: #0000;
  border: 1px solid #222;
}

.button-2.is-large {
  padding: 1rem 2rem;
}

.button-2.is-icon {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-2.is-small {
  padding: .5rem 1.25rem;
}

.margin-medium {
  margin: 2rem;
}

.padding-left {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.fs-styleguide_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-image: linear-gradient(to top, #2d40ea1a, #fff0);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start stretch;
  display: grid;
  position: relative;
}

.form_radio-label {
  font-family: halyard-text, sans-serif;
  font-weight: 500;
}

.margin-custom2 {
  margin: 2.5rem;
}

.nav_button {
  padding: 1rem;
}

.text-weight-bold {
  font-weight: 700;
}

.padding-medium {
  padding: 2rem;
}

.form_radio-icon {
  background-color: var(--neutral--50);
  width: 1rem;
  height: 1rem;
  color: var(--neutral--50);
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.form_radio-icon.w--redirected-checked {
  border-width: .25rem;
}

.form_radio-icon.w--redirected-focus {
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.fs-styleguide_background-space {
  width: 1px;
  height: 1px;
  margin: 5rem;
}

.text-size-small {
  font-size: .875rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.global-styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.text-size-large {
  font-size: 1.5rem;
}

.form_message-error {
  color: #3b0b0b;
  background-color: #f8e4e4;
  margin-top: .75rem;
  padding: .75rem;
}

.padding-xsmall {
  padding: .5rem;
}

.spacer-xsmall {
  width: 100%;
  padding-top: .5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.footer {
  min-width: 60rem;
}

.container-large._0 {
  min-width: 64rem;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.fs-styleguide_4-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-style-h5 {
  color: var(--neutral--900);
  margin-bottom: 0;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}

.heading-style-h5.link {
  text-underline-offset: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--300);
  text-decoration-color: var(--neutral--300);
  text-decoration-thickness: 1px;
}

.heading-style-h5.link:hover {
  color: var(--neutral--900);
  -webkit-text-decoration-color: var(--neutral--500);
  text-decoration-color: var(--neutral--500);
}

.spacer-small {
  width: 100%;
  padding-top: 1rem;
}

.fs-styleguide_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.fs-styleguide_3-col.is-align-start {
  align-items: start;
}

.fs-styleguide_item {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.fs-styleguide_item.is-stretch {
  justify-items: stretch;
}

.text-style-nowrap {
  white-space: nowrap;
}

.margin-huge {
  margin: 6rem;
}

.page-wrapper._100vh {
  height: 100vh;
}

.page-wrapper.full {
  min-height: 100vh;
}

.nav_component {
  background-color: #000;
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
  inset: 0% 0% auto;
}

.padding-xxsmall {
  padding: .25rem;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-xhuge {
  margin: 8rem;
}

.padding-huge {
  padding: 6rem;
}

.fs-styleguide_spacer-box {
  background-color: #2d40ea1a;
  border: 1px dashed #2d40ea;
  width: 100%;
  position: relative;
}

.form_input {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--neutral--400);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--neutral--400);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--neutral--400);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--neutral--400);
  field-sizing: content;
  background-color: #0000;
  border-radius: 4px;
  min-height: 3rem;
  margin-bottom: .5rem;
  padding: .5rem .5rem .5rem .75rem;
  font-family: halyard-text, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.form_input::placeholder {
  color: var(--neutral--400);
}

.form_input.is-select-input {
  color: var(--neutral--800);
  padding-left: .75rem;
  padding-right: 2rem;
  display: flex;
}

.form_input.is-text-area {
  min-height: 8rem;
  padding-top: .75rem;
  padding-left: .75rem;
  padding-right: .5rem;
  font-size: 1rem;
}

.padding-global {
  margin: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.padding-global.padding-section-large {
  margin-bottom: 0;
  padding-bottom: 0;
}

.padding-global.padding-section-large.bkg-100 {
  background-color: var(--neutral--100);
}

.padding-global.padding-section-large.bkg-900 {
  background-color: var(--neutral--900);
}

.padding-global._100vh {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.padding-global.padding-section-medium {
  flex: 1;
  margin-bottom: 0;
  padding-bottom: 0;
}

.padding-global.padding-section-medium.bg-100, .padding-global.bg-100 {
  background-color: var(--neutral--100);
}

.padding-global._50 {
  flex: 1;
}

.padding-global.padding-section-small {
  padding-top: 1rem;
  padding-left: 1rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.text-style-link {
  color: #2d62ff;
  text-decoration: underline;
}

.form_label {
  color: var(--neutral--800);
  font-family: halyard-text, sans-serif;
  font-weight: 300;
}

.padding-tiny {
  padding: .125rem;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.background-color-tertiary {
  background-color: #dd23bb;
}

.text-size-medium {
  font-size: 20px;
}

.text-size-medium.text-serif.text-color-grey700 {
  color: var(--neutral--700);
}

.text-size-medium.text-serif.text-color-grey700:hover {
  color: var(--neutral--900);
}

.text-size-medium.text-style-italic.text-color-600, .text-size-medium.text-align-center.text-color-600 {
  color: var(--neutral--600);
}

.padding-xlarge {
  padding: 4rem;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.fs-styleguide_row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.spacer-large {
  padding-top: 3rem;
}

.background-color-primary {
  color: #fff;
  background-color: #000;
}

.container-medium {
  width: 100%;
  min-width: 40rem;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium.card {
  background-color: var(--neutral--100);
  border-radius: 8px;
  margin-bottom: 4rem;
  padding: 1rem;
}

.text-style-quote {
  border-left: .25rem solid #e2e2e2;
  margin-bottom: 0;
  padding: 0 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.spacer-xxsmall {
  width: 100%;
  padding-top: .25rem;
}

.fs-styleguide_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.fs-styleguide_message {
  color: #5e5515;
  background-color: #fcf8d8;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: .875rem;
}

.nav_logo {
  width: 10rem;
}

.margin-custom3 {
  margin: 3.5rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0%;
}

.form_checkbox-icon {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-checked {
  background-size: 90%;
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
}

.form_checkbox-icon.w--redirected-focus {
  border-radius: .125rem;
  width: .875rem;
  height: .875rem;
  margin: 0 .5rem 0 0;
  box-shadow: 0 0 .25rem 0 #3898ec;
}

.nav_container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.icon-height-medium {
  height: 2rem;
}

.padding-right {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.section_main {
  display: block;
}

.section_main.beige {
  background-color: var(--neutral--100);
}

.section_main._100vh {
  height: 100vh;
}

.section_main.sidebar {
  display: flex;
}

.semillas_horizontal {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.text-overline {
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: halyard-micro, sans-serif;
  font-weight: 300;
}

.text-overline.text-size-small:hover {
  color: var(--blue-secondary);
}

.text-overline.text-size-small.text-500 {
  color: var(--neutral--500);
}

.text-sans {
  font-family: halyard-text, sans-serif;
  font-weight: 300;
}

.text-sans.fecha {
  color: var(--neutral--500);
  font-size: 16px;
  font-weight: 200;
  line-height: 20px;
}

.text-sans.text-500 {
  color: var(--neutral--500);
}

.text-mono {
  margin-bottom: 0;
  font-family: coordinates, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

.text-mono.text-grey-500 {
  color: var(--neutral--500);
}

.text-mono.text-grey-500.text-size-small.underline {
  text-decoration: underline;
}

.text-mono.text-grey-500.text-size-small.text-style-link:hover {
  color: var(--neutral--900);
}

.text-mono.text-grey-500.text-size-small.text-style-link.fuente {
  padding-top: 16px;
  display: block;
}

.text-mono.text-size-medium.text-enqueando {
  letter-spacing: .8px;
  text-transform: uppercase;
  font-family: Dmmono Regular, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.text-mono.text-size-regular.text-enqueandolisttitle {
  color: var(--neutral--700);
  text-transform: none;
  font-family: Dmmono Light, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-mono.text-enqueandotitle {
  text-transform: uppercase;
  font-family: Dmmono Regular, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-mono.text-enqueandotitle.max-width-full.text-color-500, .text-mono.text-enqueandotitle.text-color-500 {
  color: var(--neutral--500);
}

.text-mono.precio {
  font-family: Dmmono Light, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1px;
}

.text-mono.text-form-title {
  text-transform: uppercase;
  font-family: Dmmono Regular, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.text-mono.text-size-small._500 {
  color: var(--neutral--500);
}

.text-mono.text-grey-400 {
  color: var(--neutral--400);
}

.text-mono.text-uppercase {
  text-transform: uppercase;
}

.text-link-detalle {
  color: var(--neutral--500);
  border-bottom: 1px solid #0000;
}

.text-link-detalle:hover {
  border-bottom: 1px solid var(--neutral--600);
  color: var(--neutral--800);
  text-underline-offset: 1px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--800);
  text-decoration-color: var(--neutral--800);
  text-decoration-thickness: 1px;
}

.text-link-detalle:visited {
  color: var(--neutral--500);
  text-decoration: none;
}

.semillas_sidebar {
  width: 88px;
}

.al-h-16 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
  max-width: 64rem;
  display: flex;
}

.semillas_tags {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  vertical-align: baseline;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.semillas_tags.blog {
  width: 200px;
  display: block;
}

.semillas_pagination {
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.newsletter-numero {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  display: flex;
}

.button-default {
  color: var(--neutral--700);
  background-color: #0000;
  border-style: none;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0 12px;
  font-family: Dmmono Light, sans-serif;
  display: flex;
}

.button-default:hover {
  border-color: var(--neutral--400);
  color: var(--neutral--900);
}

.button-default.anterior {
  cursor: auto;
  padding-left: 8px;
  padding-right: 12px;
  font-size: 16px;
}

.button-default.anterior.disabled {
  color: var(--neutral--300);
  cursor: none;
  display: block;
}

.button-default.siguiente {
  padding-left: 16px;
  padding-right: 12px;
  font-size: 16px;
}

.page-count {
  margin-top: 0;
}

.heading {
  font-family: "Fraunces 144pt soft";
  font-weight: 400;
}

.heading-2, .heading-3, .heading-4, .heading-5 {
  font-family: freight-text-pro, sans-serif;
  font-weight: 600;
}

.heading-6 {
  font-family: Dmmono Light, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.section_containergris {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--neutral--100);
  border-radius: 4px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.text-rich-enqueando p {
  color: var(--neutral--800);
  text-wrap: pretty;
  margin-bottom: 0;
  font-family: coordinates, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.text-rich-enqueando a {
  color: var(--neutral--800);
  text-underline-offset: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--300);
  text-decoration-color: var(--neutral--300);
  text-decoration-thickness: 1px;
}

.text-rich-enqueando a:hover {
  border-bottom-color: var(--neutral--900);
  -webkit-text-decoration-color: var(--neutral--700);
  text-decoration-color: var(--neutral--700);
}

.text-rich-enqueando.heading-style-h6 {
  font-family: Dmmono Light, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.list-enqueando {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--neutral--300);
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start;
  padding-top: 16px;
  display: grid;
}

.text-block {
  display: none;
}

.text-serif {
  margin-bottom: 0;
  font-family: freight-text-pro, sans-serif;
  font-weight: 400;
}

.text-serif.text-500 {
  color: var(--neutral--500);
  font-weight: 400;
}

.fs_prevnext_wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs_prevnext_block {
  background-color: #272727;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: relative;
}

.fs_prevnext_block:hover {
  color: #fffc;
}

.fs_prevnext_empty {
  color: #ffffff4d;
  background-color: #272727;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.prevnext_list {
  position: relative;
}

.prevnext_item {
  position: absolute;
  inset: 0%;
}

.collection-item {
  padding-left: 0;
  padding-right: 0;
}

.grid-2columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.link-prevnext {
  display: block;
}

.link-prevnext:hover {
  color: var(--neutral--900);
}

.autolayout-horizontal-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  vertical-align: baseline;
  justify-content: flex-end;
  align-items: baseline;
  display: inline-flex;
}

.icon-20 {
  text-align: center;
  width: 20px;
  height: 20px;
  font-family: "Fa 300", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.icon-20.text-color-grey500 {
  color: var(--neutral--500);
}

.icon-20.text-color-grey400 {
  color: var(--neutral--400);
}

.pagination_pagecount {
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.pagination_pagecount.max-width-full {
  align-items: center;
}

.page-count---semillas {
  color: var(--neutral--500);
  margin-top: 0;
  font-family: Dmmono Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.section-recipe {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: baseline;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
}

.section-recipe-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  display: grid;
}

.section-recipe-ingredientes {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.container-recipe-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
}

.divider-vertical {
  border-style: solid;
  border-width: 0 1px 0 0;
  border-color: var(--neutral--500) var(--neutral--300) var(--neutral--500) var(--neutral--500);
  height: 48px;
}

.section-recipe-prep {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
}

.collection-list-wrapper {
  display: block;
}

.list-item {
  text-wrap: pretty;
}

.figure {
  color: var(--neutral--600);
  margin-bottom: 16px;
}

.text-rich-text-copy {
  font-family: halyard-text, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.text-rich-text-copy img {
  color: var(--neutral--600);
  margin-bottom: 0;
}

.text-rich-text-copy a {
  border-bottom: 1px solid var(--neutral--300);
  color: var(--neutral--800);
}

.text-rich-text-copy a:hover {
  border-bottom-color: var(--neutral--900);
  color: var(--neutral--900);
}

.text-rich-text-copy ol {
  margin-bottom: 16px;
  padding-left: 0;
  list-style-position: inside;
}

.text-rich-text-copy ul {
  margin-bottom: 16px;
}

.text-rich-text-copy h6 {
  color: var(--neutral--600);
  text-wrap: pretty;
  padding-top: 16px;
  font-family: Dmmono Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.text-rich-text-copy h5 {
  padding-top: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.text-rich-text-copy h4 {
  font-family: freight-text-pro, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.text-rich-text-copy h3 {
  font-family: freight-text-pro, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.text-rich-text-copy h2 {
  font-family: freight-text-pro, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.text-rich-text-copy p {
  text-wrap: pretty;
  margin-bottom: 16px;
}

.text-rich-text-copy figure {
  color: var(--neutral--600);
  margin-bottom: 11px;
}

.text-rich-recipe {
  font-family: halyard-text, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.text-rich-recipe img {
  color: var(--neutral--600);
  margin-bottom: 0;
}

.text-rich-recipe a {
  border-bottom: 1px solid var(--neutral--300);
  color: var(--neutral--800);
}

.text-rich-recipe a:hover {
  border-bottom-color: var(--neutral--900);
  color: var(--neutral--900);
}

.text-rich-recipe ul {
  margin-bottom: 16px;
}

.text-rich-recipe h6 {
  color: var(--neutral--600);
  text-wrap: pretty;
  padding-top: 16px;
  font-family: Dmmono Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.text-rich-recipe h5 {
  padding-top: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.text-rich-recipe h4 {
  font-family: freight-text-pro, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.text-rich-recipe h3 {
  font-family: freight-text-pro, sans-serif;
  font-size: 32px;
  font-weight: 600;
}

.text-rich-recipe h2 {
  font-family: freight-text-pro, sans-serif;
  font-size: 40px;
  font-weight: 600;
}

.text-rich-recipe p {
  text-wrap: pretty;
  margin-bottom: 16px;
}

.text-rich-recipe figure {
  color: var(--neutral--600);
  margin-bottom: 11px;
}

.link-2, .link-3 {
  color: var(--medium-grey);
}

.accordion-item {
  border-top: 1px solid var(--neutral--200);
  padding-top: 16px;
  padding-bottom: 16px;
}

.icon.accordion-icon {
  cursor: pointer;
  flex: 0 auto;
}

.accordion-heading {
  color: var(--neutral--900);
  letter-spacing: .05em;
  text-transform: uppercase;
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Dmmono Regular, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.accordion-item-content {
  color: #9ba1a6;
  overflow: hidden;
}

.faq-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.accordion-wrapper {
  margin-top: 24px;
}

.accordion-item-trigger {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.section-carta {
  mix-blend-mode: multiply;
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-rich-carta {
  opacity: .8;
  text-align: left;
  mix-blend-mode: multiply;
}

.text-rich-carta p {
  text-wrap: pretty;
  margin-bottom: 16px;
  font-family: Uraniaczech, Georgia, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
}

.text-rich-carta a {
  color: var(--neutral--800);
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.text-rich-carta a:hover {
  border-bottom-color: var(--neutral--800);
  color: var(--neutral--900);
}

.text-rich-carta code {
  background-color: var(--resaltador);
  font-family: Uraniaczech, Georgia, sans-serif;
  text-decoration: line-through;
}

.form_field-horizontal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
}

.form_field-divider {
  width: 100%;
  padding-top: 24px;
  padding-bottom: 16px;
}

.form_text-divider {
  color: var(--neutral--700);
  letter-spacing: .05em;
  text-transform: uppercase;
  font-family: halyard-text, sans-serif;
  font-size: 15px;
  font-weight: 300;
}

.form_text-detail {
  color: var(--neutral--900);
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.2;
}

.form_text-detail.text-500 {
  color: var(--neutral--500);
  font-size: 16px;
}

.paragraph-2 {
  color: var(--neutral--600);
  font-family: Urania Czech;
}

.f-success-wrapper {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.f-summary-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.f-heading-wrapper {
  z-index: 1;
  margin-bottom: 3.75rem;
}

.checkbox-label-text {
  z-index: 1;
  color: #031616;
  align-items: center;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.f-success-text-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.f-form-parent {
  margin-bottom: 0;
}

.f-form-parent.is--form-img-right {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.f-image-overlay {
  opacity: .58;
  background-color: #0c1c1f;
  position: absolute;
  inset: 0%;
}

.f-check-box {
  border: .0625rem solid #031616;
  border-radius: 100vw;
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  inset: 0%;
}

.f-check-box:hover {
  background-color: #00000026;
}

.f-check-box.w--redirected-checked {
  background-color: #6b6b6b26;
  background-image: none;
  border-width: .125rem;
  border-color: #031616;
}

.f-form-button {
  color: #000;
  background-color: #0000;
  border: .0625rem solid #000;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: .9375rem 2.5rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.f-form-button.is---1 {
  color: #fff;
  background-color: #000;
  border-radius: 100vw;
}

.f-form-button.is---1.submit-button {
  background-color: var(--neutral--900);
  border-width: 0;
  border-radius: 4px;
  padding: 12px 32px;
  font-size: 16px;
  font-weight: 400;
}

.f-form-button.is---1.submit-button:hover {
  background-color: var(--neutral--700);
}

.f-form-button.is---1.submit-button.mitad {
  flex: 1;
  width: 100%;
}

.f-form-button.is---1.submit-button._100 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
}

.f-form-button.submit-button {
  font-family: Dmmono Regular, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.f-form-button.submit-button.back {
  color: var(--neutral--600);
  background-color: #0000;
  border-width: 0;
  border-radius: 4px;
  flex: 1;
  padding: 12px 32px;
}

.f-form-button.submit-button.back:hover {
  background-color: var(--white);
  color: var(--neutral--900);
}

.f-form-button.submit-button.back._2 {
  display: none;
}

.f-success-message {
  z-index: 1;
  background-color: var(--transparent);
  padding-left: 0;
  padding-right: 0;
}

.f-container {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3rem;
}

.f-container.is--form-7 {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  max-width: none;
  padding: 0;
  display: flex;
}

.f-input-wrapper {
  width: 100%;
}

.f-summary-edit-button {
  opacity: 1;
  cursor: pointer;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  inset: 20px 0 auto auto;
}

.f-step-container {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  display: grid;
}

.f-haeding {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  line-height: 1.1;
}

.f-error-message {
  color: #fff;
  margin: auto;
  padding: 0;
  position: absolute;
  inset: auto 0% 0%;
}

.f-summary-text-wrapper {
  display: flex;
}

.f-form-steps-item.is---7 {
  z-index: 1;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.f-summary-item {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.f-pill-button-wrapper {
  z-index: 0;
  grid-column-gap: .5625rem;
  grid-row-gap: .75rem;
  text-align: center;
  border: .0625rem solid #000;
  border-radius: 100vw;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: .25rem 1.4375rem;
  line-height: 1.1;
  display: flex;
  position: relative;
  overflow: hidden;
}

.f-steps-input {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
}

.f-form-section {
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.f-form-section.full {
  padding-left: 32px;
  padding-right: 32px;
}

.f-form-step-img {
  object-fit: cover;
  background-color: #e0e0e0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.f-step-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
}

.f-form {
  background-color: #ededed00;
}

.f-form.is--form {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
}

.f-form.is--form.a {
  padding: 32px 0;
}

.f-steps-wrap {
  padding: 3.5rem 2rem;
}

.f-steps-wrap.card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--neutral--50);
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.demo-html-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.f-success-video {
  object-fit: cover;
  background-image: linear-gradient(#000000bd, #000000bd);
  width: 100%;
  height: 100%;
}

.f-radio-button {
  z-index: -1;
  border-width: .5px;
  border-color: #000;
  border-radius: 100vw;
  width: auto;
  height: auto;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.f-radio-button.w--redirected-checked {
  border: 5px solid #020d11;
  border-radius: 100vw;
  width: 100%;
  height: 101%;
  inset: 0%;
}

.f-radio-button.w--redirected-focus {
  box-shadow: none;
  border-radius: 100vw;
}

.f-radio-button.w--redirected-focus-visible {
  border-radius: 100vw;
}

.f-summary-checkbox {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  background-color: #e0e0e0;
  border-radius: .3125rem;
  align-items: center;
  margin-top: .125rem;
  padding: .375rem .5rem;
  font-size: .8125rem;
  font-weight: 500;
  display: flex;
}

.f-summary-text {
  font-weight: 600;
}

.f-summary-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: .75rem;
  display: grid;
}

.f-form-steps-wrap.is---2 {
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.f-form-radio-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.f-form-radio-wrapper.is---3 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.f-form-button-wrapper.is---3 {
  grid-column-gap: .625rem;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  padding-bottom: 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.f-input-field {
  color: #000;
  background-color: #eeeded;
  border: .0625rem #000;
  border-radius: .5rem;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: .875rem 1rem;
}

.f-success-text {
  color: var(--neutral--900);
  text-align: center;
  font-size: 1.2rem;
  font-weight: 400;
}

.f-radio-butn-label {
  z-index: 2;
  max-width: 20ch;
  position: relative;
}

.f-summary-field-name {
  opacity: .72;
  font-size: .75rem;
}

.f-txt-field-label {
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.3;
}

.form-checkbox-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: column wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-top: 0;
  margin-bottom: 1.875rem;
  display: grid;
}

.form-checkbox-wrapper.is-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.f-form-image-wrapper {
  z-index: -1;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  padding: 1.25rem 2.925rem 2.55rem 4.525rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
  overflow: hidden;
}

.f-summary-card {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid var(--neutral--300);
  flex-flow: column;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
  position: relative;
}

.f-summary-heading {
  margin-top: 0;
  margin-bottom: .75rem;
}

.section_carta {
  background-image: url('../images/Coconut_12x12.avif');
  background-position: 0 0;
  background-size: 600px;
  background-attachment: scroll;
}

.section_carta.full {
  background-image: url('../images/Coconut_12x12.avif');
  background-size: 600px;
  background-attachment: scroll;
  display: flex;
}

.section_carta.divided {
  display: flex;
}

.img_logo-servicio {
  mix-blend-mode: multiply;
  justify-content: center;
  align-items: center;
  height: 120px;
  display: flex;
}

.img-child {
  opacity: .9;
  mix-blend-mode: multiply;
  max-width: 250px;
}

.img-child.width-200 {
  max-width: 400px;
}

.accordion-paragraph {
  color: var(--neutral--700);
  text-wrap: pretty;
  margin-bottom: 0;
  padding-top: 4px;
}

.accordion-link:hover {
  border-bottom-color: var(--neutral--900);
}

.faq---horizontal {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start stretch;
  width: 100%;
  padding-top: 8px;
  display: flex;
}

.bold-text {
  font-weight: 400;
}

.producto-servicio {
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  display: flex;
}

.servicio-producto-title {
  margin-bottom: 16px;
  font-family: Tilda Petite, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: .8;
}

.falso-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: baseline;
  padding-bottom: 12px;
  display: flex;
}

.servicio-producto-precio {
  margin-bottom: 8px;
  font-family: schoolbook, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
}

.autolayout-horizontal-producto {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.img-producto-principal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  display: block;
  overflow: hidden;
}

.submit-button-big {
  border: 1px solid var(--neutral--500);
  background-color: var(--neutral--800);
  color: var(--neutral--100);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 12px 32px;
  font-family: Dmmono Light, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.submit-button-big:hover {
  background-color: var(--neutral--600);
}

.faq-title {
  color: var(--neutral--600);
  text-align: center;
  margin-bottom: 8px;
  font-family: Tilda Petite, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.faq-title.small {
  font-size: 32px;
  display: flex;
}

.img-displaynone {
  display: none;
}

.body-100 {
  background-color: var(--neutral--100);
}

.lineadoble {
  box-sizing: content-box;
  object-fit: fill;
}

.text-span {
  background-color: var(--resaltador);
}

.only-text {
  color: var(--black);
  background-color: #3898ec00;
  padding: 8px;
  font-family: Dmmono Regular, sans-serif;
  font-weight: 400;
}

.modal-error {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--red-tertiary);
  color: var(--neutral--900);
  border-radius: 4px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 16px;
  margin-left: 32px;
  margin-right: 32px;
  padding: 16px 24px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.image-2 {
  flex: 0 auto;
  display: block;
}

.logo-siesta {
  flex: 0 auto;
  width: 96px;
  display: block;
}

.logo-nombre {
  flex: 0 auto;
  width: 112px;
  display: block;
}

.success-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
}

.autolayout-horizontal-landing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-height: 90vh;
  display: grid;
}

.autolayout-horizontal-landing.stretch {
  align-items: stretch;
}

.boton-regalo {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--neutral--200);
  background-color: var(--neutral--50);
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  padding: 16px;
  display: block;
}

.boton-regalo:hover {
  border: 1px solid var(--neutral--400);
}

.servicio-producto-title-h2 {
  margin-bottom: 16px;
  font-family: Tilda Petite, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: .8;
}

.servicio-producto-precio-h2 {
  font-family: schoolbook, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

.producto-servicio-landing {
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-left: 80px;
  padding-right: 80px;
  display: block;
}

.producto-servicio-landing.full-width {
  justify-content: space-between;
  align-items: stretch;
}

.autolayout-horizontal-buttonregalo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.button-precio {
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.container-buttons {
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.list-newsletters {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 4.5fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  padding-bottom: 8px;
  display: grid;
}

.list-newsletters:hover {
  color: var(--blue-primary);
}

.autolayout-newsletters-collection {
  flex-flow: column;
  display: flex;
}

.collection-item-2 {
  padding-left: 20px;
  padding-right: 20px;
}

.newsletter-collection {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: start;
  display: grid;
}

.collection-item-3 {
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.collection-list-wrapper-2 {
  grid-auto-flow: row;
}

.text-semillas {
  color: var(--neutral--500);
  border-bottom: 1px solid #0000;
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: baseline;
  align-items: baseline;
  padding-right: 4px;
  font-family: freight-text-pro, sans-serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: inline;
}

.text-semillas:visited {
  color: var(--neutral--500);
}

.text-semillas.link {
  display: inline;
}

.text-semillas.link:hover {
  color: var(--neutral--900);
}

.heading-style-h5-link {
  color: var(--neutral--800);
  text-underline-offset: 3px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--300);
  text-decoration-color: var(--neutral--300);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  margin-bottom: 8px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  text-decoration-thickness: 1px;
}

.heading-style-h5-link:hover {
  color: var(--neutral--900);
  text-underline-offset: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--800);
  text-decoration-color: var(--neutral--800);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
}

.heading-style-h6-link {
  color: var(--neutral--700);
  text-underline-offset: 3px;
  text-decoration: none;
  -webkit-text-decoration-color: var(--neutral--300);
  text-decoration-color: var(--neutral--300);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  padding-bottom: 4px;
  font-family: freight-text-pro, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration-thickness: 1px;
  display: block;
}

.heading-style-h6-link:hover {
  color: var(--neutral--900);
}

.collection-item---3 {
  padding-left: 8px;
  padding-right: 8px;
}

.collection-item---full-width {
  padding-left: 0;
  padding-right: 0;
}

.collection-list-wrapper-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

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

.text-link-semillas-copy {
  color: var(--neutral--500);
  border-bottom: 1px solid #0000;
  font-family: freight-text-pro, sans-serif;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 20px;
}

.text-link-semillas-copy:hover {
  border-bottom: 1px solid var(--neutral--600);
  color: var(--neutral--800);
  text-underline-offset: 1px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--800);
  text-decoration-color: var(--neutral--800);
  text-decoration-thickness: 1px;
}

.text-link-semillas-copy:visited {
  color: var(--neutral--500);
  text-decoration: none;
}

.tabs-menu-jardin {
  z-index: 1000;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--neutral--50);
  margin-bottom: 0;
  display: flex;
}

.tabs-menu-jardin.display-none {
  display: none;
}

.tab-link-pel-culas {
  padding-left: 8px;
}

.tab-link-pel-culas.w--current {
  background-color: var(--transparent);
  color: var(--neutral--900);
  text-underline-offset: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--900);
  text-decoration-color: var(--neutral--900);
  padding-left: 0;
  padding-right: 0;
  font-family: Dmmono Light, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.tab-link-mono {
  background-color: var(--transparent);
  height: 40px;
  color: var(--neutral--500);
  align-items: center;
  padding: 8px 0;
  font-family: coordinates, sans-serif;
  font-size: 14px;
  font-weight: 300;
  display: flex;
}

.tab-link-mono:hover {
  color: var(--neutral--900);
  text-underline-offset: 4px;
  text-decoration: none;
  -webkit-text-decoration-color: var(--neutral--300);
  text-decoration-color: var(--neutral--300);
}

.tab-link-mono.w--current {
  background-color: var(--transparent);
  color: var(--neutral--900);
  text-underline-offset: 4px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--500);
  text-decoration-color: var(--neutral--500);
}

.al-h-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  vertical-align: baseline;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: baseline;
  display: inline;
}

.al-h-4.footer {
  flex-flow: row;
  flex: 0 auto;
  display: flex;
}

.icon-33 {
  font-family: "Fa 300", sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.autolayout-horizontal-fill {
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  display: flex;
}

.heading-7 {
  font-family: freight-text-pro, sans-serif;
}

.buscador {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.tabs-jardin {
  margin-top: 8px;
}

.form {
  width: 32.3%;
}

.text-link {
  color: var(--neutral--800);
  text-underline-offset: 3px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--300);
  text-decoration-color: var(--neutral--300);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 1px;
  display: block;
}

.text-link:hover {
  color: var(--neutral--900);
  text-underline-offset: 2px;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--neutral--800);
  text-decoration-color: var(--neutral--800);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-position: auto;
  text-decoration-style: solid;
  text-decoration-thickness: 1px;
}

.collection-list-wrapper-4 {
  align-items: baseline;
  display: block;
}

.list-2 {
  padding-bottom: 16px;
}

.opcional {
  color: var(--neutral--400);
}

.link-mono {
  color: var(--neutral--500);
  font-family: coordinates, sans-serif;
  font-weight: 400;
}

.link-mono:hover, .link-mono.w--current {
  color: var(--neutral--900);
}

.link-mono._900 {
  color: var(--neutral--300);
}

.link-mono._900:hover {
  color: var(--neutral--200);
}

.link-mono.display-none {
  display: none;
}

.fs_modal-1_image {
  object-fit: cover;
  width: 100%;
}

.fs_modal-1_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.fs_modal-1_popup {
  z-index: 9999;
  background-color: #00000080;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs_modal-1_close {
  cursor: pointer;
  background-color: #f5f5f5;
  padding: 1.5rem;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fs_modal-1_close:focus-visible, .fs_modal-1_close[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.fs_modal-1_close-icon {
  width: 1rem;
  height: 1rem;
}

.fs_modal-1_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center start;
  padding: 4rem;
  display: grid;
}

.fs_modal-1_wrapper {
  z-index: 999;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  color: #000;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch start;
  width: 100%;
  max-width: 60rem;
  display: grid;
  position: relative;
}

.fs_modal-1_description {
  margin-bottom: 0;
}

.fs_modal-1_cover {
  position: absolute;
  inset: 0%;
}

.fs_modal-1_button {
  background-color: var(--accessible-components--dodger-blue);
  color: #fff;
  cursor: pointer;
  padding: .5rem 1rem;
}

.fs_modal-1_button:focus-visible, .fs_modal-1_button[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-1_embed {
  margin-bottom: 0;
}

.fs_modal-1_message {
  color: var(--accessible-components--dark-grey);
}

.fs_modal-2_button {
  color: #fff;
  cursor: pointer;
  background-color: #1378d1;
  padding: .5rem 1rem;
}

.fs_modal-2_button:focus-visible, .fs_modal-2_button[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-2_component {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  display: grid;
}

.fs_modal-2_popup {
  background-color: #00000080;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0%;
}

.fs_modal-2_cover {
  position: absolute;
  inset: 0%;
}

.fs_modal-2_wrapper {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--red-tertiary);
  opacity: 1;
  color: #000;
  border-radius: 4px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center start;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 16px;
  display: flex;
  position: absolute;
  inset: auto 0% 5%;
}

.fs_modal-2_image {
  object-fit: cover;
  width: 100%;
}

.fs_modal-2_content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center start;
  place-items: center start;
  padding: 8px 16px;
  display: block;
}

.fs_modal-2_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
}

.fs_modal-2_description {
  margin-bottom: 0;
}

.fs_modal-2_close {
  cursor: pointer;
  padding: 0;
  display: block;
}

.fs_modal-2_close:focus-visible, .fs_modal-2_close[data-wf-focus-visible] {
  outline-color: var(--accessible-components--dark-grey);
  outline-offset: 4px;
  outline-width: 2px;
  outline-style: solid;
}

.fs_modal-2_close-icon {
  width: 1rem;
  height: 1rem;
}

.fs_modal-2_embed {
  margin-bottom: 0;
}

.fs_modal-2_message {
  color: var(--accessible-components--dark-grey);
}

.text-schoolbook {
  font-family: schoolbook, sans-serif;
}

.text-schoolbook.text-size-medium, .text-schoolbook.text-size-large {
  line-height: 1.2;
}

.text-schoolbook.text-size-large.text-color-red, .text-schoolbook.heading-style-h2.text-color-red {
  color: var(--red-secondary);
}

.text-schoolbook.heading-style-h2.text-color-100 {
  color: var(--neutral--100);
}

.flex-h-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.reglas-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;
}

.flex-v-8 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.text-tilda {
  font-family: Tilda Petite, sans-serif;
}

.producto-reverse {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.producto-reverse.stretch {
  align-items: stretch;
}

.firma-m {
  max-width: 120px;
}

.text-color-100 {
  color: var(--neutral--100);
}

.text-color-red {
  color: var(--red-secondary);
}

.splide__track {
  width: 100vw;
  overflow: hidden;
}

.splide__list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 250vw;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
}

.splide__slide {
  width: 25vw;
  min-width: 320px;
  height: 25vw;
  position: relative;
  overflow: hidden;
}

.img {
  cursor: pointer;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform 3s;
}

.img:hover {
  transform: scale(1.2);
}

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

.carousel {
  display: flex;
}

.img-slider-cartas {
  width: 320px;
  height: 320px;
  margin-right: 20px;
}

.image-card {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.carrousel {
  background-color: #f8f6f2;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.bg-100 {
  background-color: var(--neutral--100);
}

.bg-100.autolayout-horizontal-landing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-height: 90vh;
  display: grid;
  overflow: hidden;
}

.image-4 {
  object-fit: fill;
  display: block;
  overflow: hidden;
}

.image-5 {
  overflow: hidden;
}

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

.flex-center {
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.macarena {
  color: var(--neutral--50);
  text-align: center;
  font-family: parfumerie-script, sans-serif;
  font-size: 200px;
  font-weight: 400;
  line-height: 1;
}

.black-25 {
  background-image: linear-gradient(#00000040, #00000040);
  flex-flow: row;
  justify-content: center;
  display: flex;
}

.paper-texture {
  mix-blend-mode: multiply;
  background-image: url('../images/Coconut_12x12.avif');
  background-position: 0 0;
  background-size: auto;
  flex: 1;
  align-self: stretch;
}

.red---multiply {
  background-color: var(--red-secondary);
  mix-blend-mode: multiply;
}

.macarena-detalle {
  color: var(--neutral--50);
  text-align: center;
  text-transform: uppercase;
  font-family: schoolbook-condensed, sans-serif;
  font-size: 48px;
  font-weight: 400;
}

.macarena-detalle-copy {
  color: var(--neutral--100);
  text-align: center;
  text-transform: uppercase;
  font-family: schoolbook, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.macarena-detalle-copy.black {
  color: var(--neutral--900);
}

.macarena-2 {
  color: var(--red-secondary);
  text-align: left;
  font-family: parfumerie-script, sans-serif;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
}

.black---multiply {
  background-color: var(--neutral--900);
  opacity: .95;
  mix-blend-mode: multiply;
  height: 100%;
}

.container-xsmall {
  padding-left: 4rem;
  padding-right: 4rem;
}

.image-cumple {
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: clip;
}

.section_cumple_dividido {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
}

.section_cumple_dividido.full {
  background-image: url('../images/Coconut_12x12.avif');
  background-size: 600px;
  background-attachment: scroll;
  display: flex;
}

.section_cumple_dividido.divided {
  display: flex;
}

.padding-2-5rem {
  padding: 2.5rem;
}

.flex-horizontal {
  display: flex;
}

.macarena-detalle-copy-copy {
  color: var(--red-secondary);
  text-align: left;
  text-transform: none;
  font-family: schoolbook, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.macarena-detalle-copy-copy.black {
  color: var(--neutral--900);
}

.icon-32---text {
  width: 24px;
  height: 24px;
  color: var(--neutral--600);
  text-align: center;
  font-family: "Fa 300", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.icon-32---text:hover {
  color: var(--neutral--900);
}

.icon-32---text.text-color-grey500 {
  color: var(--neutral--500);
}

.icon-32---text.text-color-grey400 {
  color: var(--neutral--400);
}

.icon-32---text.error {
  color: var(--red-primary);
}

.detalle-extrasmal {
  color: var(--neutral--500);
  text-align: center;
  font-family: freight-text-pro, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}

.icon-24---text {
  width: 24px;
  height: 24px;
  color: var(--neutral--400);
  text-align: center;
  margin-bottom: 0;
  font-family: "Fa 300", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.icon-24---text.text-color-grey500 {
  color: var(--neutral--500);
}

.icon-24---text.text-color-grey400 {
  color: var(--neutral--400);
}

.icon-24---text.error {
  color: var(--red-primary);
}

.text-rich-excusa {
  opacity: .8;
  text-align: left;
  mix-blend-mode: multiply;
  font-family: Uraniaczech, Georgia, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-rich-excusa p {
  text-wrap: pretty;
  margin-bottom: 16px;
  font-family: Uraniaczech, Georgia, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.4;
}

.text-rich-excusa a {
  color: var(--neutral--800);
  text-underline-offset: 2px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.text-rich-excusa a:hover {
  border-bottom-color: var(--neutral--800);
  color: var(--neutral--900);
}

.text-rich-excusa code {
  background-color: var(--resaltador);
  font-family: Uraniaczech, Georgia, sans-serif;
  text-decoration: line-through;
}

.excusa {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-top: 16px;
  display: flex;
}

.collection-list-wrapper-5 {
  display: none;
}

.mono-small {
  color: var(--neutral--400);
  text-transform: none;
  padding-right: 4px;
  font-family: coordinates, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline;
}

.mono-small.text-color-300 {
  color: var(--neutral--300);
}

.mono-small.link:hover {
  color: var(--neutral--800);
}

.mono-small.link.blog {
  display: block;
}

.search {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--neutral--300);
  background-color: var(--transparent);
  height: 40px;
  margin-bottom: 24px;
  padding-left: 0;
  font-family: coordinates, sans-serif;
  font-size: 14px;
}

.search:hover {
  border-bottom-color: var(--neutral--800);
  color: var(--neutral--800);
}

.search:focus {
  border-bottom-color: var(--neutral--900);
}

.search::placeholder {
  color: var(--neutral--500);
}

.container-libros-derecha {
  flex-flow: column;
  width: 60%;
  display: flex;
}

.hover-libro {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.libro-content {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.libro-imagen {
  object-fit: fill;
  flex: 1;
  width: 200px;
  padding-top: 8px;
  display: block;
}

.libro-imagen-container {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 200px;
  height: 20px;
  display: block;
}

.overflow-on {
  justify-content: space-between;
  align-items: stretch;
  min-width: 64rem;
  display: block;
  overflow: visible;
}

.link-tag-container {
  flex: 0 auto;
  height: 20px;
}

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

.sidebar-container {
  justify-content: space-between;
  align-self: stretch;
  width: 300px;
  height: 100vh;
  padding: 16px;
  display: flex;
  position: sticky;
  inset: 0%;
}

.sidebar-options {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-self: stretch;
}

.logo-parsimonia {
  width: 160px;
}

.spacer-hugefooter {
  width: 100%;
  padding-top: 16rem;
}

.div-block-6 {
  padding-bottom: 16px;
}

.footer-al {
  vertical-align: baseline;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.footer-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: baseline;
  display: flex;
}

.footer-text.footer {
  flex-flow: row;
  flex: 0 auto;
  display: flex;
}

.collection-list-wrapper-7, .collection-item-5, .collection-list, .collection-list.inline {
  display: inline;
}

.collection-list-2 {
  flex-flow: column;
  display: flex;
}

.tabs-libros {
  flex-flow: column;
  display: block;
}

.libros {
  flex-flow: column;
  min-width: 100%;
  display: flex;
}

.collection-list-wrapper-8, .collection-list-3, .collection-item-6 {
  width: 100%;
  max-width: 64rem;
}

.tab-pane-para-leer {
  position: static;
}

.collection-40rem {
  min-width: 40rem;
}

.al-h-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sidebar-options-semillas {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-self: stretch;
  width: 200px;
}

.tags-blog {
  flex: 1;
}

@media screen and (min-width: 1280px) {
  ol {
    padding-left: 40px;
  }

  .l-serif {
    margin-bottom: 8px;
  }

  .l-serif.italic {
    margin-bottom: 0;
  }

  .l-sans.team {
    flex: 1;
  }

  .divider {
    overflow: visible;
  }

  .s-sans {
    margin-top: 8px;
  }

  .nav---icon.w--current {
    display: block;
  }

  .navbar---image {
    display: block;
    position: static;
  }

  .breadcrumb {
    display: block;
  }

  .image-fullwidth.image-rounded-4 {
    flex: 0 auto;
    display: block;
  }

  .column-40.case-studies-info-mobile {
    flex: 1;
    align-items: stretch;
  }

  .subtitle {
    z-index: 9999;
    max-width: 100%;
    height: 0;
    padding-left: 120px;
    position: sticky;
    top: 20px;
  }

  .homepage---everything-else {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .tabs-menu {
    z-index: 9999;
  }

  .tab-link:hover {
    border-color: var(--blue-primary);
    color: var(--blue-primary);
  }

  .homepage---design {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .flex-block {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .homepage---contact {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
  }

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

  .container-small._0 {
    margin-left: 0;
  }

  .container-2 {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    max-width: 1280px;
  }

  .text-rich-text figure {
    color: var(--neutral--500);
    margin-bottom: 24px;
    padding-top: 8px;
  }

  .text-rich-text.recipe {
    list-style-position: inside;
  }

  .container-large._80 {
    flex-flow: column;
    align-items: flex-start;
    min-width: 80rem;
    display: flex;
  }

  .text-mono.text-enqueandotitle.text-color-500:hover {
    color: var(--neutral--600);
  }

  .section-recipe-title {
    flex-flow: row;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .container-recipe-title {
    flex: 1;
    max-width: 480px;
  }

  .text-rich-text-copy figure, .text-rich-recipe figure {
    color: var(--neutral--500);
    margin-bottom: 24px;
    padding-top: 8px;
  }

  .text-rich-recipe.recipe {
    list-style-position: inside;
  }

  .text-rich-recipe ol {
    padding-left: 0;
    list-style-position: inside;
  }

  .text-rich-recipe li {
    padding-bottom: 8px;
  }

  .image-flexchilid {
    flex: 1;
  }

  .producto-servicio-landing {
    justify-content: space-between;
  }

  .container-buttons {
    align-items: flex-start;
    width: 100%;
  }

  .tabs-libros {
    min-width: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .submit-button.gran-tertulia {
    padding-bottom: 10px;
  }

  .f-heading-wrapper {
    width: 70%;
  }
}

@media screen and (max-width: 991px) {
  .container {
    max-width: 728px;
    padding-left: 0;
    padding-right: 0;
  }

  .container.header {
    margin-top: 120px;
    margin-bottom: 40px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container.text {
    padding-left: 16px;
    padding-right: 16px;
  }

  .container.big {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .container._2-columns {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: stretch;
  }

  .footer-content {
    grid-column-gap: 60px;
  }

  .s-overline.display-none {
    display: none;
  }

  .xl1 {
    font-size: 20px;
  }

  .xl2 {
    font-size: 24px;
  }

  .xl3 {
    font-size: 28px;
  }

  .xl4 {
    font-size: 32px;
  }

  .xl5 {
    font-size: 36px;
  }

  .case-studies---two-columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

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

  .nav-bar {
    background-color: var(--white);
    padding-left: 16px;
  }

  .titles---1.dark-mode {
    padding-left: 16px;
    padding-right: 16px;
  }

  .img---big {
    min-width: 90%;
  }

  .separador---80 {
    height: 64px;
  }

  .section-parallax {
    max-width: 100%;
  }

  .container-parallax {
    height: 400px;
  }

  .separador---120 {
    height: 80px;
  }

  .column {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .separador---200 {
    height: 64px;
  }

  .column-80 {
    max-width: 100%;
  }

  .column-40 {
    max-width: 100%;
    display: block;
  }

  .column-40.case-studies-info-mobile {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex;
  }

  .section-parallax-2, .section-parallax-3 {
    max-width: 100%;
    height: 100%;
  }

  .bg-white {
    display: block;
  }

  .section-3 {
    display: none;
  }

  .container-parallax-3 {
    height: 400px;
  }

  .al---8px {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .subtitle {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .nav-bar-copy {
    background-color: var(--white);
    padding-left: 16px;
  }

  .container-2 {
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-section-large {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .spacer-xxhuge {
    padding-top: 8rem;
  }

  .spacer-xhuge {
    padding-top: 6rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .fs-styleguide_heading-header {
    font-size: 4rem;
  }

  .fs-styleguide_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.5rem;
  }

  .spacer-xxlarge {
    padding-top: 4rem;
  }

  .spacer-huge {
    padding-top: 5rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .spacer-xlarge {
    padding-top: 3rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .fs-styleguide_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 3rem;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav_button {
    color: #fff;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .fs-styleguide_4-col, .fs-styleguide_3-col {
    grid-template-columns: 1fr;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-tablet {
    display: none;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 2.5rem;
  }

  .fs-styleguide_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-mono.text-grey-500.product-detail {
    display: none;
  }

  .section-recipe {
    grid-template-columns: .25fr 1fr;
  }

  .section-recipe-ingredientes, .section-recipe-prep {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .f-heading-wrapper {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin-bottom: 1rem;
    display: block;
  }

  .f-form-button.submit-button.back._2 {
    order: 1;
    display: none;
  }

  .f-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .f-step-container {
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
    display: block;
  }

  .f-error-message {
    background-color: #ffdede00;
    width: 100%;
    position: static;
  }

  .f-form-steps-item.is---7 {
    flex-direction: column-reverse;
    justify-content: flex-end;
    display: block;
    position: static;
  }

  .f-summary-item {
    align-self: stretch;
  }

  .f-steps-wrap.card {
    width: 100%;
    max-width: 100%;
  }

  .f-form-image-wrapper {
    width: 100%;
    min-height: 40vh;
  }

  .producto-servicio {
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    display: flex;
  }

  .producto-servicio.product-hide {
    display: none;
  }

  .servicio-producto-title.mobile {
    font-size: 56px;
  }

  .autolayout-horizontal-producto {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .modal-error {
    margin-top: 24px;
    position: static;
  }

  .autolayout-horizontal-landing {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .autolayout-horizontal-landing.stretch.do-not-invert {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .servicio-producto-title-h2.mobile {
    font-size: 56px;
  }

  .producto-servicio-landing {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .producto-servicio-landing.product-hide {
    display: none;
  }

  .container-buttons {
    justify-content: flex-start;
    align-items: center;
  }

  .viendo {
    grid-template-columns: 1fr 1fr;
  }

  .form {
    width: 48.8%;
  }

  .fs_modal-1_image {
    max-height: 30vh;
    display: none;
  }

  .fs_modal-1_wrapper, .fs_modal-2_wrapper {
    grid-template-columns: 1fr;
  }

  .fs_modal-2_image {
    max-height: 30vh;
    display: none;
  }

  .producto-reverse {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .producto-reverse.stretch.do-not-invert {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .spacer-hugefooter {
    padding-top: 5rem;
  }
}

@media screen and (max-width: 767px) {
  p, li, blockquote {
    font-size: 20px;
  }

  .container {
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer-dark {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .footer-content {
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .footer-block {
    align-items: center;
  }

  .footer-link:hover {
    color: #1a1b1fbf;
  }

  .footer-social-block {
    margin-top: 20px;
    margin-left: -20px;
  }

  .footer-social-link {
    margin-left: 20px;
  }

  .footer-divider {
    margin-top: 60px;
  }

  .nav---icon {
    padding-left: 0;
  }

  .case-studies---two-columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .container-parallax {
    height: 320px;
  }

  .separador---200 {
    height: 80px;
  }

  .container-parallax-3 {
    height: 320px;
  }

  .al---8px {
    max-width: 100%;
  }

  .tabs-menu {
    white-space: nowrap;
    display: flex;
    overflow: auto;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .fs-styleguide_section-header {
    font-size: .875rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .heading-style-h6 {
    font-size: .75rem;
  }

  .spacer-xxhuge {
    padding-top: 4.5rem;
  }

  .spacer-xhuge {
    padding-top: 4rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .spacer-medium {
    padding-top: 1.25rem;
  }

  .spacer-xxlarge {
    padding-top: 3rem;
  }

  .spacer-huge {
    padding-top: 4rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .spacer-xlarge {
    padding-top: 2rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h4 {
    font-size: 1rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .fs-styleguide_heading-medium {
    font-size: 2rem;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .text-size-large {
    font-size: 1.25rem;
  }

  .heading-style-h5 {
    font-size: 16px;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .spacer-large {
    padding-top: 1.5rem;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .section-recipe {
    display: block;
  }

  .section-recipe-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    display: flex;
  }

  .section-recipe-ingredientes, .section-recipe-prep {
    display: block;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .faq-wrapper {
    width: auto;
  }

  .accordion-wrapper {
    text-align: left;
  }

  .f-form-button.submit-button.back._2 {
    display: none;
  }

  .f-container {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .f-summary-item {
    align-self: stretch;
  }

  .f-form-section.full {
    padding-left: 0;
    padding-right: 0;
  }

  .autolayout-horizontal-producto, .autolayout-horizontal-landing {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    align-self: stretch;
  }

  .heading-style-h5-link, .heading-style-h6-link {
    font-size: 16px;
  }

  .viendo {
    grid-template-columns: 1fr;
  }

  .form {
    width: 60%;
  }

  .text-link {
    font-size: 16px;
  }

  .fs_modal-1_popup {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .fs_modal-1_close {
    padding: 1rem;
  }

  .fs_modal-1_heading {
    font-size: 2rem;
  }

  .fs_modal-1_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 3rem 2rem;
  }

  .fs_modal-2_popup {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .fs_modal-2_content {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    padding: 3rem 2rem;
  }

  .fs_modal-2_heading {
    font-size: 2rem;
  }

  .fs_modal-2_close {
    padding: 1rem;
  }

  .producto-reverse {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    align-self: stretch;
  }

  .flex-horizontal {
    flex-flow: column-reverse;
  }

  .spacer-hugefooter {
    padding-top: 4rem;
  }
}

@media screen and (max-width: 479px) {
  p {
    font-size: 20px;
  }

  li, blockquote {
    font-size: 1.25rem;
  }

  .container {
    max-width: none;
    padding-left: 16px;
  }

  .l-sans.team {
    flex-direction: row;
  }

  .s-overline {
    display: block;
  }

  .case-studies---two-columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .nav-bar {
    padding: 8px 4px 8px 8px;
  }

  .burger-line {
    width: 24px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .scroll-bar {
    margin-top: 56px;
  }

  .utility-page-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .input---horizontal {
    flex-flow: column;
  }

  .submit-button {
    text-align: center;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    align-self: stretch;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 12px;
    font-family: halyard-text, sans-serif;
    font-weight: 300;
  }

  .submit-button.container {
    margin-left: 32px;
    margin-right: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .submit-button.gran-tertulia {
    width: 100%;
    color: var(--neutral--100);
    padding-bottom: 12px;
    font-family: halyard-text, sans-serif;
    font-size: 18px;
    font-weight: 300;
  }

  .separador---80 {
    height: 64px;
  }

  .separador---16 {
    height: 8px;
  }

  .container-parallax {
    height: 180px;
  }

  .img---full-width {
    object-fit: cover;
    object-position: 0% 50%;
    position: static;
    overflow: visible;
  }

  .img---full-width.animation {
    object-fit: cover;
    display: block;
  }

  .img---full-width.cover {
    object-fit: cover;
    object-position: 50% 50%;
    height: 320px;
  }

  .separador---120 {
    height: 80px;
  }

  .team {
    flex-direction: row;
    align-items: stretch;
  }

  .lists-team {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .lista-inner {
    flex-direction: column;
  }

  .separador---200 {
    height: 40px;
  }

  .section-parallax-3, .section-3 {
    display: block;
  }

  .container-parallax-3 {
    height: 600px;
  }

  .illustration---grid {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
    padding-bottom: 20px;
  }

  .al---8px.everything-else {
    padding-left: 0;
    padding-right: 0;
  }

  .al---8px._200 {
    padding-left: 0;
  }

  .icon-24.error {
    display: none;
  }

  .homepage---everything-else {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .tabs-menu {
    object-fit: fill;
    width: 100%;
    padding-left: 16px;
    display: flex;
    overflow: auto;
  }

  .tab-link {
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
  }

  .tab-link.w--current {
    flex: none;
    padding-left: 12px;
    padding-right: 12px;
  }

  .tabs-content {
    max-width: 100%;
    margin-top: 32px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .homepage---design {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tabs {
    width: 100%;
  }

  .xl-serif {
    font-style: italic;
  }

  .nav-bar-copy {
    padding: 8px 4px 8px 8px;
  }

  .homepage---contact {
    padding-top: 56px;
    display: block;
  }

  .cv-inner {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 5fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-5 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .text-align-center.text-style-italic.text-color-600 {
    color: var(--neutral--600);
  }

  .container-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    margin: 24px 16px;
    display: flex;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-rich-text p {
    font-size: 1.25rem;
  }

  .heading-style-h6 {
    font-size: 1.2rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .form_radio {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .form_radio-icon {
    flex: none;
    margin-top: 2px;
  }

  .container-large.footer {
    margin-left: 16px;
    margin-right: 16px;
  }

  .container-large._0 {
    min-width: 0;
  }

  .heading-style-h5 {
    font-size: 20px;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .form_input {
    field-sizing: content;
  }

  .padding-global.padding-section-large {
    padding-top: 6rem;
  }

  .padding-global.padding-section-large.bkg-900 {
    padding-bottom: 6rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .fs-styleguide_row {
    flex-wrap: wrap;
  }

  .container-medium {
    min-width: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .semillas_pagination {
    align-items: stretch;
  }

  .button-default {
    color: var(--blue-primary);
    justify-content: center;
    align-items: center;
    text-decoration: underline;
  }

  .section_containergris {
    padding: 16px;
  }

  .list-enqueando {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: 1fr;
  }

  .text-serif.text-size-medium {
    line-height: 1.2;
  }

  .fs_prevnext_wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .page-count-2 {
    justify-content: center;
    align-items: stretch;
    display: flex;
  }

  .section-recipe {
    padding-left: 0;
    padding-right: 0;
  }

  .container-recipe-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .divider-vertical {
    height: 32px;
  }

  .section-recipe-prep {
    padding-left: 0;
    padding-right: 0;
  }

  .text-rich-text-copy p, .text-rich-recipe p {
    font-size: 1.25rem;
  }

  .accordion-item-trigger {
    justify-content: space-between;
    align-items: center;
  }

  .section-carta {
    padding: 24px 0 0;
  }

  .text-rich-carta p {
    font-size: 20px;
  }

  .text-rich-carta code {
    text-decoration: line-through;
  }

  .form_text-detail.text-500 {
    text-align: center;
  }

  .f-form-parent.is--form-img-right {
    justify-content: flex-start;
    align-items: center;
  }

  .f-form-button.submit-button.back._2 {
    display: block;
  }

  .f-form-button.submit-button.back._1 {
    display: none;
  }

  .f-success-message {
    padding-left: 0;
    padding-right: 0;
  }

  .f-container.is--form-7 {
    max-width: 100%;
  }

  .f-step-container {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .f-haeding {
    font-size: 2.125rem;
  }

  .f-error-message {
    z-index: 20;
    position: absolute;
    inset: 0%;
  }

  .f-form-steps-item.is---7 {
    flex-flow: column;
  }

  .f-summary-item {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    align-self: stretch;
    padding-bottom: 4px;
  }

  .f-form-section {
    min-height: 10vh;
  }

  .f-form-section.full {
    padding-left: 0;
    padding-right: 0;
  }

  .f-form {
    padding-left: .75rem;
    padding-right: .75rem;
  }

  .f-form.is--form {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .f-steps-wrap.card {
    flex: none;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 1rem 1rem 2rem;
  }

  .f-form-steps-wrap.is---2 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .f-form-radio-wrapper {
    flex-wrap: wrap;
  }

  .f-form-radio-wrapper.is---3 {
    grid-template-columns: 1fr;
  }

  .f-success-text {
    line-height: 1.4;
  }

  .img-child.width-200 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .accordion-paragraph {
    text-wrap: pretty;
  }

  .img-siesta-faq {
    flex: 0 auto;
  }

  .faq---horizontal {
    flex-flow: column;
    grid-auto-flow: column;
    display: flex;
  }

  .producto-servicio {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .servicio-producto-title {
    text-align: left;
    font-size: 56px;
  }

  .servicio-producto-title.mobile {
    color: var(--black);
    text-align: center;
    margin-bottom: 4px;
    font-size: 40px;
  }

  .falso-item {
    align-self: stretch;
  }

  .autolayout-horizontal-producto {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column-reverse;
  }

  .submit-button-big {
    letter-spacing: 1.2px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    font-family: halyard-text, sans-serif;
    font-weight: 300;
    display: flex;
  }

  .faq-title {
    font-size: 40px;
  }

  .lineadoble {
    height: 8px;
  }

  .modal-error {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--red-tertiary);
    flex-flow: row;
    height: 96px;
    margin: auto 16px;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    inset: auto 0% 2%;
  }

  .autolayout-horizontal-landing {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: block;
  }

  .autolayout-horizontal-landing.stretch.do-not-invert {
    flex-flow: column;
  }

  .boton-regalo {
    padding-right: 4px;
  }

  .servicio-producto-title-h2 {
    text-align: center;
    font-size: 48px;
  }

  .servicio-producto-title-h2.mobile {
    text-align: center;
    margin-bottom: 4px;
  }

  .producto-servicio-landing {
    justify-content: center;
    align-items: flex-start;
    padding: 2rem 16px 4rem;
  }

  .container-buttons {
    width: 100%;
  }

  .list-newsletters {
    padding-bottom: 24px;
  }

  .text-semillas {
    font-size: 16px;
    display: inline;
  }

  .heading-style-h5-link {
    font-size: 18px;
  }

  .heading-style-h6-link {
    text-underline-offset: 3px;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--neutral--300);
    text-decoration-color: var(--neutral--300);
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    font-size: 20px;
    text-decoration-thickness: 1px;
  }

  .viendo {
    grid-template-columns: 1fr;
    padding-top: 16px;
  }

  .tabs-menu-jardin {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    padding-top: 8px;
    display: flex;
    overflow: visible;
  }

  .tab-link-mono:hover {
    background-color: var(--neutral--100);
    text-decoration: none;
  }

  .al-h-4 {
    align-self: baseline;
  }

  .tabs-3 {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding-left: 0;
    padding-right: 0;
  }

  .image-3 {
    max-height: 32px;
  }

  .tabs-jardin {
    flex-flow: column;
    margin-top: 0;
    display: flex;
  }

  .form {
    flex: 1;
  }

  .text-link {
    text-underline-offset: 3px;
    text-decoration: underline;
    -webkit-text-decoration-color: var(--neutral--300);
    text-decoration-color: var(--neutral--300);
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
    font-size: 22px;
    text-decoration-thickness: 1px;
  }

  .bold-text-2 {
    font-weight: 400;
  }

  .fs_modal-2_popup {
    z-index: 9;
    inset: 0%;
  }

  .fs_modal-2_wrapper {
    z-index: 999;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    align-items: flex-start;
    margin: auto;
    display: flex;
    position: relative;
    inset: 50% 0% 0%;
  }

  .fs_modal-2_close {
    background-color: var(--transparent);
    padding: 4px 0 0;
    display: block;
    position: static;
  }

  .fs_modal-2_close-icon {
    width: .8rem;
    height: .8rem;
    color: var(--neutral--500);
  }

  .reglas-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .producto-reverse {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: flex-start;
  }

  .producto-reverse.stretch.do-not-invert {
    flex-flow: column;
  }

  .splide__track {
    height: 66vh;
  }

  .splide__slide {
    width: 60vw;
    min-width: 250px;
  }

  .splide {
    align-items: flex-start;
    margin-top: 12%;
  }

  .img-slider-cartas {
    width: 240px;
    height: 240px;
  }

  .bg-100.autolayout-horizontal-landing {
    display: block;
  }

  .macarena {
    font-size: 120px;
  }

  .black-25.direction {
    flex-flow: column-reverse;
  }

  .macarena-detalle-copy {
    font-size: 18px;
  }

  .padding-2-5rem {
    padding: 1.2rem 1.2rem 0;
  }

  .flex-horizontal {
    flex-flow: column-reverse;
    display: flex;
  }

  .macarena-detalle-copy-copy {
    font-size: 18px;
  }

  .icon-32---text.error, .icon-24---text.error {
    display: none;
  }

  .text-rich-excusa p {
    font-size: 20px;
  }

  .text-rich-excusa code {
    text-decoration: line-through;
  }

  .search {
    margin-bottom: 0;
  }

  .libro-imagen-container {
    display: none;
  }

  .overflow-on {
    min-width: 0;
  }

  .sidebar-container {
    display: none;
  }

  .al-h-40 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }
}

#w-node-_6115a864-91f2-655b-d148-8baae4e14fa7-cad14543 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-c4bbab45-ba7a-4ea1-1736-3e1225a1a02d-d8c10a6c {
  grid-area: 1 / 2 / 5 / 6;
}

#w-node-d34ed946-bd11-9659-efd9-edf9f6519c53-d8c10a6c {
  grid-area: 6 / 1 / 9 / 4;
}

#w-node-e0125551-dfc0-7343-886f-646fadb31756-d8c10a6c {
  grid-area: 6 / 7 / 8 / 9;
}

#w-node-_6cb8d32b-6991-b62f-8f97-7a11805e50b4-d8c10a6c {
  grid-area: 11 / 2 / 15 / 7;
}

#w-node-_01b28b9b-c949-37d6-3dbc-3cb87918e49e-d8c10a6c {
  grid-area: 17 / 6 / 19 / 8;
}

#w-node-bd586ba4-f977-42a7-f76b-bbe580b0a5c0-d8c10a6c {
  grid-area: 17 / 1 / 20 / 5;
}

#w-node-_5e46fc3e-a5fd-54d9-29a7-79352d141381-d8c10a6c {
  grid-area: 22 / 1 / 24 / 3;
}

#w-node-ba07e0fa-90ae-4b25-f78b-d8ac6263f710-d8c10a6c {
  grid-area: 22 / 4 / 24 / 6;
}

#w-node-_186f0f39-9e3a-d9d9-41d0-fd112bc364cd-d8c10a6c {
  grid-area: 22 / 7 / 24 / 9;
}

#w-node-ada251a3-1d27-ae30-e919-028687cb6c96-d8c10a6c {
  grid-area: 26 / 2 / 29 / 7;
}

#w-node-_572af804-0b65-26f6-2d0c-cbfc8256f047-d8c10a6c {
  grid-area: 31 / 1 / 34 / 5;
}

#w-node-_87eb75da-345b-b340-02f3-3a154cada529-d8c10a6c {
  grid-area: 31 / 6 / 33 / 9;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64746-4435f4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64b8d-4435f4a6 {
  justify-self: start;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64868-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64870-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64887-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb648a0-4435f4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb648a3-4435f4a6 {
  justify-self: start;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb648a5-4435f4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb648a8-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64765-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb6476a-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb6476f-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64774-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb6477a-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64780-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64786-4435f4a6 {
  justify-self: start;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb648f8-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64902-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64903-4435f4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64975-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb6497a-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb6497f-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64984-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64989-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb6498e-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64998-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb6499d-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649a2-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649a7-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649ac-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649b1-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649b6-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649bb-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649c0-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649c5-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649ca-4435f4a6 {
  justify-self: start;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb649ce-4435f4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb649cf-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649d4-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649d9-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649de-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649f2-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649f7-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb649fc-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a01-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a06-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a0b-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a15-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a1a-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a1f-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a24-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a29-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a2e-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a33-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a38-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a3d-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a42-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a47-4435f4a6 {
  justify-self: start;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64a4b-4435f4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64a4c-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a51-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a56-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a5b-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a6c-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a71-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a76-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a7b-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a80-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a85-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a8a-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a8f-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a94-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64a99-4435f4a6 {
  justify-self: start;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64a9d-4435f4a6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64a9e-4435f4a6 {
  justify-self: start;
}

#w-node-ec3144a6-6d99-22af-f67d-621e4eb64aa1-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64b22-4435f4a6, #w-node-ec3144a6-6d99-22af-f67d-621e4eb64b4f-4435f4a6, #w-node-c0a33b17-1f6a-2cff-93f4-5464ba964e37-7d5298c6, #w-node-c0a33b17-1f6a-2cff-93f4-5464ba964e37-b98b020c, #w-node-c0a33b17-1f6a-2cff-93f4-5464ba964e37-9ea3d7f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a18da71-5d26-d4b0-1b04-d8b1d7151af7-8c0e03c7 {
  place-self: stretch stretch;
}

#w-node-_8b43a891-a9bf-0604-33ff-36fc215c6f8b-8c0e03c7 {
  align-self: center;
}

#w-node-c0a33b17-1f6a-2cff-93f4-5464ba964e37-8c0e03c7, #w-node-_8df0aa26-9fd0-5fdc-d932-78d656391e0c-56391e08 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8df0aa26-9fd0-5fdc-d932-78d656391e0e-56391e08 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_14f0d323-5b9d-ac15-fa70-23c039aa36a3-811ce821 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1280px) {
  #w-node-_01b28b9b-c949-37d6-3dbc-3cb87918e49e-d8c10a6c {
    grid-area: 17 / 2 / 19 / 4;
  }

  #w-node-bd586ba4-f977-42a7-f76b-bbe580b0a5c0-d8c10a6c {
    grid-area: 17 / 5 / 20 / 8;
  }

  #w-node-_5e46fc3e-a5fd-54d9-29a7-79352d141381-d8c10a6c {
    grid-area: 22 / 7 / 25 / 9;
  }

  #w-node-ba07e0fa-90ae-4b25-f78b-d8ac6263f710-d8c10a6c {
    grid-area: 22 / 4 / 25 / 6;
  }

  #w-node-_186f0f39-9e3a-d9d9-41d0-fd112bc364cd-d8c10a6c {
    grid-area: 22 / 1 / 25 / 3;
  }

  #w-node-ada251a3-1d27-ae30-e919-028687cb6c96-d8c10a6c {
    grid-area: 27 / 4 / 30 / 8;
  }

  #w-node-_572af804-0b65-26f6-2d0c-cbfc8256f047-d8c10a6c {
    grid-area: 32 / 6 / 35 / 9;
  }

  #w-node-_87eb75da-345b-b340-02f3-3a154cada529-d8c10a6c {
    grid-area: 33 / 1 / 35 / 5;
  }
}

@media screen and (max-width: 479px) {
  #w-node-c4bbab45-ba7a-4ea1-1736-3e1225a1a02d-d8c10a6c {
    grid-area: 1 / 1 / 4 / 4;
  }

  #w-node-_6cb8d32b-6991-b62f-8f97-7a11805e50b4-d8c10a6c {
    grid-area: 14 / 1 / 17 / 5;
  }

  #w-node-ada251a3-1d27-ae30-e919-028687cb6c96-d8c10a6c, #w-node-_572af804-0b65-26f6-2d0c-cbfc8256f047-d8c10a6c, #w-node-_87eb75da-345b-b340-02f3-3a154cada529-d8c10a6c {
    grid-area: 1 / 1 / 4 / 4;
  }
}


@font-face {
  font-family: 'Fa 300';
  src: url('../fonts/fa-light-300.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dmmono Light';
  src: url('../fonts/DMMono-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Dmmono Regular';
  src: url('../fonts/DMMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tilda Petite';
  src: url('../fonts/Tilda-Petite.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uraniaczech';
  src: url('../fonts/UraniaCzech-RegularMaca.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}