:root {
  --black: #000;
  --dark-green: #0d4241;
  --neutral--gray-500: #717680;
  --white: white;
  --16-radius: 16px;
  --background: #e8e9e4;
  --primary: #248567;
  --light-green: #00ffb0;
  --beige: #f7f6f5;
  --neutral--gray-800: #252b37;
  --neutral--gray-200: #e9eaeb;
  --8-radius: 8px;
  --dark-grey: #3e3e3e;
  --light-grey: #aaa;
}

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

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

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

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

body {
  color: #333;
  font-family: Poppins, sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5rem;
}

h1 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.5rem;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
}

h3 {
  color: var(--black);
  margin-top: 20px;
  margin-bottom: 16px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
}

p {
  margin-bottom: 16px;
  font-size: 1rem;
  line-height: 1.5rem;
}

a {
  color: var(--dark-green);
  font-weight: 600;
}

li {
  margin-bottom: 8px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.nav-link {
  color: var(--neutral--gray-500);
  justify-content: flex-start;
  align-items: center;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
  text-decoration: none;
}

.nav-link:hover {
  font-weight: 500;
  text-decoration: underline;
}

.nav-link.w--current {
  color: var(--dark-green);
  text-decoration: underline;
}

.nav-link.hide {
  display: none;
}

.button {
  z-index: 100;
  border-radius: var(--16-radius);
  color: var(--white);
  background-color: #03a879;
  align-self: flex-start;
  padding: 12px 18px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
}

.button.secondary {
  border: 1px solid var(--dark-green);
  border-radius: var(--16-radius);
  color: var(--dark-green);
  background-color: #fff3;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  padding: 16px 24px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1;
  display: flex;
}

.button.secondary:hover {
  background-color: var(--background);
  color: var(--dark-green);
}

.button.secondary.full-width {
  align-self: stretch;
}

.button.sign-in {
  color: var(--white);
  background-color: #0d4241;
  border-style: solid;
  border-color: #8dfdba00;
  border-radius: 12px;
  align-self: center;
  padding: 12px 16px;
  font-family: Poppins, sans-serif;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1rem;
}

.button.sign-in:hover {
  border-style: solid;
  border-color: var(--white);
  color: var(--white);
  background-color: #007976;
}

.button.pricing {
  border-radius: var(--16-radius);
  background-color: var(--primary);
  color: var(--white);
  border-style: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
  display: flex;
}

.button.pricing:hover {
  background-color: var(--light-green);
}

.button.pricing.declaraciones {
  border: 1px solid var(--white);
  background-color: #fff0;
}

.button.pricing.declaraciones:hover {
  background-color: var(--white);
  color: var(--dark-green);
  border-style: solid;
}

.button.primary {
  border-radius: var(--16-radius);
  background-color: var(--dark-green);
  border-style: none;
  justify-content: center;
  align-items: center;
  min-height: 52px;
  padding: 16px 24px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  line-height: 1;
  display: flex;
}

.button.primary:hover {
  color: var(--white);
  background-color: #007976;
}

.button.primary.full-width {
  align-self: stretch;
}

.button.primary.centered {
  align-self: center;
}

.button.primary-alternate {
  color: var(--dark-green);
  background-color: #00ffb0;
  padding: 16px 32px;
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

.button.primary-alternate.centered {
  color: var(--white);
  background-color: #007976;
  align-self: center;
}

.button.primary-alternate.centered:hover {
  color: #007976;
  background-color: #fff;
}

.container {
  max-width: 1200px;
  overflow: hidden;
}

.section-heading-wrapper {
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.section-heading-wrapper.medium {
  text-align: left;
  flex-flow: row;
  justify-content: space-between;
  margin-bottom: 32px;
}

.section-heading-wrapper.preguntas {
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
}

.section-heading-wrapper.space-between {
  justify-content: space-between;
}

.section-heading-wrapper.vertical {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.section-heading-wrapper.vertical.centered {
  justify-content: flex-start;
  align-items: center;
}

.section-heading-wrapper.vertical.centered.no-spacing {
  margin-bottom: 0;
}

.h2 {
  color: var(--black);
  text-align: left;
  margin-bottom: 0;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5rem;
}

.h2.white {
  z-index: 102;
  color: var(--white);
  line-height: 2.5rem;
}

.h2.s {
  max-width: 400px;
  line-height: 2.5rem;
}

.h2.m {
  max-width: 520px;
  font-size: 2rem;
}

.h2.l {
  max-width: 700px;
}

.section-subheading {
  color: var(--black);
  text-align: left;
  font-size: 1.1255rem;
  font-weight: 400;
  line-height: 1.5;
}

.section-subheading.inverted {
  margin-top: 32px;
  font-size: 1.125rem;
}

.section-subheading.inverted.medium {
  color: var(--primary);
  max-width: 800px;
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 1.125rem;
  line-height: 1.2;
}

.section-subheading.inverted.medium.pricing {
  display: none;
}

.section-subheading.green {
  color: var(--light-green);
  font-size: 1.125rem;
}

.section-subheading.medium {
  text-align: left;
  max-width: 540px;
  margin-bottom: 0;
}

.section-subheading.small {
  text-align: left;
  max-width: 400px;
}

.section-subheading.large {
  max-width: 700px;
}

.section-subheading.large.producto {
  font-size: 1rem;
  font-weight: 400;
}

.section-subheading.centered {
  text-align: center;
  max-width: 600px;
}

.section-subheading.centered.white {
  color: var(--white);
}

.section-subheading.centered.large {
  max-width: 700px;
}

.section-subheading.centered.xl {
  max-width: 900px;
}

.section-subheading.white {
  color: var(--white);
}

.faq {
  background-color: var(--beige);
  padding: 72px 48px;
}

.faq-content-wrapper {
  flex: 1;
}

.faq-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.faq-item {
  flex-flow: column;
  margin-top: 2px;
  margin-bottom: 2px;
}

.faq-item-content-wrapper {
  border-radius: var(--16-radius);
  cursor: pointer;
  flex-flow: column;
  padding: 16px;
  display: flex;
}

.faq-question-wrapper {
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.faq-question {
  color: var(--black);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
}

.faq-icon {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
}

.h-line {
  background-color: var(--black);
  width: 18px;
  height: 2px;
}

.v-line {
  background-color: var(--black);
  width: 18px;
  height: 2px;
  position: absolute;
  transform: rotate(90deg);
}

.faq-answer {
  color: #5d5d5d;
  margin-top: 16px;
  font-size: 1rem;
  line-height: 1.5;
  display: block;
}

.body {
  background-color: var(--white);
  font-size: 1rem;
  line-height: 1.5;
}

.footer {
  color: var(--white);
  background-color: #0d4241;
  padding: 48px;
}

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

.footer-content-wrapper.legal {
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 48px;
}

.footer-brand-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
}

.footer-links-container {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-end;
  display: flex;
}

.footer-links-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  display: flex;
}

.footer-links-wrapper.social-networks {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
}

.footer-links-wrapper.hide {
  display: none;
}

.footer-links-header-text {
  font-family: Bricolage Grotesque, sans-serif;
  font-weight: 700;
}

.footer-links-header-text.hide {
  display: none;
}

.footer-link {
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.w--current {
  font-weight: 500;
}

.footer-link.hide {
  display: none;
}

.brand-copyrights {
  max-width: 400px;
  font-family: Poppins, sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

.social-network-icon {
  object-fit: cover;
  width: 24px;
  height: 24px;
}

.social-network-icon.hide {
  display: none;
}

.hero {
  z-index: 3;
  color: var(--white);
  background-color: #f1f1f1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 93vh;
  padding-top: 42px;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h1 {
  color: var(--dark-green);
  max-width: 500px;
  margin-bottom: 0;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2.563rem;
  font-weight: 700;
  line-height: 3rem;
}

.h1.medium {
  max-width: 800px;
}

.h1.white {
  color: var(--white);
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.section {
  padding: 80px;
}

.section.hero {
  background-color: var(--beige);
  color: var(--dark-green);
  background-image: url('../images/header-single-page-small-1-col_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  padding: 80px;
  display: block;
  position: static;
}

.section.banner {
  background-color: var(--white);
  margin-top: 120px;
  margin-bottom: 120px;
  padding-left: 48px;
  padding-right: 48px;
}

.section.legal {
  background-color: var(--white);
  padding-top: 48px;
  padding-bottom: 48px;
}

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

.section.bg-color-green {
  background-color: var(--dark-green);
  display: none;
}

.section.bg-color-darkgray {
  background-color: var(--neutral--gray-800);
  color: var(--white);
}

.section.bg-color-darkgray.vertical-padding-80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.page-header {
  background-image: url('../images/header-single-page-small-1-col_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 48px;
}

.section.page-header._80px-bottom {
  padding-bottom: 80px;
}

.section._48px-bottom {
  padding-bottom: 48px;
}

.section.our-values {
  background-color: var(--beige);
}

.precios {
  padding: 72px 48px;
}

.pricing-cards-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.princing-card {
  color: #797979;
  text-align: center;
  background-color: #f1f1f1;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 32px;
  display: flex;
}

.princing-card.declaraciones {
  color: var(--white);
  background-image: linear-gradient(54deg, #063e34, #0d7a58);
}

.pricing-card-title {
  color: var(--black);
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.pricing-card-title.declaraciones {
  color: var(--white);
}

.subscription-price {
  justify-content: flex-start;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.price {
  color: var(--black);
  margin-right: 8px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 3rem;
}

.price.declaraciones {
  color: var(--white);
}

.subscription-description {
  color: var(--black);
  max-width: 380px;
  margin-top: 32px;
  margin-bottom: 32px;
  font-weight: 500;
  line-height: 1.5rem;
}

.subscription-description.declaraciones {
  color: var(--white);
}

.subscription-comparison {
  padding: 72px 48px;
}

.subscription-comparison-container {
  flex-flow: column;
  display: flex;
}

.subscription-comparison-header {
  justify-content: space-between;
  align-items: flex-end;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5rem;
  display: flex;
}

.subscription-comparison-type-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.subscription-comparison-type {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  background-color: #f8f8f8;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  flex-flow: column;
  min-width: 300px;
  padding: 16px 12px 8px;
  font-size: 1.188rem;
  line-height: 1.5rem;
  display: flex;
}

.subscription-comparison-type.facturacion {
  background-color: #fcfbfb;
}

.subscription-comparison-line {
  color: #353535;
  background-color: #353535;
  width: 100%;
  height: 2px;
  margin-top: 24px;
  margin-bottom: 24px;
}

.subscription-comparison-price {
  font-size: 1.75rem;
  line-height: 2rem;
}

.features-comparison-wrapper {
  color: var(--black);
  justify-content: space-between;
  align-items: flex-start;
  font-weight: 500;
  display: flex;
}

.features-list-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-right: 24px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.subscription-comparison-type-checklist {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.checklist-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fcfbfb;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 300px;
  padding: 16px;
  display: flex;
}

.check-icon {
  width: 28px;
  height: 28px;
}

.features-comparison-text {
  justify-content: flex-start;
  align-items: center;
  min-height: 28px;
  font-size: 1rem;
  line-height: 1.25rem;
  display: flex;
}

.faq-container {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}

.questions-category-title {
  flex: 1;
  max-width: 520px;
  margin-right: 24px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 3rem;
}

.hero-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.benefits-card {
  color: var(--dark-green);
  background-color: #00ba8f;
  border-radius: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 400px;
  padding: 24px;
  display: flex;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-left-column {
  z-index: 10;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  text-align: left;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 24px;
  display: flex;
}

.hero-image-content-wrapper {
  max-width: 570px;
}

.hero-subheading {
  color: var(--dark-green);
  max-width: 500px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7rem;
}

.hero-button-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.banner-wrapper {
  border-radius: var(--16-radius);
  background-color: var(--dark-green);
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 62px;
  padding-right: 62px;
  font-size: 1rem;
  line-height: 1.3;
  display: flex;
}

.banner-text-content-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: var(--white);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  max-width: 800px;
  margin-top: 52px;
  margin-bottom: 52px;
  display: flex;
}

.banner-img-container {
  min-width: 400px;
}

.banner-img {
  height: 100%;
}

.pricing-feature-list.facturacion, .pricing-feature-list.declaraciones {
  display: none;
}

.brand {
  padding-left: 0;
}

.navbar {
  background-color: var(--white);
  padding: 8px 80px;
}

.navbar.landing-page {
  padding-top: 20px;
  padding-bottom: 20px;
}

.navbar-button-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  display: flex;
}

.hero-heading, .benefits-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.benefits-text {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--neutral--gray-500);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-size: .9rem;
  line-height: 1;
  display: flex;
}

.s-icon {
  width: 24px;
  height: 24px;
}

.s-icon-image {
  width: 100%;
  height: 100%;
}

.line-divider {
  background-color: var(--dark-green);
  width: 100%;
  height: 1px;
}

.painpoints-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: row;
  display: flex;
}

.paintpoints-image-container {
  max-width: 520px;
}

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

.grid {
  flex: 1;
}

.pp-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--neutral--gray-200);
  border-radius: var(--16-radius);
  background-color: var(--beige);
  flex-flow: column;
  padding: 20px 16px;
  display: flex;
}

.l-icon {
  width: 40px;
  height: 40px;
}

.pp-card-title {
  color: var(--black);
  font-family: Bricolage Grotesque, sans-serif;
  font-weight: 700;
}

.card-description {
  color: var(--neutral--gray-500);
  font-size: 1rem;
  line-height: 1.5rem;
}

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

._3-steps {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 12px 8px;
  overflow: visible;
}

.step-card {
  border-radius: var(--8-radius);
  flex-flow: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 4px 8px #0000001a;
}

.top-line {
  background-color: var(--dark-green);
  width: 100%;
  height: 8px;
}

.top-line.mamey {
  background-color: #cc6b55;
}

.step-card-image-container.green {
  background-color: #00907f;
}

.step-card-image-container.mamey {
  background-color: #ffaf8d;
}

.step-card-image-container.dark-green {
  background-color: #00807e;
}

.card-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  flex-flow: column;
  padding: 24px 18px;
  display: flex;
}

.step-card-heading-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  display: flex;
}

.m-icon {
  width: 32px;
  height: 32px;
}

.step-card-description {
  font-size: .9rem;
}

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

.benefits-card {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--neutral--gray-200);
  background-color: var(--beige);
  color: var(--black);
  flex-flow: column;
  align-items: stretch;
  max-width: none;
  padding-left: 16px;
  padding-right: 16px;
}

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

.benefits-card.no-border {
  border-style: none;
}

.benefits-card-title {
  font-family: Bricolage Grotesque, sans-serif;
  font-weight: 700;
}

.testimonials-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.testimonials-left-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.tesmimonials-nav-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.nav-arrow-l, .nav-arrow-r {
  border-radius: var(--8-radius);
  background-color: var(--dark-green);
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.testimonial-video-container {
  max-width: 520px;
  position: relative;
}

.testimonial-quote-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: var(--16-radius);
  background-color: var(--neutral--gray-800);
  color: var(--white);
  flex-flow: column;
  max-width: 300px;
  max-height: 300px;
  padding: 24px 16px;
  font-size: .95rem;
  line-height: 1.8;
  display: flex;
  position: absolute;
  inset: 22% auto 0% -30%;
}

.testimonial-quote-title {
  font-size: 1rem;
  font-weight: 600;
}

.user-name-wrapper {
  flex-flow: column;
  display: flex;
}

.metrics-grid {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.metric-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.metric-image-container {
  width: 82px;
  height: 82px;
}

.metric-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--white);
  flex-flow: column;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.metric-data {
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.pricing-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.pricing-card {
  border-radius: var(--16-radius);
  border: 1px solid #a4a7ae;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.pricing-badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--dark-green);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-badge.secondary {
  background-color: var(--background);
  color: var(--neutral--gray-500);
}

.pricing-card-content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  color: var(--neutral--gray-500);
  flex-flow: column;
  padding: 24px;
  font-size: 1.125rem;
  font-weight: 500;
  display: flex;
}

.text-block {
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

.subscription-price {
  color: var(--black);
  margin-top: 0;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
}

.divider {
  background-color: #a4a7ae;
  width: 100%;
  height: 1px;
}

.security-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.security-image-container {
  max-width: 540px;
}

.security-right-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.cta-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.cta-title {
  text-align: center;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
}

.marquee {
  background-color: #009180;
}

.marquee-mask {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: var(--white);
  text-transform: uppercase;
  background-color: #007976;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
}

.marquee-track {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: flex;
}

.marquee-group {
  flex-flow: row;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.hero_0px-down {
  background-image: url('../images/Hero_product-bg_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 40px;
  padding-left: 80px;
  padding-right: 80px;
}

.hero-product-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.hero-product-left-column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.hero-image-container {
  max-width: 568px;
  max-height: 466px;
}

.section_0px-down {
  background-color: var(--beige);
  padding-top: 48px;
  padding-left: 80px;
  padding-right: 80px;
}

.unordered-list-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  padding: 8px;
  display: flex;
}

.unordered-list-container {
  background-image: url('../images/bg-image_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.unordered-list-image-contaimer {
  margin-top: 24px;
}

.bento-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto auto auto auto auto auto;
}

.bento-card-vertical {
  border-radius: var(--16-radius);
  background-image: url('../images/img-facturacion-mes-BG_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  min-height: 600px;
  padding: 24px;
  display: flex;
}

.bento-card-vertical.seguridad {
  border-radius: var(--16-radius);
  color: var(--white);
  background-image: url('../images/img-seguridad_1.avif');
}

.bento-card-horizontal {
  border-radius: var(--16-radius);
  display: flex;
  overflow: hidden;
}

.card-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.card-content-text {
  background-color: var(--beige);
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 24px;
  display: flex;
}

.card-content-text.alternate {
  background-color: var(--neutral--gray-800);
  color: var(--white);
}

.card-image-containter {
  flex: 1;
}

.cta {
  border-radius: var(--16-radius);
  background-color: var(--dark-green);
  color: var(--white);
  justify-content: space-between;
  margin-bottom: 48px;
  font-size: 1rem;
  font-weight: 400;
  display: flex;
}

.banner-text-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  padding: 48px;
  font-size: .9rem;
  display: flex;
}

.banner-image-container {
  max-width: 442px;
}

.navigation.hide {
  display: none;
}

.hero_wrapper {
  flex-flow: column;
  display: flex;
}

.p-xs {
  font-size: .9rem;
}

.bennefits-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
}

.referral-benefits-card {
  border-radius: var(--16-radius);
  border: 1px solid #a4a7ae;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.badge {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--dark-green);
  color: var(--white);
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.badge.secondary {
  background-color: var(--background);
  color: var(--neutral--gray-500);
}

.referral-card-content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  color: var(--neutral--gray-500);
  flex-flow: column;
  padding: 24px;
  font-size: 1rem;
  font-weight: 500;
  display: flex;
}

.card-title {
  color: var(--black);
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
}

.card-subheading {
  color: var(--black);
  font-size: 1rem;
}

.referral-steps-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.referral-step {
  border-radius: var(--16-radius);
  background-color: var(--beige);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.referral-step-image-wrap {
  width: 340px;
  min-width: 340px;
  height: 180px;
}

.referral-step-text-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.cta-banner {
  border-radius: var(--16-radius);
  background-color: var(--dark-green);
  flex-flow: row;
  justify-content: space-between;
  display: flex;
}

.banner-left-column {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 700px;
  padding: 64px 48px;
  display: flex;
}

.banner-image-wrapper {
  height: 340px;
}

.h3 {
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
}

.images-reel {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.reel-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--beige);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.image-container {
  border-radius: 16px;
  width: 320px;
  height: 240px;
  overflow: hidden;
}

.vision-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  display: flex;
}

.title-section-container {
  max-width: 600px;
}

.vision-text {
  text-align: justify;
  max-width: 600px;
}

.mision-wrapper {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  display: flex;
}

.mision-text {
  text-align: justify;
  max-width: 600px;
}

.values-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 48px;
  display: flex;
}

.value-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: flex-start;
  min-width: 240px;
  display: flex;
}

.value-icon {
  width: 24px;
  height: 24px;
}

.h4 {
  font-weight: 600;
}

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

.team-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
}

.team-leader-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.team-leader-card.hide {
  display: none;
}

.team-member-img-container {
  border-radius: 16px;
  height: 260px;
  overflow: hidden;
}

.banner-subheading {
  color: #fff;
}

@media screen and (min-width: 1280px) {
  .h2 {
    font-size: 2rem;
  }

  .faq {
    padding-left: 100px;
    padding-right: 100px;
  }

  .faq-question {
    flex: 1;
    margin-right: 16px;
  }

  .footer {
    padding-left: 100px;
    padding-right: 100px;
  }

  .footer-links-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .h1 {
    max-width: none;
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 3.2rem;
  }

  .h1.medium.centered {
    max-width: 1024px;
  }

  .section.hero {
    padding: 62px 100px;
  }

  .section.banner, .precios, .subscription-comparison {
    padding-left: 100px;
    padding-right: 100px;
  }

  .hero-image {
    object-fit: fill;
  }

  .hero-left-column {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    max-width: 800px;
    margin-right: 32px;
  }

  .hero-subheading {
    font-size: 1rem;
  }

  .navbar {
    padding-left: 100px;
    padding-right: 100px;
  }

  .benefits-text {
    font-size: 1rem;
  }

  .banner-image-wrapper {
    width: 600px;
    height: auto;
  }

  .team-member-img-container {
    height: 300px;
  }

  .banner-img-full {
    width: 600px;
    height: auto;
  }
}

@media screen and (min-width: 1440px) {
  .button.secondary {
    font-size: 1.125rem;
  }

  .button.pricing {
    align-self: stretch;
  }

  .button.primary {
    font-size: 1.125rem;
  }

  .container {
    max-width: 1400px;
  }

  .h2 {
    font-size: 2.5rem;
  }

  .h2.white {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .faq {
    padding-left: 120px;
    padding-right: 120px;
  }

  .footer-links-wrapper.social-networks {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-link {
    font-size: 1rem;
  }

  .brand-copyrights {
    margin-right: 24px;
  }

  .h1 {
    max-width: 700px;
    font-size: 3.3rem;
    line-height: 4rem;
  }

  .h1.medium.centered {
    max-width: 1024px;
  }

  .section.hero {
    padding: 62px 120px 72px;
  }

  .section.banner, .precios, .subscription-comparison {
    padding-left: 120px;
    padding-right: 120px;
  }

  .checklist-wrapper {
    max-width: 300px;
  }

  .hero-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .hero-left-column {
    max-width: 800px;
    margin-right: 48px;
  }

  .hero-image-content-wrapper {
    width: 740px;
    max-width: none;
  }

  .hero-subheading {
    font-size: 1.125rem;
  }

  .hero-button-wrapper {
    margin-bottom: 0;
  }

  .banner-text-content-wrapper {
    max-width: 700px;
  }

  .banner-img-container {
    min-width: 400px;
  }

  .navbar {
    padding-left: 120px;
    padding-right: 120px;
  }

  .benefits-card-title {
    max-width: 300px;
  }

  .team-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 991px) {
  .nav-link {
    background-color: var(--dark-green);
    color: var(--white);
    padding-left: 48px;
    padding-right: 48px;
  }

  .nav-link:lang(en) {
    color: var(--white);
  }

  .button {
    align-self: auto;
  }

  .button.primary {
    font-size: 1.125rem;
  }

  .h2 {
    max-width: none;
  }

  .h2.white {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .section-subheading.inverted.medium {
    display: none;
  }

  .section-subheading.inverted.medium.pricing {
    display: block;
  }

  .faq {
    padding-left: 48px;
    padding-right: 48px;
  }

  .faq-question-wrapper {
    justify-content: space-between;
    align-items: center;
  }

  .faq-question {
    flex: 1;
    margin-right: 8px;
  }

  .footer {
    padding-left: 48px;
    padding-right: 48px;
  }

  .footer-content-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-content-wrapper.legal {
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
  }

  .footer-brand-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-links-container {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .footer-links-wrapper {
    flex-flow: column;
  }

  .footer-links-wrapper.social-networks {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .footer-link {
    font-size: .925rem;
  }

  .brand-copyrights {
    order: 1;
  }

  .h1 {
    max-width: none;
    font-size: 3rem;
    line-height: 3.5rem;
  }

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

  .section.hero {
    padding: 24px 48px 48px;
  }

  .pricing-cards-wrapper {
    flex-flow: column;
  }

  .princing-card {
    order: 1;
  }

  .princing-card.declaraciones {
    order: 3;
  }

  .subscription-comparison {
    display: none;
  }

  .faq-container {
    flex-flow: column;
  }

  .hero-wrapper {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .hero-left-column {
    text-align: left;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    margin-bottom: 48px;
    margin-right: 0;
  }

  .hero-image-content-wrapper {
    align-self: stretch;
    max-width: none;
  }

  .hero-subheading {
    max-width: none;
    font-size: 1.125rem;
  }

  .banner-wrapper {
    flex-flow: column;
  }

  .banner-text-content-wrapper {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .banner-img-container {
    align-self: center;
  }

  .pricing-feature-list.facturacion {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    order: 2;
    display: flex;
  }

  .pricing-feature-list.declaraciones {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    order: 4;
    display: flex;
  }

  .feature-list-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .pricing-feature-list-text {
    color: var(--black);
    margin-right: 16px;
    font-size: 1rem;
    font-weight: 500;
  }

  .navbar {
    padding-left: 48px;
    padding-right: 48px;
  }

  .navbar-button-wrapper {
    display: none;
  }

  .navbar-menu-button {
    color: var(--dark-green);
  }

  .navbar-menu-button.w--open {
    color: var(--dark-green);
    background-color: #c8c8c800;
  }

  .benefits-wrapper {
    align-self: stretch;
  }

  .benefits-text {
    line-height: 1.3rem;
  }

  .s-icon {
    min-width: 24px;
  }

  .painpoints-content {
    flex-flow: column;
  }

  .paintpoints-image-container {
    max-width: none;
  }

  ._3-steps {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .benefits-grid {
    grid-template-columns: 1fr;
  }

  .testimonials-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .testimonials-left-column {
    margin-bottom: 32px;
  }

  .testimonial-video-container {
    max-width: none;
  }

  .testimonial-quote-wrapper {
    display: none;
  }

  .cta-title {
    line-height: 3rem;
  }

  .hero_0px-down {
    background-position: 50% 0;
    background-size: contain;
    padding-left: 48px;
    padding-right: 48px;
  }

  .hero-product-wrapper {
    grid-template-columns: 1fr;
  }

  .hero-image-container {
    max-width: none;
    max-height: none;
    display: none;
  }

  .section_0px-down {
    padding-left: 48px;
    padding-right: 48px;
  }

  .unordered-list-container {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .bento-grid {
    grid-template-columns: 1fr;
  }

  .cta {
    flex-flow: column;
  }

  .banner-image-container {
    display: none;
  }

  .bennefits-grid {
    grid-template-columns: 1fr;
  }

  .referral-step {
    flex-flow: column;
  }

  .referral-step-image-wrap {
    width: auto;
    min-width: 0;
    height: auto;
  }

  .cta-banner {
    flex-flow: column;
  }

  .banner-image-wrapper {
    height: auto;
  }

  .vision-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .vision-text {
    max-width: none;
  }

  .mision-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .mision-text {
    order: 9999;
    max-width: none;
  }

  .values-container {
    flex-flow: column;
  }

  .team-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .team-member-img-container {
    height: 220px;
  }

  .banner-img-full {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .button {
    text-align: center;
    align-self: stretch;
  }

  .button.secondary {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 1.125rem;
  }

  .button.primary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .section-heading-wrapper.preguntas {
    margin-bottom: 48px;
  }

  .section-heading-wrapper.space-between {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .section-heading-wrapper.vertical.centered {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-heading-wrapper.vertical.centered.no-spacing {
    justify-content: flex-start;
    align-items: center;
  }

  .h2 {
    text-align: left;
  }

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

  .section-subheading.inverted.medium {
    display: none;
  }

  .section-subheading.inverted.medium.pricing {
    display: block;
  }

  .faq {
    padding-left: 24px;
    padding-right: 24px;
  }

  .faq-content-wrapper {
    align-self: stretch;
  }

  .faq-list {
    flex-flow: column;
  }

  .faq-item {
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .faq-question-wrapper {
    justify-content: space-between;
    align-items: stretch;
  }

  .faq-question {
    margin-right: 8px;
  }

  .h1 {
    text-align: left;
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .h1.medium.centered {
    text-align: center;
  }

  .section, .section.hero, .section.banner, .section.legal, .precios {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pricing-cards-wrapper {
    flex-flow: column;
  }

  .princing-card {
    order: 1;
  }

  .princing-card.declaraciones {
    order: 3;
  }

  .subscription-comparison {
    padding-left: 24px;
    padding-right: 24px;
    display: none;
  }

  .faq-container {
    flex-flow: column;
  }

  .questions-category-title {
    color: var(--black);
    max-width: none;
    margin-top: 24px;
    margin-bottom: 24px;
    margin-right: 0;
    font-size: 2rem;
    line-height: 2.5rem;
  }

  .hero-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-left-column {
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    margin-right: 0;
  }

  .hero-image-content-wrapper {
    order: -1;
    margin-bottom: 32px;
  }

  .hero-subheading {
    text-align: left;
    font-size: 1rem;
    line-height: 1.3;
  }

  .hero-button-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    align-self: stretch;
  }

  .banner-wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .pricing-feature-list.facturacion {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    order: 2;
    display: flex;
  }

  .pricing-feature-list.declaraciones {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    order: 4;
    display: flex;
  }

  .feature-list-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .pricing-feature-list-text {
    margin-right: 16px;
    font-size: 1rem;
    font-weight: 500;
  }

  .navbar {
    padding-left: 24px;
    padding-right: 24px;
  }

  .grid, ._3-steps, .benefits-grid, .pricing-grid, .security-wrapper, .bennefits-grid {
    grid-template-columns: 1fr;
  }

  .image-container {
    width: 220px;
    height: 180px;
  }

  .team-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .team-member-img-container {
    height: 200px;
  }
}

@media screen and (max-width: 479px) {
  .nav-link {
    background-color: var(--dark-green);
    color: var(--white);
  }

  .nav-link:lang(en) {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button.secondary {
    flex: 1;
    font-size: .813rem;
    line-height: 1.3;
  }

  .button.pricing {
    align-self: stretch;
    min-width: 0;
    height: auto;
  }

  .button.pricing.declaraciones {
    height: auto;
  }

  .button.primary {
    flex: 1;
    font-size: .813rem;
    line-height: 1.3;
  }

  .section-heading-wrapper.medium {
    margin-bottom: 16px;
  }

  .section-heading-wrapper.preguntas {
    margin-bottom: 24px;
    margin-left: 12px;
  }

  .section-heading-wrapper.space-between {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .section-heading-wrapper.vertical.centered {
    justify-content: flex-start;
    align-items: center;
  }

  .h2 {
    text-align: left;
    font-size: 1.813rem;
    line-height: 2rem;
  }

  .h2.white {
    text-align: left;
    font-size: 1.5rem;
    line-height: 2rem;
  }

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

  .section-subheading.inverted.medium {
    font-size: 1rem;
    display: none;
  }

  .section-subheading.inverted.medium.pricing {
    display: block;
  }

  .faq, .faq-item-content-wrapper {
    padding-left: 12px;
    padding-right: 12px;
  }

  .faq-question-wrapper {
    align-items: center;
  }

  .faq-question {
    flex: 1;
    margin-right: 8px;
  }

  .footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-content-wrapper.legal {
    margin-top: 0;
  }

  .footer-links-container {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .footer-links-wrapper {
    flex-flow: column;
  }

  .brand-copyrights {
    order: 1;
  }

  .h1 {
    text-align: left;
    font-size: 2rem;
  }

  .section {
    padding: 24px 16px;
  }

  .section.hero {
    padding: 16px;
  }

  .precios {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .pricing-cards-wrapper {
    flex-flow: column;
  }

  .princing-card {
    order: 1;
    padding: 24px;
  }

  .princing-card.declaraciones {
    order: 3;
    padding-left: 24px;
    padding-right: 24px;
  }

  .price, .price.declaraciones {
    font-size: 2rem;
  }

  .subscription-description {
    margin-top: 24px;
    margin-bottom: 24px;
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .subscription-description.declaraciones {
    font-size: 1rem;
    line-height: 1.3rem;
  }

  .subscription-comparison {
    display: none;
  }

  .questions-category-title {
    color: var(--black);
    margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 12px;
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .hero-left-column {
    margin-bottom: 32px;
  }

  .hero-image-content-wrapper {
    order: -1;
    min-width: 0;
    margin-bottom: 32px;
  }

  .hero-subheading {
    text-align: left;
    max-width: none;
    font-size: 1rem;
    line-height: 1.5;
  }

  .hero-button-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    align-self: stretch;
    margin-top: 24px;
    margin-bottom: 0;
  }

  .banner-wrapper {
    text-align: center;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 24px;
    padding-right: 24px;
  }

  .banner-img-container {
    min-width: 0;
  }

  .pricing-feature-list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    order: 4;
    display: flex;
  }

  .pricing-feature-list.facturacion {
    order: 2;
  }

  .feature-list-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .pricing-feature-list-text {
    margin-right: 16px;
    font-size: 1rem;
    font-weight: 500;
  }

  .navbar {
    padding-left: 16px;
    padding-right: 24px;
  }

  .navbar-menu-button.w--open {
    color: var(--dark-green);
  }

  .benefits-text {
    text-align: left;
    line-height: 1.2rem;
  }

  .s-icon {
    min-width: 24px;
  }

  .painpoints-content {
    flex-flow: column;
  }

  .grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  ._3-steps, .benefits-grid {
    grid-template-columns: 1fr;
  }

  .testimonials-wrapper {
    flex-flow: column;
  }

  .testimonials-left-column {
    margin-bottom: 24px;
  }

  .testimonial-quote-wrapper {
    display: none;
  }

  .pricing-grid {
    grid-template-columns: 1fr;
  }

  .subscription-price {
    font-size: 2.5rem;
  }

  .security-wrapper {
    grid-template-columns: 1fr;
  }

  .cta-title {
    line-height: 3rem;
  }

  .hero_0px-down {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section_0px-down {
    padding-left: 16px;
    padding-right: 16px;
  }

  .unordered-list-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-left: 0;
    padding-right: 0;
  }

  .bento-card-horizontal, .bento-card-horizontal.inverted {
    flex-flow: column;
  }

  .banner-text-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .bennefits-grid {
    grid-template-columns: 1fr;
  }

  .referral-step-text-wrap {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1rem;
  }

  .banner-left-column {
    padding-left: 24px;
    padding-right: 24px;
  }

  .h3 {
    line-height: 2rem;
  }

  .team-wrapper {
    grid-template-columns: 1fr;
  }

  .team-member-img-container {
    height: 260px;
  }
}

#w-node-b8d4bb87-0424-f8b2-28d1-bc1ab3105662-4c3e17c7 {
  align-self: center;
}

#w-node-f2350dc6-0600-4aed-2dbd-44cc30b6f459-4c3e17c7 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-fbc52ff3-580a-07e8-ebfc-9befeb55f927-4c3e17c7, #w-node-_534065fc-f39f-2449-fbd1-d8e496dbf640-4c3e17c7, #w-node-f009281d-c8a5-ed3b-d56a-908482456f48-4c3e17c7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-e58bd784-2655-ffd9-785c-d6cc6a109b1c-4c3e17c7 {
  grid-area: span 4 / span 1 / span 4 / span 1;
}

#w-node-_8dd3b122-d6c4-5931-78d1-df47706715ee-4c3e17c7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}