/* === F-NAV-HOVER 2026-05-30 v2 · open dropdowns on hover only === */
.w-dropdown:hover .w-dropdown-list,
.w-dropdown:hover > .w-dropdown-list {
  display: block !important; opacity: 1 !important;
}
.w-dropdown-list:hover { display: block !important; opacity: 1 !important; }

/* === F-FONT-V2 2026-05-30 · swap === */
@font-face { font-family: 'Baticasans'; src: url('/api/media/file/BaticaSans-Regular-2.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Baticasans'; src: url('/api/media/file/BaticaSans-Bold-2.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Baticasans'; src: url('/api/media/file/BaticaSans-Italic-2.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Baticasans'; src: url('/api/media/file/BaticaSans-BoldItalic-2.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: swap; }

/* === F-NAV-CHEVRON 2026-05-30 v2 · flip arrow on hover only === */
.navigation.w-nav .w-dropdown-toggle .w-icon-dropdown-toggle,
.navigation.w-nav .w-dropdown-toggle .chevron {
  transition: transform 0.2s ease !important;
  display: inline-block !important;
}
.navigation.w-nav .w-dropdown:hover .w-icon-dropdown-toggle,
.navigation.w-nav .w-dropdown:hover .chevron {
  transform: rotate(180deg) !important;
}

/* === F-HEADER-V6 2026-05-30 v2 · grid-aware center + bigger logo/text === */
@media (min-width: 1200px) {
  .navigation.w-nav .w-dropdown-toggle {
    font-size: 18px !important;
  }
  .navigation.w-nav .navigation-left {
    gap: 0 6px !important;
  }
  /* Bigger logo */
  .navigation.w-nav .brand,
  .navigation.w-nav .brand.w-nav-brand {
    height: 60px !important;
  }
  .navigation.w-nav .brand img,
  .navigation.w-nav .brand .global-logo {
    height: 60px !important;
    width: auto !important;
  }
  /* Center the entire header content (it's a grid, not flex) */
  .navigation-container-2 {
    grid-template-columns: auto auto !important;
    justify-content: center !important;
    column-gap: 60px !important;
  }
  /* Dropdown flush with bottom of toggle (no overlap on first hover) */
  .navigation.w-nav .w-dropdown-list {
    top: 100% !important;
    margin-top: 0 !important;
  }
}

/* === ALA-50 2026-05-30 · header parity with paymatico.com === */
@media (min-width: 992px) {
  .navigation.w-nav {
    background-color: #0b132b !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1920px !important;
    height: 104.766px !important;
    min-height: 104.766px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 20px 0 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .navigation.w-nav .navigation-container-2 {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    max-width: 1920px !important;
    height: 64.766px !important;
    min-height: 64.766px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }

  .navigation.w-nav .navigation-left {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    height: 64.766px !important;
    min-height: 64.766px !important;
    padding: 0 !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }

  .navigation.w-nav .brand,
  .navigation.w-nav .brand.w-nav-brand {
    display: block !important;
    width: 200px !important;
    height: 64.766px !important;
    min-height: 64.766px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .navigation.w-nav .global-logo,
  .navigation.w-nav .brand img {
    display: inline-block !important;
    width: 200px !important;
    max-width: 200px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .navigation.w-nav .nav-menu {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 !important;
    gap: 0 !important;
    grid-template-columns: none !important;
    background-color: transparent !important;
  }

  .navigation.w-nav .dropdown,
  .navigation.w-nav .w-dropdown {
    height: 60px !important;
  }

  .navigation.w-nav .dropdown-toggle-2,
  .navigation.w-nav .w-dropdown-toggle {
    display: flex !important;
    width: auto !important;
    max-width: none !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 20px 24px 20px 12px !important;
    gap: 0 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
  }

  .navigation.w-nav .text-block-9 {
    display: block !important;
    height: 20px !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
  }

  .navigation.w-nav .navigation-right {
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .navigation.w-nav .global-button-primary-2.boton {
    width: auto !important;
    max-width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    border-radius: 30px !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
  }

  .navigation.w-nav .navigation-dropdown-4,
  .navigation.w-nav .w-dropdown-list {
    position: absolute !important;
    top: 60px !important;
    transform: none !important;
    margin-top: 0 !important;
  }

  .navigation.w-nav .navigation-dropdown-4.w--open,
  .navigation.w-nav .w-dropdown:hover > .navigation-dropdown-4,
  .navigation.w-nav .w-dropdown:hover > .w-dropdown-list {
    left: -229px !important;
    margin-left: -41px !important;
    display: flex !important;
    flex-flow: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: auto !important;
    min-width: auto !important;
    max-width: 92vw !important;
    max-height: none !important;
    padding: 10px !important;
    overflow: visible !important;
    background-color: #fff !important;
    border-radius: 30px !important;
    box-shadow: 0 2px 5px #0003 !important;
  }

  .navigation.w-nav .navigation-dropdown-4.dropdown-small.w--open,
  .navigation.w-nav .w-dropdown:hover > .navigation-dropdown-4.dropdown-small {
    left: -110px !important;
    min-width: 350px !important;
  }

  .navigation.w-nav .dropdown-pointer-4 {
    display: flex !important;
    flex-flow: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 92vw !important;
    padding: 10px !important;
    background-color: #fff !important;
    border-radius: 30px !important;
  }
}


/* === ALA-58 footer full bleed, SAC parity, mobile chevrons === */
footer.alarife-imported-footer,
.alarife-imported-footer {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #0B132B !important;
  overflow-x: hidden !important;
}

footer.alarife-imported-footer .section-46,
footer.alarife-imported-footer .section-28,
footer.alarife-imported-footer .section-17,
footer.alarife-imported-footer .section-48,
footer.alarife-imported-footer .section-10,
footer.alarife-imported-footer .sectio,
footer.alarife-imported-footer .secti,
footer.alarife-imported-footer .section,
.alarife-imported-footer .section-46,
.alarife-imported-footer .section-28,
.alarife-imported-footer .section-17,
.alarife-imported-footer .section-48,
.alarife-imported-footer .section-10,
.alarife-imported-footer .sectio,
.alarife-imported-footer .secti,
.alarife-imported-footer .section {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background-color: #0B132B !important;
  background-image: none !important;
}

.fp-mP8XfcUD.freeform-content,
.fp-mP8XfcUD {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.fp-mP8XfcUD .div-block-74 {
  margin-top: 35px !important;
  padding: 0 !important;
}

@media (max-width: 991px) {
  .mobile-nav.w-nav-menu .mobile-toggle.w-dropdown-toggle > .w-icon-dropdown-toggle {
    order: 2 !important;
    margin-left: 12px !important;
    margin-right: 0 !important;
  }

  .mobile-nav.w-nav-menu .mobile-toggle.w-dropdown-toggle > a,
  .mobile-nav.w-nav-menu .mobile-toggle.w-dropdown-toggle > div:not(.w-icon-dropdown-toggle) {
    order: 1 !important;
    min-width: 0 !important;
  }

  .fp-mP8XfcUD .div-block-74 {
    margin-top: 0 !important;
    padding: 40px 22px 56px !important;
  }
}



/* === ALA-59 mobile header baseline === */
@media (min-width: 1460px) {
  .navigation-mob.w-nav {
    display: none !important;
  }
}

@media (max-width: 1459px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .navigation.w-nav {
    display: none !important;
  }

  .navigation-mob.w-nav {
    display: block !important;
    position: relative !important;
    z-index: 1000 !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-height: 86px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #0B132B !important;
  }

  .navigation-mob.w-nav .navigation-container-mob {
    display: flex !important;
    position: relative !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 430px !important;
    min-height: 86px !important;
    margin: 0 auto !important;
    padding: 12px 34px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .navigation-mob.w-nav .brand-2.w-nav-brand {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - 128px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .navigation-mob.w-nav .flowbase-logo,
  .navigation-mob.w-nav .brand-2 img {
    display: block !important;
    width: min(216px, calc(100vw - 140px)) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 63px !important;
  }

  .navigation-mob.w-nav .menu-mob-4.w-nav-button,
  .navigation-mob.w-nav .w-nav-button {
    display: flex !important;
    flex: 0 0 32px !important;
    position: relative !important;
    justify-content: center !important;
    align-items: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
  }

  .navigation-mob.w-nav .mobile-nav.w-nav-menu {
    display: none !important;
    position: absolute !important;
    top: 86px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(420px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    max-height: calc(100vh - 102px) !important;
    margin: 0 !important;
    padding: 10px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.18) !important;
  }

  .navigation-mob.w-nav .mobile-nav.w-nav-menu.w--open,
  .navigation-mob.w-nav[data-nav-menu-open] .mobile-nav.w-nav-menu {
    display: block !important;
  }

  .navigation-mob.w-nav .mobile-dropdown.w-dropdown {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .navigation-mob.w-nav .mobile-toggle.w-dropdown-toggle {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
    font-family: Baticasans, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    color: #0B132B !important;
  }

  .navigation-mob.w-nav .dropdown-list.w-dropdown-list {
    display: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 2px 0 10px !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  .navigation-mob.w-nav .mobile-dropdown.w--open > .dropdown-list.w-dropdown-list,
  .navigation-mob.w-nav .dropdown-list.w-dropdown-list.w--open {
    display: block !important;
  }

  .navigation-mob.w-nav .dropdown-link-mob.w-inline-block {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    gap: 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .navigation-mob.w-nav .icon-square-5 {
    display: flex !important;
    flex: 0 0 38px !important;
    justify-content: center !important;
    align-items: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    overflow: hidden !important;
  }

  .navigation-mob.w-nav .icon-square-5 img,
  .navigation-mob.w-nav img.icon,
  .navigation-mob.w-nav img.image-5 {
    display: block !important;
    width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
  }

  .navigation-mob.w-nav .nav-content-wrap {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .navigation-mob.w-nav .dropdown-title,
  .navigation-mob.w-nav .dropdown-title.colour-2 {
    overflow-wrap: break-word !important;
    font-family: Baticasans, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
  }
}
/* === END ALA-59 === */


/* === ALA-61 home mobile fit and landing CLS === */
@media (max-width: 760px) {
  .fp-1jqwYOJF,
  .fp-1jqwYOJF * {
    box-sizing: border-box !important;
  }

  .fp-1jqwYOJF.freeform-content,
  .fp-1jqwYOJF {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .fp-1jqwYOJF section,
  .fp-1jqwYOJF .value-section,
  .fp-1jqwYOJF .segments-section,
  .fp-1jqwYOJF .how-section,
  .fp-1jqwYOJF .support-section,
  .fp-1jqwYOJF .cta-section,
  .fp-1jqwYOJF .testimonials-section {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-x: hidden !important;
  }

  .fp-1jqwYOJF .trust-bar {
    width: 100% !important;
    max-width: 100vw !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow-x: hidden !important;
  }

  .fp-1jqwYOJF .trust-bar-inner,
  .fp-1jqwYOJF .value-grid,
  .fp-1jqwYOJF .seg-mini-row,
  .fp-1jqwYOJF .support-inner,
  .fp-1jqwYOJF .logos-row,
  .fp-1jqwYOJF .seo-resource-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 16px !important;
  }

  .fp-1jqwYOJF .trust-item,
  .fp-1jqwYOJF .value-card,
  .fp-1jqwYOJF .seg-mini,
  .fp-1jqwYOJF .support-card,
  .fp-1jqwYOJF .testimonial-card,
  .fp-1jqwYOJF .seo-resource-grid a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
  }

  .fp-1jqwYOJF .trust-item {
    border-right: 0 !important;
    border-bottom: 1px solid var(--border, rgba(11, 19, 43, 0.1)) !important;
    padding: 18px 0 !important;
  }

  .fp-1jqwYOJF .trust-item:last-child {
    border-bottom: 0 !important;
  }

  .fp-1jqwYOJF .trust-item-text,
  .fp-1jqwYOJF .value-card h3,
  .fp-1jqwYOJF .value-card p,
  .fp-1jqwYOJF .seg-mini h4,
  .fp-1jqwYOJF .seg-mini p,
  .fp-1jqwYOJF .seg-mini-tag,
  .fp-1jqwYOJF .seg-mini-arrow,
  .fp-1jqwYOJF .support-card > div:not(.support-card-icon) {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }

  .fp-1jqwYOJF .value-card,
  .fp-1jqwYOJF .seg-mini {
    padding: 22px !important;
  }

  .fp-1jqwYOJF .support-inner {
    gap: 28px !important;
  }

  .fp-1jqwYOJF .support-card {
    padding: 18px !important;
  }

  .fp-1jqwYOJF .section-intro {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .tituloproducto,
.freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .tituloproducto .highlight-title {
  min-height: 2.35em !important;
}

.freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .cell-14 img,
.freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .video-header02-1 {
  aspect-ratio: 600 / 584 !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 680px) {
  .freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .tituloproducto,
  .freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .tituloproducto .highlight-title {
    min-height: 3.2em !important;
  }
}
/* === END ALA-61 === */


/* === ALA-62 home hero mobile heading fit === */
@media (max-width: 760px) {
  .fp-1jqwYOJF .hero h1,
  .fp-1jqwYOJF .hero .hero-title,
  .fp-1jqwYOJF .hero h1 em {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
    letter-spacing: 0 !important;
  }

  .fp-1jqwYOJF .hero h1,
  .fp-1jqwYOJF .hero .hero-title {
    font-size: clamp(40px, 13vw, 58px) !important;
    line-height: 1.06 !important;
  }
}

@media (max-width: 360px) {
  .fp-1jqwYOJF .hero h1,
  .fp-1jqwYOJF .hero .hero-title {
    font-size: clamp(36px, 12vw, 44px) !important;
  }
}
/* === END ALA-62 === */


/* === ALA-63 mobile sitewide cut fixes (2026-05-31) === */
@media (max-width: 760px) {
  main,
  main * {
    box-sizing: border-box !important;
  }

  main {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Product/solution hero: image+H1 in same row inside .div-block-20 */
  .freeform-content .section-30 .div-block-20 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .freeform-content .section-30 .div-block-20 img,
  .freeform-content .section-30 .div-block-20 .image-18 {
    flex: 0 0 auto !important;
    max-width: 50px !important;
    height: auto !important;
  }

  .freeform-content .section-30 .div-block-20 .heading-33 {
    display: block !important;
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: calc(100% - 62px) !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    text-align: left !important;
    font-size: clamp(15px, 4.6vw, 22px) !important;
    line-height: 1.18 !important;
  }

  /* Standalone product H1 (without div-block-20) */
  main .heading-33 {
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  /* Subvert bar — pill nav above /socios/* hero. Wrap instead of horizontal scroll */
  .subvert-bar,
  main .subvert-bar {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .subvert-inner,
  main .subvert-inner {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 8px 10px !important;
    padding: 12px 18px !important;
    overflow-x: visible !important;
    max-width: 100% !important;
  }

  .subvert-item,
  main .subvert-item {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(11, 19, 43, 0.12) !important;
    border-radius: 999px !important;
    white-space: normal !important;
    line-height: 1.15 !important;
    background: #fff !important;
    font-size: 13px !important;
  }

  .subvert-item.active::after,
  main .subvert-item.active::after {
    display: none !important;
  }

  /* Value grid: single column on mobile */
  .value-grid,
  main .value-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 14px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .value-grid .value-card,
  main .value-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    padding: 16px !important;
  }

  .value-card h3,
  .value-card p,
  .value-card .value-tag,
  main .value-card h3,
  main .value-card p,
  main .value-card .value-tag {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }

  /* Support cards: single column stack on mobile */
  .support-cards,
  main .support-cards {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 12px !important;
  }

  .support-card,
  main .support-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: auto !important;
    right: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    padding: 14px !important;
  }

  .support-card h4,
  .support-card p,
  main .support-card h4,
  main .support-card p {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }

  /* Generic hero overflow guard */
  main .hero,
  main .hero-inner,
  main .hero-content,
  main .hero-copy {
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  main .hero h1,
  main .hero .hero-sub,
  main .hero .btn-ghost,
  main .hero .btn-primary,
  main .hero img {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
  }

  /* Generic guard: any direct main descendants that try to break out */
  main > section,
  main > div {
    max-width: 100vw !important;
    min-width: 0 !important;
  }
}

@media (max-width: 380px) {
  .freeform-content .section-30 .div-block-20 .heading-33 {
    font-size: 15px !important;
    max-width: calc(100% - 58px) !important;
  }

  .freeform-content .section-30 .div-block-20 img,
  .freeform-content .section-30 .div-block-20 .image-18 {
    max-width: 42px !important;
  }

  .subvert-item,
  main .subvert-item {
    font-size: 12px !important;
    padding: 7px 9px !important;
  }

  main .hero {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
/* === END ALA-63 === */


/* === ALA-64 support-card flex, title hyphens, card vertical-gap (2026-05-31) === */
@media (max-width: 900px) {
  /* support-inner: stack into single column once desktop two-up is too narrow */
  .support-section .support-inner,
  main .support-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 2.25rem !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .support-left {
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  /* H1/H2/H3 title hyphenation: only break at spaces, never inside words */
  main h1,
  main h2,
  main h3,
  main h4,
  main h5,
  main .heading-33,
  main .section-title,
  main .value-card h3,
  main .support-card h4 {
    -webkit-hyphens: none !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Support-card inner div: it lives next to the icon. Must consume the rest of the row */
  .support-card,
  main .support-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 14px !important;
    padding: 16px !important;
  }

  .support-card > .support-card-icon,
  main .support-card > .support-card-icon {
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
  }

  .support-card > *:not(.support-card-icon),
  main .support-card > *:not(.support-card-icon) {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
  }

  .support-card h4,
  .support-card p,
  main .support-card h4,
  main .support-card p {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
  }

  /* Marketplaces / contacto cards (div-block-43 layout): collapse stacked <br> on mobile */
  .div-block-46,
  main .div-block-46 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 14px !important;
  }

  .div-block-43,
  main .div-block-43 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px 16px !important;
    gap: 10px !important;
  }

  .div-block-44,
  main .div-block-44 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .div-block-43 .paragraph-92,
  main .div-block-43 .paragraph-92 {
    margin: 0 !important;
  }

  /* Hide consecutive <br> inside paragraph-92 (eats the trailing visual padding) */
  .div-block-43 .paragraph-92 br + br,
  main .div-block-43 .paragraph-92 br + br {
    display: none !important;
  }

  /* Escribenos link sits at the bottom of each card; keep it close to text */
  .div-block-43 .div-block-45,
  main .div-block-43 .div-block-45 {
    margin-top: 4px !important;
    padding-top: 8px !important;
  }
}

/* Desktop tweak: also prevent hyphenated breaks on any h1/h2 site-wide */
main h1,
main h2,
main .heading-33,
main .section-title {
  -webkit-hyphens: none !important;
  hyphens: none !important;
}
/* === END ALA-64 === */


/* === ALA-66 dropdown viewport clamp for leftmost dropdown (2026-05-31) === */
/* PRODUCTOS (first dropdown, leftmost) — the -229px offset of ALA-50 pushes its dropdown card off the left edge of the viewport.
   For the first dropdown only, use a much smaller negative offset so the dropdown stays on-screen. */
@media (min-width: 992px) {
  .navigation.w-nav .nav-menu > .w-dropdown:first-of-type:hover > .w-dropdown-list,
  .navigation.w-nav .nav-menu > .w-dropdown:first-of-type:hover > .navigation-dropdown-4,
  .navigation.w-nav .nav-menu > .w-dropdown:first-of-type > .w-dropdown-list.w--open,
  .navigation.w-nav .nav-menu > .w-dropdown:first-of-type > .navigation-dropdown-4.w--open {
    left: 0 !important;
    margin-left: 0 !important;
  }

  /* Same fix for the dropdown-small variant on the first dropdown */
  .navigation.w-nav .nav-menu > .w-dropdown:first-of-type:hover > .navigation-dropdown-4.dropdown-small,
  .navigation.w-nav .nav-menu > .w-dropdown:first-of-type > .navigation-dropdown-4.dropdown-small.w--open {
    left: 0 !important;
    margin-left: 0 !important;
  }
}
/* === END ALA-66 === */


/* === ALA-68 hero badge fits brand names without splitting (2026-05-31) === */
/* Beats inline page rule '.freeform-content .section-30:first-child .div-block-20{ width: auto !important; }'
   by adding the 'html' selector to bump specificity higher than the page CSS at the same level. */
@media (max-width: 760px) {
  html main .freeform-content .section-30 .div-block-20,
  html main .freeform-content .section-30:first-child .div-block-20 {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: auto !important;
    max-width: calc(100% - 16px) !important;
    min-width: 0 !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    margin: 0 0 24px !important;
  }

  html main .freeform-content .section-30 .div-block-20 .image-18,
  html main .freeform-content .section-30:first-child .div-block-20 .image-18 {
    flex: 0 0 auto !important;
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    object-fit: contain !important;
  }

  html main .freeform-content .section-30 .div-block-20 .heading-33,
  html main .freeform-content .section-30:first-child .div-block-20 .heading-33 {
    display: block !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    text-align: left !important;
    font-size: clamp(13px, 4vw, 18px) !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
  }
}

/* At very narrow viewports, reduce further so even long single words fit */
@media (max-width: 380px) {
  html main .freeform-content .section-30 .div-block-20 .heading-33,
  html main .freeform-content .section-30:first-child .div-block-20 .heading-33 {
    font-size: clamp(12px, 3.7vw, 16px) !important;
  }

  html main .freeform-content .section-30 .div-block-20 .image-18,
  html main .freeform-content .section-30:first-child .div-block-20 .image-18 {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
  }
}
/* === END ALA-68 === */


/* === ALA-67 footer consistent 4-col layout sitewide (2026-05-31) === */
/* Each page bundles its own Webflow CSS; some pages (legal/*) don't have rules for the .cell-X grid placement,
   so the footer reverts to a 6-col auto-flow that visually shifts content to the left.
   Force the 4-col grid + explicit logo/badges row 2 placement here so it works on every page. */
@media (min-width: 992px) {
  footer.alarife-imported-footer .w-layout-layout.quick-stack-6 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto !important;
    gap: 40px 32px !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 48px 28px !important;
  }

  /* The 4 content columns naturally flow into row 1 cols 1-4 */
  footer.alarife-imported-footer .w-layout-cell.cell-7,
  footer.alarife-imported-footer .w-layout-cell.cell-9,
  footer.alarife-imported-footer .w-layout-cell.cell-8,
  footer.alarife-imported-footer .w-layout-cell.cell-10 {
    grid-row: 1 !important;
  }
  footer.alarife-imported-footer .w-layout-cell.cell-7 { grid-column: 1 !important; }
  footer.alarife-imported-footer .w-layout-cell.cell-9 { grid-column: 2 !important; }
  footer.alarife-imported-footer .w-layout-cell.cell-8 { grid-column: 3 !important; }
  footer.alarife-imported-footer .w-layout-cell.cell-10 { grid-column: 4 !important; }

  /* Hide the empty spacer cells (cell-6 and the first empty cell-15) */
  footer.alarife-imported-footer .w-layout-cell.cell-6:empty,
  footer.alarife-imported-footer .w-layout-cell.cell-15:empty {
    display: none !important;
  }

  /* Logo cell (cell-15 with img) sits on row 2, cols 1-2 (left half) */
  footer.alarife-imported-footer .w-layout-cell.cell-15:not(:empty) {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding-top: 8px !important;
    padding-right: 24px !important;
  }
  footer.alarife-imported-footer .w-layout-cell.cell-15 img.image-13 {
    width: 240px !important;
    height: auto !important;
    max-width: 178px !important;
  }

  /* Badges cell (cell-19) sits on row 2, cols 3-4 (right half) */
  footer.alarife-imported-footer .w-layout-cell.cell-19 {
    grid-column: 3 / 5 !important;
    grid-row: 2 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-top: 8px !important;
    padding-left: 24px !important;
  }
  footer.alarife-imported-footer .w-layout-cell.cell-19 .div-block-76 {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
  }
  footer.alarife-imported-footer .w-layout-cell.cell-19 .div-block-76 img.image-37 {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
  }

  /* Column titles + links — neutral styling so they look the same everywhere */
  footer.alarife-imported-footer .w-layout-cell h4 {
    margin: 0 0 14px 0 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #a9e815 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
  }
  footer.alarife-imported-footer .w-layout-cell .div-block-56 {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  footer.alarife-imported-footer .w-layout-cell .div-block-56 a.link-12 {
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(255, 255, 255, 0.78) !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
  }
  footer.alarife-imported-footer .w-layout-cell .div-block-56 a.link-12:hover {
    color: #ffffff !important;
  }
}
/* === END ALA-67 === */


/* === ALA-69 legal page: kill green "Contrato Marco" highlight (2026-05-31) === */
html main .rt-accordion-tab-wrap-3 .rt-heading-three-4,
html main .rt-tab-title .rt-heading-three-4,
html main .rt-heading-three-4.aviso,
html main .aviso.rt-heading-three-4 {
  color: rgb(21, 4, 56) !important;
  opacity: 1 !important;
}
/* === END ALA-69 === */


/* === ALA-70 scroll-margin-top so hash anchors don't hide the header (2026-05-31) === */
html {
  scroll-padding-top: 120px;
}

main [id],
main #legal,
main #avisolegal,
main #cookies,
main #privacity,
main #tyc,
main #denuncias,
main #infoclientes,
main #sac {
  scroll-margin-top: 120px;
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 96px;
  }
  main [id],
  main #legal,
  main #avisolegal,
  main #cookies,
  main #privacity,
  main #tyc,
  main #denuncias,
  main #infoclientes,
  main #sac {
    scroll-margin-top: 96px;
  }
}
/* === END ALA-70 === */


/* === ALA-71 /contacto mobile reflow — kill negative margins on hero blocks (2026-05-31) === */
@media (max-width: 991px) {
  html main section.section-78 > section.section-13.imagen {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  html main section.section-78 .div-block-53 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 8px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
    order: 1 !important;
  }

  html main section.section-78 .div-block-47 {
    margin: 0 auto 16px !important;
    padding: 0 !important;
    max-width: 280px !important;
    width: 60% !important;
    order: 2 !important;
  }

  html main section.section-78 .div-block-47 .image-30 {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }

  html main section.section-78 .div-block-42.div-block-46 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    gap: 16px !important;
    order: 3 !important;
  }

  html main section.section-78 .div-block-43 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 20px 18px !important;
    border-radius: 16px !important;
  }

  html main section.section-78 .heading-51 {
    font-size: clamp(26px, 7vw, 38px) !important;
    line-height: 1.15 !important;
    margin: 0 0 8px !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
  }

  html main section.section-78 .heading-52 {
    font-size: clamp(15px, 4vw, 20px) !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 760px) {
  html main section.section-78 .div-block-47 {
    display: none !important;
  }
}
/* === END ALA-71 === */


/* === ALA-68 legal sidebar tab hover lime for all tabs (2026-05-31) === */
/* Webflow bundled CSS only has :hover for .rt-tab-title-one; add for two/three/four
   so all legal sidebar tabs show lime on hover. */
.rt-tab-title:hover,
.rt-tab-title.rt-tab-title-one:hover,
.rt-tab-title.rt-tab-title-two:hover,
.rt-tab-title.rt-tab-title-three:hover,
.rt-tab-title.rt-tab-title-four:hover {
  color: var(--verde-paymatico, #a9e815) !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}
/* === END ALA-68 === */


/* === ALA-72 /contacto card mobile fix — kill fixed 250px height + overlap (2026-05-31) === */
@media (max-width: 991px) {
  html main section.section-78 .div-block-43 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  html main section.section-78 .div-block-43 .image-28 {
    margin: 0 !important;
  }

  html main section.section-78 .div-block-43 .div-block-44 {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html main section.section-78 .div-block-43 .div-block-44 .heading-53,
  html main section.section-78 .div-block-43 .div-block-44 .paragraph-92 {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
  }

  /* Hide consecutive <br> inside paragraph-92 to compact stale Webflow padding */
  html main section.section-78 .div-block-43 .paragraph-92 br + br {
    display: none !important;
  }

  html main section.section-78 .div-block-43 .div-block-45 {
    position: static !important;
    top: auto !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  html main section.section-78 .div-block-43 .div-block-45 .paragraph-93 {
    margin: 0 !important;
    line-height: 1.2 !important;
  }
}
/* === END ALA-72 === */


/* === ALA-73 mobile section vertical compression (2026-05-31) === */
/* Webflow's exported sections use generous 40-100px margins/padding meant for desktop.
   Stacked on mobile they create huge whitespace bands between text blocks. */
@media (max-width: 760px) {
  /* Section padding base */
  main .section-13,
  main .section-29,
  main .section-30,
  main .section-33,
  main .section-37,
  main .section-67,
  main .section-68,
  main .section-70,
  main .section-72,
  main .section-73 {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  /* Section margins (collapsing between sections) */
  main .section-34,
  main .section-35 {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  main .section-53 {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  main .section-54,
  main .section-58,
  main .section-63 {
    margin-top: 0 !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  main .section-78 {
    margin-top: 28px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  main .section-80,
  main .section-81,
  main .section-82,
  main .section-83 {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Specific hero/visual blocks that have decorative empty space */
  main .cell-11,
  main .cell-14 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* div-block-50 (highlighted "Más información" box) — keep tight margin */
  main .div-block-50 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  /* freeform-content top-level — kill outer big paddings between sections */
  main .freeform-content > section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* "¿Listo para X?" CTA sections on landings (section-54/58/63) get tight first */
  main .section-54 > *,
  main .section-58 > *,
  main .section-63 > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Image cell decoration: kill internal top padding that gives empty space below hero image */
  main .cell-14 img {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 380px) {
  main .freeform-content > section {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}
/* === END ALA-73 === */


/* === ALA-74 legal tabs: hover/active turn green again (2026-05-31) === */
/* ALA-69 forced navy on all tabs to kill the inline green on 'Contrato marco'.
   That also killed the hover affordance. Restore hover/active state in brand green. */
html main .rt-tab-title,
html main .rt-accordion-tab-wrap-3 .rt-tab-title {
  cursor: pointer !important;
}

html main .rt-tab-title:hover .rt-heading-three-4,
html main .rt-tab-title:focus-within .rt-heading-three-4,
html main .rt-accordion-tab-wrap-3 .rt-tab-title:hover .rt-heading-three-4 {
  color: rgb(169, 232, 21) !important;
  transition: color .15s ease !important;
}

html main .rt-tab-title.w--current .rt-heading-three-4,
html main .rt-tab-title[aria-selected="true"] .rt-heading-three-4,
html main .rt-tab-title.is-active .rt-heading-three-4 {
  color: rgb(169, 232, 21) !important;
}

html main .rt-heading-three-4 {
  transition: color .15s ease !important;
}
/* === END ALA-74 === */


/* === ALA-41 product hero image natural ratio === */
/* Parity with paymatico.com: undo ALA-61's forced aspect-ratio:600/584 so every
   product/solution hero image renders at its own intrinsic ratio (paylink 600x410,
   dispute 600x584, etc.), exactly like the original site. 2026-06-04 */
.freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .cell-14 img.video-header02-1,
.freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .cell-14 img,
.freeform-content:has(> .section-30:first-child .textopproductos) .section-30:first-child .video-header02-1 {
  aspect-ratio: auto !important;
}
/* === END ALA-41 product hero image natural ratio === */














/* === ALA-41c gray support band === */
/* Parity with paymatico.com: section-31 gray full-bleed (#f8f8f8). Staging rendered
   it white -> invisible. Specificity pumped to beat the page's scoped rule. 2026-06-04 */
main .freeform-content.freeform-content.freeform-content section.section-31.section-31.section-31 {
  background-color: #f8f8f8 !important;
}
/* === END ALA-41c gray support band === */








/* === ALA-41e hero title minheight === */
/* Parity with paymatico.com: tituloproducto min-height auto (was 2.35em/141px) so
   there's no empty gap below the gray title pill before the JS title loads, and no
   excess on short titles. 2026-06-04 */
main .freeform-content.freeform-content.freeform-content .section-30:first-child .tituloproducto.tituloproducto,
main .freeform-content.freeform-content.freeform-content .section-30:first-child .tituloproducto .highlight-title {
  min-height: 0 !important;
}
/* === END ALA-41e hero title minheight === */


/* === ALA-41f mobile logo fixed === */
/* Parity with paymatico.com: mobile logo stays 150px, never scales with viewport. 2026-06-04 */
.navigation-mob.w-nav .brand-2.w-nav-brand {
  max-width: none !important;
}
.navigation-mob.w-nav .flowbase-logo.flowbase-logo,
.navigation-mob.w-nav .brand-2 img.flowbase-logo {
  width: 150px !important;
  max-width: none !important;
  max-height: none !important;
}
/* === END ALA-41f mobile logo fixed === */


/* === ALA-41d support cards overlap === */
/* Parity with paymatico.com: support-card copy 14px (was 16px) so it fits, links
   pinned to the card bottom and aligned. Freeform-independent. 2026-06-04 */
main .div-block-46 .div-block-43.div-block-43.div-block-43 .heading-53,
main .div-block-46 .div-block-43.div-block-43.div-block-43 h4 {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 700 !important;
}
main .div-block-46 .div-block-43.div-block-43.div-block-43 .paragraph-92,
main .div-block-46 .div-block-43.div-block-43.div-block-43 p {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}
main .div-block-46.div-block-46 .div-block-43.div-block-43.div-block-43,
main .div-block-46 .div-block-43.div-block-43 .div-block-44.div-block-44 {
  height: auto !important;
  min-height: 0 !important;
}
main .div-block-46 .div-block-43.div-block-43 .div-block-44.div-block-44 {
  overflow: visible !important;
}
/* Equal-height cards + link pinned to bottom so the 3 "Escríbenos" align. */
main .div-block-46.div-block-46 {
  align-items: stretch !important;
}
main .div-block-46 .div-block-43.div-block-43.div-block-43 {
  display: flex !important;
  flex-direction: column !important;
}
main .div-block-46 .div-block-43.div-block-43 .div-block-45 {
  margin-top: auto !important;
}
/* === END ALA-41d support cards overlap === */











/* === ALA-41h mobile header align === */
/* Logo flush-left on mobile (container was centered at max-width 430px). 2026-06-04 */
.navigation-mob.w-nav .navigation-container-mob.navigation-container-mob {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
/* === END ALA-41h mobile header align === */


/* === ALA-41g hero parity === */
/* Parity with paymatico.com hero (uniform on all pages): equal columns 623/623,
   body 20/30. Image stays 600 (ALA-55, correct). 2026-06-04 */
@media (min-width: 992px) {
  main .freeform-content.freeform-content.freeform-content .section-30 .textopproductos.textopproductos.textopproductos,
  main .freeform-content.freeform-content.freeform-content .section-30 .paragraph-97.paragraph-97 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  main .freeform-content.freeform-content.freeform-content .section-30 .w-layout-layout.quick-stack.wf-layout-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 0 !important;
  }
}
/* === END ALA-41g hero parity === */


/* === ALA-41i hero pill oneline === */
/* Hero badge title always one line; font scales to fit long titles. 2026-06-04 */
main .freeform-content.freeform-content.freeform-content .section-30 .div-block-20 h1.heading-33.heading-33,
main .freeform-content.freeform-content.freeform-content .section-30 .div-block-20 .heading-33.heading-33 {
  white-space: nowrap !important;
  font-size: clamp(13px, 3.4vw, 25px) !important;
  max-width: none !important;
}
/* === END ALA-41i hero pill oneline === */


/* === ALA-41b CTA blue band === */
/* Parity with paymatico.com: section-54/58/63 CTA is a flat 273px navy band. 2026-06-04 */
@media (min-width: 768px) {
  main .freeform-content.freeform-content section.section-54 .div-block-49 .div-block-52.div-block-52,
  main .freeform-content.freeform-content section.section-58 .div-block-49 .div-block-52.div-block-52,
  main .freeform-content.freeform-content section.section-63 .div-block-49 .div-block-52.div-block-52 {
    display: flex !important;
    flex-direction: row !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-template-areas: none !important;
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px !important;
    min-height: 273px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  main .freeform-content.freeform-content section.section-54 .div-block-49 .div-block-52 .div-block-51,
  main .freeform-content.freeform-content section.section-58 .div-block-49 .div-block-52 .div-block-51,
  main .freeform-content.freeform-content section.section-63 .div-block-49 .div-block-52 .div-block-51 {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  main .freeform-content.freeform-content section.section-54 .div-block-49 .div-block-52 .image-33,
  main .freeform-content.freeform-content section.section-58 .div-block-49 .div-block-52 .image-33,
  main .freeform-content.freeform-content section.section-63 .div-block-49 .div-block-52 .image-33 {
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  main .freeform-content.freeform-content.freeform-content section.section-54.section-54.section-54,
  main .freeform-content.freeform-content.freeform-content section.section-58.section-58.section-58,
  main .freeform-content.freeform-content.freeform-content section.section-63.section-63.section-63 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  main .freeform-content.freeform-content section.section-54 .div-block-52 .div-block-51 h3,
  main .freeform-content.freeform-content section.section-54 .div-block-52 .div-block-51 .heading-56,
  main .freeform-content.freeform-content section.section-58 .div-block-52 .div-block-51 h3,
  main .freeform-content.freeform-content section.section-58 .div-block-52 .div-block-51 .heading-56,
  main .freeform-content.freeform-content section.section-63 .div-block-52 .div-block-51 h3,
  main .freeform-content.freeform-content section.section-63 .div-block-52 .div-block-51 .heading-56 {
    font-size: 25px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
  }
  main .freeform-content.freeform-content section.section-54 .div-block-52 .div-block-51 p,
  main .freeform-content.freeform-content section.section-54 .div-block-52 .div-block-51 .paragraph-95,
  main .freeform-content.freeform-content section.section-58 .div-block-52 .div-block-51 p,
  main .freeform-content.freeform-content section.section-58 .div-block-52 .div-block-51 .paragraph-95,
  main .freeform-content.freeform-content section.section-63 .div-block-52 .div-block-51 p,
  main .freeform-content.freeform-content section.section-63 .div-block-52 .div-block-51 .paragraph-95 {
    font-size: 20px !important;
    line-height: 20px !important;
  }
}
/* === END ALA-41b CTA blue band === */



/* === ALA-41n first-section navy gap === */
/* The body background is navy; a first content section with a top margin (e.g. .section-78
   margin-top:100px on /contacto) exposed it as a tall navy band under the header. Zero the
   first section's top margin so content sits under the header (its own padding-top spaces it).
   No-op for hero-first pages whose first section already has margin-top:0. 2026-06-04 */
main > section:first-of-type { margin-top: 0 !important; }
main > .freeform-content > section:first-of-type { margin-top: 0 !important; }
/* === END ALA-41n === */





/* === ALA-41p CTAs persist + bar grows (parity with original) === */
@media (min-width: 992px) {
  body .navigation.w-nav.w-nav .navigation-right.navigation-right { display: flex !important; }
  body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 { flex-flow: row wrap !important; height: auto !important; min-height: 64px !important; row-gap: 6px !important; align-content: center !important; }
  body .navigation.w-nav.w-nav .navigation-left.navigation-left { flex: 1 1 auto !important; }
  /* let the navy bar grow to contain the wrapped CTA row (was a fixed ~105px height) */
  body .navigation.w-nav.w-nav { height: auto !important; min-height: 104px !important; padding-top: 14px !important; padding-bottom: 14px !important; }
}
/* === END ALA-41p === */

/* === ALA-41q home hero: no navy gap below hero image (parity with original) === */
.fp-1jqwYOJF section.hero { padding-bottom: 0 !important; }
/* === END ALA-41q === */


/* === ALA-41r contacto-dropdown-right-edge (2026-06-05) === */
@media (min-width:1460px){
  .navigation.navigation .nav-menu.nav-menu .dropdown.w-dropdown:last-of-type > .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list{
    left:auto !important; right:0 !important; margin-left:0 !important; transform:none !important;
  }
}
/* === END ALA-41r === */


/* === ALA-41m narrow-desktop hamburger (992-1459) === */
@media (min-width: 992px) and (max-width: 1459px) {
  body .navigation.w-nav.w-nav { display: none !important; }
  body .navigation-mob.w-nav.w-nav { display: block !important; }
  .navigation-mob.w-nav .navigation-container-mob {
    max-width: 1100px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .navigation-mob.w-nav .mobile-nav.w-nav-menu .mobile-toggle.w-dropdown-toggle > .w-icon-dropdown-toggle {
    order: 2 !important; margin-left: 12px !important; margin-right: 0 !important;
  }
  .navigation-mob.w-nav .mobile-nav.w-nav-menu .mobile-toggle.w-dropdown-toggle > a,
  .navigation-mob.w-nav .mobile-nav.w-nav-menu .mobile-toggle.w-dropdown-toggle > div:not(.w-icon-dropdown-toggle) {
    order: 1 !important; min-width: 0 !important;
  }
}
/* === END ALA-41m === */

/* === ALA-41o mobile hamburger icon color === */
@media (max-width: 1459px) {
  body .navigation-mob.w-nav .w-nav-button.w-nav-button,
  body .navigation-mob.w-nav .w-nav-button .w-icon-nav-menu,
  body .navigation-mob.w-nav .menu-mob-4 { color: #ffffff !important; }
}
/* === END ALA-41o === */

/* === ALA-41t no double bar >=1460 === */
@media (min-width: 1460px) {
  body .navigation-mob.w-nav.w-nav { display: none !important; }
}
/* === END ALA-41t === */



































/* === ALA-41u desktop header breakpoint restore === */
/* Restore desktop nav at common desktop widths. Mobile keeps hamburger below 992px. 2026-06-05 */
@media (max-width: 991px) {
  body .navigation-mob.w-nav.w-nav .navigation-container-mob.navigation-container-mob {
    position: relative !important;
  }

  body .navigation-mob.w-nav.w-nav .brand-2.w-nav-brand,
  body .navigation-mob.w-nav.w-nav .flowbase-logo.flowbase-logo,
  body .navigation-mob.w-nav.w-nav .brand-2 img.flowbase-logo {
    width: 176px !important;
    max-width: 176px !important;
  }

  body .navigation-mob.w-nav.w-nav .menu-mob-4.w-nav-button,
  body .navigation-mob.w-nav.w-nav .w-nav-button.w-nav-button {
    position: absolute !important;
    top: 50% !important;
    right: 24px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 2 !important;
  }
}

@media (min-width: 992px) {
  body .navigation.w-nav.w-nav {
    display: flex !important;
  }

  body .navigation-mob.w-nav.w-nav {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body .navigation.w-nav.w-nav {
    height: 132px !important;
    min-height: 132px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    overflow: visible !important;
  }

  body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 108px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-content: center !important;
    row-gap: 4px !important;
  }

  body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    height: 62px !important;
    min-height: 62px !important;
  }

  body .navigation.w-nav.w-nav .brand.w-nav-brand {
    width: 176px !important;
    min-width: 176px !important;
  }

  body .navigation.w-nav.w-nav .global-logo {
    width: 176px !important;
    max-width: 176px !important;
  }

  body .navigation.w-nav.w-nav .nav-menu.w-nav-menu,
  body .navigation.w-nav.w-nav nav.nav-menu {
    display: flex !important;
    min-width: 0 !important;
    width: auto !important;
    flex: 0 1 auto !important;
    justify-content: center !important;
    gap: 0 !important;
  }

  body .navigation.w-nav.w-nav .nav-menu.w-nav-menu > .dropdown.w-dropdown,
  body .navigation.w-nav.w-nav nav.nav-menu > .dropdown.w-dropdown {
    flex: 0 1 auto !important;
    max-width: none !important;
  }

  body .navigation.w-nav.w-nav .dropdown-toggle-2 {
    padding-left: 2px !important;
    padding-right: 14px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  body .navigation.w-nav.w-nav .text-block-9,
  body .navigation.w-nav.w-nav .dropdown-toggle-2 > a.text-block-9 {
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }

  body .navigation.w-nav.w-nav .dropdown-toggle-2 > .chevron,
  body .navigation.w-nav.w-nav .dropdown-toggle-2 > .w-icon-dropdown-toggle {
    right: 0 !important;
    font-size: 13px !important;
  }

  body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    display: flex !important;
    flex: 1 1 100% !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 16px !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body .navigation.w-nav.w-nav .global-button-primary-2.boton {
    width: 128px !important;
    min-width: 128px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  body .navigation.w-nav.w-nav .global-button-primary-2:not(.boton) {
    width: 198px !important;
    min-width: 198px !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 132px !important;
    left: 16px !important;
    right: 16px !important;
    transform: none !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 132px !important;
    left: auto !important;
    right: 16px !important;
    transform: none !important;
    width: min(608px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4 > .dropdown-pointer-4 {
    max-width: 100% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1459px) {
  body .navigation.w-nav.w-nav {
    height: 124px !important;
    min-height: 124px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
  }

  body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    flex-flow: row wrap !important;
    height: auto !important;
    min-height: 96px !important;
    align-content: center !important;
    row-gap: 4px !important;
  }

  body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    flex: 1 1 100% !important;
    flex-flow: row nowrap !important;
    justify-content: center !important;
    height: 58px !important;
    min-height: 58px !important;
  }

  body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    display: flex !important;
    flex: 1 1 100% !important;
    justify-content: center !important;
    align-items: center !important;
    height: 36px !important;
    min-height: 36px !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 124px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 124px !important;
    left: auto !important;
    right: 16px !important;
    transform: none !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 1460px) and (max-width: 1478px) {
  body .navigation.w-nav.w-nav {
    height: 116px !important;
    min-height: 116px !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 116px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 116px !important;
    left: auto !important;
    right: 16px !important;
    transform: none !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) and (max-width: 1478px) {
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(1168px, calc(100vw - 32px)) !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(896px, calc(100vw - 32px)) !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(1100px, calc(100vw - 32px)) !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(896px, calc(100vw - 32px)) !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(608px, calc(100vw - 32px)) !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]) > .navigation-dropdown-4.navigation-dropdown-4 > .dropdown-pointer-4 {
    max-width: 100% !important;
  }
}

@media (min-width: 992px) {
  body .navigation.w-nav.w-nav .navigation-right.navigation-right .global-button-primary-2.global-button-primary-2 {
    box-sizing: border-box !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 20px !important;
  }
}
/* === END ALA-41u desktop header breakpoint restore === */

/* === ALA-41v mobile header sticky (match desktop) 2026-06-09 === */
body .navigation-mob.w-nav.w-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 2147483640 !important;
}
/* === END ALA-41v mobile header sticky === */


/* === ALA-75 support-card font Poppins parity 2026-06-09 === */
/* paymatico.com renders the support cards in Poppins; on staging the scoped Poppins rule
   misses non-freeform pages (/contacto) so they inherit Baticasans. Force Poppins to match. */
.heading-53.heading-53,
.paragraph-92.paragraph-92,
.paragraph-93.paragraph-93,
.div-block-43 .heading-53,
.div-block-43 .paragraph-92,
.div-block-43 .paragraph-93,
.div-block-43 .paragraph-92 strong,
.div-block-43 .paragraph-93 strong {
  font-family: Poppins, sans-serif !important;
}
/* === END ALA-75 === */









/* === ALA-41w header full-bleed content on wide desktop (>=1580) — 2026-06-09 === */
/* On one-row desktop the navy bar was capped at max-width:1920px and its content (logo+menu+CTAs)
   sat content-width + centered, so on wide screens (notably >1920) the header floated in the middle
   with growing empty navy margins. Make the bar fill the full viewport and distribute content
   edge-to-edge: logo+menu pinned left, CTAs pinned right, 60px side padding.
   Scoped >=1580: that is the lowest width where the ~1397px-wide content + 120px side padding fits
   in ONE row. Below 1580 the content+padding would overflow and the container (flex-wrap from
   ALA-41p) would wrap the CTAs onto a broken 2nd row, so 1460-1579 keeps ALA-41u's centered one-row
   (already near-full), 992-1459 keeps the tuned 2-row compact layout, <=991 the mobile hamburger.
   flex-flow:row nowrap is a guard so a sub-pixel boundary never re-introduces the wrap. */
@media (min-width: 1580px) {
  body .navigation.w-nav.w-nav { max-width: none !important; width: 100% !important; }
  body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    width: 100% !important; max-width: none !important;
    flex-flow: row nowrap !important;
    justify-content: space-between !important;
    padding-left: 60px !important; padding-right: 60px !important; gap: 24px !important;
  }
  body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    flex: 0 1 auto !important; justify-content: flex-start !important;
  }
  body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    flex: 0 0 auto !important; justify-content: flex-end !important;
  }
}
/* === END ALA-41w === */

/* === ALA-41 contact-form mobile width (2026-06-09) === */
.paymatico-contact-home .contact-split.contact-split{
  padding-left:0 !important; padding-right:0 !important;
}
/* === END ALA-41 contact-form mobile width === */

/* paymatico-client-feedback-20260619: keep responsive dropdowns attached to the header */
.navigation.w-nav .dropdown,
.navigation.w-nav .w-dropdown {
  position: relative !important;
}

.navigation.w-nav .navigation-dropdown-4,
.navigation.w-nav .w-dropdown-list {
  top: calc(100% - 1px) !important;
  margin-top: 0 !important;
}

.navigation.w-nav .dropdown::after,
.navigation.w-nav .w-dropdown::after {
  content: "" !important;
  position: absolute !important;
  left: -24px !important;
  right: -24px !important;
  top: 100% !important;
  height: 16px !important;
  display: block !important;
  pointer-events: auto !important;
}

/* paymatico-client-feedback-20260619: prevent Webflow feature cards from clipping body copy */
.div-block-48 {
  height: auto !important;
  min-height: 220px !important;
  overflow: visible !important;
  padding: 32px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

.div-block-48 .heading-55,
.div-block-48 h3 {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  line-height: 1.18 !important;
}

.div-block-48 .paragraph-94,
.div-block-48 p {
  margin-bottom: 0 !important;
  line-height: 1.65 !important;
  overflow: visible !important;
}

@media (max-width: 991px) {
  .div-block-48 {
    min-height: 0 !important;
  }
}

/* paymatico-client-feedback-20260619-v2-dropdown-row-anchor: anchor desktop-responsive mega menus to the nav row, not the CTA row */
@media (min-width: 992px) and (max-width: 1199px) {
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .navigation-dropdown-4.navigation-dropdown-4:not(#paymatico-dropdown-fix),
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .w-dropdown-list.w-dropdown-list:not(#paymatico-dropdown-fix) {
    position: fixed !important;
    top: 76px !important;
  }
}

@media (min-width: 1200px) and (max-width: 1459px) {
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .navigation-dropdown-4.navigation-dropdown-4:not(#paymatico-dropdown-fix),
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .w-dropdown-list.w-dropdown-list:not(#paymatico-dropdown-fix) {
    position: fixed !important;
    top: 72px !important;
  }
}

@media (min-width: 1460px) and (max-width: 1478px) {
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .navigation-dropdown-4.navigation-dropdown-4:not(#paymatico-dropdown-fix),
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .w-dropdown-list.w-dropdown-list:not(#paymatico-dropdown-fix) {
    position: fixed !important;
    top: 69px !important;
  }
}

@media (min-width: 1479px) and (max-width: 1579px) {
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .navigation-dropdown-4.navigation-dropdown-4:not(#paymatico-dropdown-fix),
  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .w-dropdown-list.w-dropdown-list:not(#paymatico-dropdown-fix) {
    position: fixed !important;
    top: 82px !important;
  }
}

/* paymatico-client-feedback-20260619-header-link-colors: keep raw imported header links/buttons styled on docs pages */
body .navigation.w-nav.w-nav .nav-menu a.text-block-9,
body .navigation.w-nav.w-nav .dropdown-toggle-2 > a.text-block-9 {
  color: #fff !important;
  text-decoration: none !important;
}

body .navigation.w-nav.w-nav .nav-menu .dropdown.w-dropdown:hover a.text-block-9,
body .navigation.w-nav.w-nav .nav-menu .dropdown.w-dropdown.w--open a.text-block-9,
body .navigation.w-nav.w-nav .dropdown-toggle-2.w--open > a.text-block-9 {
  color: #a9e815 !important;
}

body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2.global-button-primary-2 {
  text-decoration: none !important;
  font-weight: 700 !important;
}

body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2.boton {
  background-color: #fff !important;
  color: #0b132b !important;
}

body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2:not(.boton) {
  background-color: #a9e815 !important;
  color: #0b132b !important;
}

/* paymatico-client-feedback-20260619-header-imported-link-reset: reset imported Webflow header links when a raw page lacks full Webflow CSS */
body .navigation.w-nav.w-nav .dropdown-toggle-2 .text-block-9,
body .navigation.w-nav.w-nav .dropdown-toggle-2 a.text-block-9 {
  color: #fff !important;
  text-decoration: none !important;
  font-family: Poppins, sans-serif !important;
  font-weight: 700 !important;
}

body .navigation.w-nav.w-nav .dropdown.w-dropdown:hover > .dropdown-toggle-2 .text-block-9,
body .navigation.w-nav.w-nav .dropdown.w-dropdown.w--open > .dropdown-toggle-2 .text-block-9,
body .navigation.w-nav.w-nav .dropdown-toggle-2.w--open .text-block-9 {
  color: #a9e815 !important;
}

body .navigation.w-nav.w-nav .navigation-dropdown-4 a,
body .navigation.w-nav.w-nav .navigation-dropdown-4 a:visited,
body .navigation.w-nav.w-nav .navigation-dropdown-4 .dropdown-link-4,
body .navigation.w-nav.w-nav .navigation-dropdown-4 .dropdown-link-3 {
  color: #0b132b !important;
  text-decoration: none !important;
}

body .navigation.w-nav.w-nav .navigation-dropdown-4 .dropdown-title,
body .navigation.w-nav.w-nav .navigation-dropdown-4 .heading-7,
body .navigation.w-nav.w-nav .navigation-dropdown-4 .heading-20,
body .navigation.w-nav.w-nav .navigation-dropdown-4 h4 {
  color: #0b132b !important;
  text-decoration: none !important;
}

body .navigation.w-nav.w-nav .navigation-dropdown-4 .nav-link-details-3,
body .navigation.w-nav.w-nav .navigation-dropdown-4 .paragraph-4 {
  color: #6f7d80 !important;
  text-decoration: none !important;
}


/* === ALA-HIDE-AIRFOODS hide Caso Airfoods card (page unpublished, no permission) 2026-06-19 === */
.seo-resource-grid a[href="/caso-exito-airfoods"],
a[href="/caso-exito-airfoods"] {
  display: none !important;
}
/* === END ALA-HIDE-AIRFOODS === */


/* === ALA-DROPDOWN-CENTER center mega-menu panels in uncovered bands (2026-06-19) === */
@media (min-width: 992px) and (max-width: 1199px) {
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 132px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (min-width: 1479px) {
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 82px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* === END ALA-DROPDOWN-CENTER === */


/* === ALA-footer-hover footer links brighten white on hover (2026-06-29) === */
footer.alarife-imported-footer.alarife-imported-footer .div-block-19 a:hover,
footer.alarife-imported-footer.alarife-imported-footer .div-block-56 a:hover,
footer.alarife-imported-footer.alarife-imported-footer a:hover {
  color: #ffffff !important;
}
footer.alarife-imported-footer.alarife-imported-footer a {
  transition: color 0.15s ease !important;
}
/* === END ALA-footer-hover footer links brighten white on hover (2026-06-29) === */


/* === ALA-contact-form-single-card remove white backing card behind form iframe (2026-06-29) === */
.paymatico-contact-home .contact-right .contact-form-card.contact-form-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
/* === END ALA-contact-form-single-card remove white backing card behind form iframe (2026-06-29) === */





/* === ALA-legal-text-uniform legal docs body text matches Contrato Marco size (2026-06-29) === */
.section-15 p,
.section-15 li,
.section-15 p span,
.section-15 li span {
  font-size: var(--textoslegales, 14px) !important;
}
:has(#cookies) #cookies .paragraph-55.paragraph-55.paragraph-55,
:has(#legal) #legal .paragraph-55.paragraph-55.paragraph-55 {
  font-size: var(--textoslegales, 14px) !important;
}
/* === END ALA-legal-text-uniform legal docs body text matches Contrato Marco size (2026-06-29) === */



/* === ALA-hover-form-fix header/footer hover + contact form compact iframe (2026-06-29) === */
html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2.global-button-primary-2,
html body .navigation-mob.w-nav.w-nav .global-button-primary-2.global-button-primary-2 {
  transition: color .3s ease-out, background-color .3s ease-out, box-shadow .3s ease-out !important;
}

html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2.boton:hover,
html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2.boton:focus-visible,
html body .navigation-mob.w-nav.w-nav .global-button-primary-2.boton:hover,
html body .navigation-mob.w-nav.w-nav .global-button-primary-2.boton:focus-visible {
  background-color: #ffffff !important;
  color: #a9e815 !important;
  box-shadow: none !important;
}

html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2:not(.boton):hover,
html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2:not(.boton):focus-visible,
html body .navigation-mob.w-nav.w-nav .global-button-primary-2:not(.boton):hover,
html body .navigation-mob.w-nav.w-nav .global-button-primary-2:not(.boton):focus-visible {
  background-color: #ffffff !important;
  color: #0b132b !important;
  box-shadow: none !important;
}

html body footer.alarife-imported-footer.alarife-imported-footer a:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a:focus-visible,
html body .alarife-imported-footer.alarife-imported-footer a:hover,
html body .alarife-imported-footer.alarife-imported-footer a:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer .link-5:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .link-5:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer .link-6:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .link-6:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer .link-7:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .link-7:focus-visible {
  color: #ffffff !important;
}

html body footer.alarife-imported-footer.alarife-imported-footer a,
html body .alarife-imported-footer.alarife-imported-footer a {
  transition: color .15s ease !important;
}

html body main .paymatico-contact-home .contact-right.contact-right {
  padding-bottom: 0 !important;
}

html body main .paymatico-contact-home .contact-form-card.contact-form-card {
  height: 716px !important;
  min-height: 0 !important;
  max-height: 716px !important;
  overflow: hidden !important;
}

html body main .paymatico-contact-home .contact-form-card.contact-form-card iframe#inline-VyKeeRTjWhGZii9Gb9Cu,
html body main .paymatico-contact-home iframe#inline-VyKeeRTjWhGZii9Gb9Cu {
  height: 716px !important;
  min-height: 716px !important;
  max-height: 716px !important;
}
/* === END ALA-hover-form-fix header/footer hover + contact form compact iframe (2026-06-29) === */




/* === ALA-footer-white-hover force pure white footer hover (2026-06-29) === */
html body footer.alarife-imported-footer.alarife-imported-footer a,
html body .alarife-imported-footer.alarife-imported-footer a,
html body footer.alarife-imported-footer.alarife-imported-footer a *,
html body .alarife-imported-footer.alarife-imported-footer a * {
  transition: color .08s ease !important;
}

html body footer.alarife-imported-footer.alarife-imported-footer a:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a:hover *,
html body footer.alarife-imported-footer.alarife-imported-footer a:focus-visible *,
html body .alarife-imported-footer.alarife-imported-footer a:hover,
html body .alarife-imported-footer.alarife-imported-footer a:focus-visible,
html body .alarife-imported-footer.alarife-imported-footer a:hover *,
html body .alarife-imported-footer.alarife-imported-footer a:focus-visible * {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration-color: #ffffff !important;
}

html body footer.alarife-imported-footer.alarife-imported-footer h4:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-5:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-6:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-7:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-8:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-9:hover,
html body .alarife-imported-footer.alarife-imported-footer h4:hover,
html body .alarife-imported-footer.alarife-imported-footer .heading-5:hover,
html body .alarife-imported-footer.alarife-imported-footer .heading-6:hover,
html body .alarife-imported-footer.alarife-imported-footer .heading-7:hover,
html body .alarife-imported-footer.alarife-imported-footer .heading-8:hover,
html body .alarife-imported-footer.alarife-imported-footer .heading-9:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}
/* === END ALA-footer-white-hover force pure white footer hover (2026-06-29) === */




/* === ALA-footer-hover-white-no-legal-hover stronger footer links only (2026-06-29) === */
html body footer.alarife-imported-footer.alarife-imported-footer .div-block-56 a:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .div-block-56 a:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer .div-block-19 a:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .div-block-19 a:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-12:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-12:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-5:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-5:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-6:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-6:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-7:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-7:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-8:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-8:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-9:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-9:focus-visible,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-10:hover,
html body footer.alarife-imported-footer.alarife-imported-footer a.link-10:focus-visible {
  color: #ffffff !important;
  opacity: 1 !important;
  text-decoration-color: #ffffff !important;
}

html body footer.alarife-imported-footer.alarife-imported-footer h4:not(.heading-9):hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-5:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-6:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-7:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-8:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}

html body footer.alarife-imported-footer.alarife-imported-footer .div-block-83,
html body footer.alarife-imported-footer.alarife-imported-footer .div-block-83:hover,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-9,
html body footer.alarife-imported-footer.alarife-imported-footer .heading-9:hover,
html body .alarife-imported-footer.alarife-imported-footer .div-block-83,
html body .alarife-imported-footer.alarife-imported-footer .div-block-83:hover,
html body .alarife-imported-footer.alarife-imported-footer .heading-9,
html body .alarife-imported-footer.alarife-imported-footer .heading-9:hover {
  color: #829191 !important;
  opacity: 1 !important;
}
/* === END ALA-footer-hover-white-no-legal-hover stronger footer links only (2026-06-29) === */




/* === ALA-hero-reservar-demo-visible restore hero primary CTA (2026-06-30) === */
html body main .freeform-content .hero-actions.hero-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body main .freeform-content a.hero-cta-main.hero-cta-main[href="/formulariocomercial"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 14px 24px !important;
  border: 1px solid #a9e815 !important;
  border-radius: 999px !important;
  background-color: #a9e815 !important;
  color: #0b132b !important;
  font-family: Baticasans, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  box-shadow: none !important;
  transform: none !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

html body main .freeform-content a.hero-cta-main.hero-cta-main[href="/formulariocomercial"]:visited {
  color: #0b132b !important;
}

html body main .freeform-content a.hero-cta-main.hero-cta-main[href="/formulariocomercial"]:hover,
html body main .freeform-content a.hero-cta-main.hero-cta-main[href="/formulariocomercial"]:focus-visible {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #0b132b !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}
/* === END ALA-hero-reservar-demo-visible restore hero primary CTA (2026-06-30) === */









/* === ALA-header-consistent-sitewide normalize desktop header across pages (2026-06-30) === */
@media (min-width: 992px) {
  html body .navigation.w-nav.w-nav .nav-menu.w-nav-menu.nav-menu > .dropdown.w-dropdown.dropdown,
  html body .navigation.w-nav.w-nav nav.nav-menu.nav-menu > .dropdown.w-dropdown.dropdown {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2.dropdown-toggle-2.dropdown-toggle-2 {
    gap: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 0 14px 0 4px !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2.dropdown-toggle-2 .text-block-9.text-block-9,
  html body .navigation.w-nav.w-nav .dropdown-toggle-2.dropdown-toggle-2 a.text-block-9.text-block-9 {
    display: block !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Baticasans, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right.navigation-right .global-button-primary-2.global-button-primary-2,
  html body .navigation.w-nav.w-nav .navigation-right.navigation-right .global-button-primary-2.global-button-primary-2 .text-block-11,
  html body .navigation.w-nav.w-nav .navigation-right.navigation-right .global-button-primary-2.global-button-primary-2 .text-block-12 {
    font-family: Baticasans, Arial, sans-serif !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 991px) {
  html body .navigation-mob.w-nav.w-nav {
    height: 85px !important;
    min-height: 85px !important;
    max-height: 85px !important;
    box-sizing: border-box !important;
  }
}
/* === END ALA-header-consistent-sitewide normalize desktop header across pages (2026-06-30) === */




/* === ALA-resources-dropdown-contained keep resources mega menu inside white card (2026-06-30) === */
@media (min-width: 992px) {
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(1080px, calc(50vw + 344px), calc(100vw - 32px)) !important;
    max-width: min(1080px, calc(100vw - 32px)) !important;
    box-sizing: border-box !important;
    padding: 10px !important;
    overflow: hidden !important;
    border-radius: 30px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4 > .dropdown-pointer-4.dropdown-pointer-4 {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .div-block-28.div-block-28 {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .dropdown-link-4.dropdown-link-4 {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .nav-link-details-3.nav-link-details-3 {
    white-space: normal !important;
  }
}

@media (min-width: 1360px) {
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .nav-link-details-3.nav-link-details-3 {
    white-space: nowrap !important;
  }
}
/* === END ALA-resources-dropdown-contained keep resources mega menu inside white card (2026-06-30) === */









/* === ALA-resources-dropdown-compact-height reduce resources mega menu vertical whitespace (2026-06-30) === */
@media (min-width: 992px) {
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4 > .dropdown-pointer-4.dropdown-pointer-4 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .heading-20.heading-20 {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .dropdown-link-4.dropdown-link-4 {
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    box-sizing: border-box !important;
  }
}
/* === END ALA-resources-dropdown-compact-height reduce resources mega menu vertical whitespace (2026-06-30) === */



/* === ALA-polish-batch-responsive fixes form header buttons legal sac cases (2026-07-01) === */
/* test only */
html body main .paymatico-contact-home.paymatico-contact-home,
html body main .paymatico-contact-home .contact-split.contact-split {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

@media (min-width: 992px) {
  html body main .paymatico-contact-home .contact-split.contact-split {
    padding-bottom: 110px !important;
    align-items: stretch !important;
  }

  html body main .paymatico-contact-home .contact-right.contact-right {
    height: auto !important;
    min-height: 0 !important;
    align-self: stretch !important;
    margin-right: clamp(24px, 3.5vw, 56px) !important;
    padding-left: clamp(48px, 5vw, 72px) !important;
    padding-right: clamp(32px, 4vw, 56px) !important;
    padding-bottom: 64px !important;
    overflow: visible !important;
  }

  html body main .paymatico-contact-home .contact-form-block.contact-form-block {
    width: min(100%, 640px) !important;
    max-width: 640px !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }

  html body main .paymatico-contact-home .contact-form-card.contact-form-card {
    height: auto !important;
    min-height: 860px !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
  }

  html body main .paymatico-contact-home .contact-form-card.contact-form-card iframe#inline-VyKeeRTjWhGZii9Gb9Cu,
  html body main .paymatico-contact-home iframe#inline-VyKeeRTjWhGZii9Gb9Cu {
    height: 860px !important;
    min-height: 860px !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

@media (max-width: 991px) {
  html body main .paymatico-contact-home .contact-split.contact-split {
    padding: 48px 20px 72px !important;
  }
  html body main .paymatico-contact-home .contact-left.contact-left,
  html body main .paymatico-contact-home .contact-right.contact-right {
    height: auto !important;
    min-height: 0 !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    overflow: visible !important;
  }
  html body main .paymatico-contact-home .contact-right.contact-right {
    padding-bottom: 48px !important;
  }
  html body main .paymatico-contact-home iframe#inline-VyKeeRTjWhGZii9Gb9Cu {
    height: 920px !important;
    min-height: 920px !important;
  }

  html body main .paymatico-contact-home .contact-right.contact-right .contact-form-card.contact-form-card,
  html body main .paymatico-contact-home .contact-right.contact-right .contact-form-card.contact-form-card iframe#inline-VyKeeRTjWhGZii9Gb9Cu {
    height: 920px !important;
    min-height: 920px !important;
    max-height: none !important;
  }
}

@media (min-width: 992px) {
  html body .navigation.w-nav.w-nav .dropdown-toggle-2 .text-block-9,
  html body .navigation.w-nav.w-nav .dropdown-toggle-2 a.text-block-9 {
    cursor: pointer !important;
    user-select: none !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    gap: 30px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right.navigation-right .global-button-primary-2.global-button-primary-2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 6px 12px !important;
    font-family: Baticasans, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 991px) {
  html body .navigation-mob.w-nav.w-nav .mobile-nav.w-nav-menu,
  html body .navigation-mob.w-nav.w-nav .mobile-nav.w-nav-menu * {
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  html body .navigation-mob.w-nav.w-nav .mobile-dropdown.w-dropdown,
  html body .navigation-mob.w-nav.w-nav .mobile-toggle.w-dropdown-toggle {
    cursor: pointer !important;
  }

  html body .navigation-mob.w-nav.w-nav .mobile-toggle.w-dropdown-toggle {
    text-transform: uppercase !important;
    transition: color .2s ease, background-color .2s ease, transform .2s ease !important;
  }

  html body .navigation-mob.w-nav.w-nav .mobile-toggle.w-dropdown-toggle:hover,
  html body .navigation-mob.w-nav.w-nav .mobile-toggle.w-dropdown-toggle.w--open {
    color: #a9e815 !important;
    background-color: rgba(169, 232, 21, .08) !important;
  }

  html body .navigation-mob.w-nav.w-nav .mobile-toggle.w-dropdown-toggle > .w-icon-dropdown-toggle {
    transition: transform .2s ease !important;
  }

  html body .navigation-mob.w-nav.w-nav .mobile-toggle.w-dropdown-toggle.w--open > .w-icon-dropdown-toggle,
  html body .navigation-mob.w-nav.w-nav .mobile-dropdown.w--open > .mobile-toggle.w-dropdown-toggle > .w-icon-dropdown-toggle {
    transform: rotate(180deg) !important;
  }

  html body .navigation-mob.w-nav.w-nav .dropdown-list.w-dropdown-list {
    opacity: 0 !important;
    transform: translateY(-6px) !important;
    transition: opacity .2s ease, transform .2s ease !important;
  }

  html body .navigation-mob.w-nav.w-nav .dropdown-list.w-dropdown-list.w--open,
  html body .navigation-mob.w-nav.w-nav .mobile-dropdown.w--open > .dropdown-list.w-dropdown-list {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  html body .navigation-mob.w-nav.w-nav .mobile-nav.w-nav-menu .global-button-primary-2.global-button-primary-2 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    height: 44px !important;
    font-weight: 700 !important;
  }
}

html body main a.button.botonpaymatico,
html body main a.pm-btn,
html body main button.pm-btn,
html body main a.partner-btn,
html body main a.partner-link,
html body main a.hero-cta-main,
html body main a.hero-cta-sec,
html body main a.cta-main,
html body main a.cta-sec {
  transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, opacity .2s ease !important;
  will-change: transform !important;
}

html body main a.button.botonpaymatico:hover,
html body main a.button.botonpaymatico:focus-visible,
html body main a.pm-btn:hover,
html body main a.pm-btn:focus-visible,
html body main button.pm-btn:hover,
html body main button.pm-btn:focus-visible,
html body main a.partner-btn:hover,
html body main a.partner-btn:focus-visible,
html body main a.hero-cta-main:hover,
html body main a.hero-cta-main:focus-visible,
html body main a.cta-main:hover,
html body main a.cta-main:focus-visible {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(11, 19, 43, .18) !important;
}

html body main a.partner-link:hover,
html body main a.partner-link:focus-visible,
html body main a.hero-cta-sec:hover,
html body main a.hero-cta-sec:focus-visible,
html body main a.cta-sec:hover,
html body main a.cta-sec:focus-visible {
  transform: translateY(-1px) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

html body main a.pm-btn.secondary:hover,
html body main a.pm-btn.secondary:focus-visible {
  background-color: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
}

html body main .heading-38.heading-38,
html body main .heading-39.heading-39,
html body main .heading-40.heading-40 {
  font-size: 25px !important;
  line-height: 31.25px !important;
  font-weight: 700 !important;
  margin: 20px 0 18px !important;
  font-family: Poppins, Baticasans, Arial, sans-serif !important;
}

html body main .div-block-72.div-block-72 > :first-child,
html body main .div-block-72.div-block-72 h1:first-child,
html body main .div-block-72.div-block-72 h2:first-child,
html body main .div-block-72.div-block-72 h3:first-child,
html body main .div-block-72.div-block-72 h4:first-child,
html body main .div-block-72.div-block-72 p:first-child {
  margin-top: 0 !important;
}

html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) .icon-square-5.icon-square-5 {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  border-radius: 7px !important;
  background-color: #323c4d !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 36px 36px !important;
  overflow: hidden !important;
}

html body .navigation.w-nav.w-nav a[href="/socios/software-gestion"] .icon-square-5.icon-square-5 {
  background-image: url('/header-icons/settings.svg') !important;
}

html body .navigation.w-nav.w-nav a[href="/socios/restauracion"] .icon-square-5.icon-square-5 {
  background-image: url('/header-icons/utensils.svg') !important;
}

html body .navigation.w-nav.w-nav a[href="/socios/software-gestion"] .icon-square-5.icon-square-5 > img,
html body .navigation.w-nav.w-nav a[href="/socios/restauracion"] .icon-square-5.icon-square-5 > img {
  opacity: 0 !important;
}
/* === END ALA-polish-batch-responsive fixes form header buttons legal sac cases (2026-07-01) === */


/* === ALA-footer-hover-strong-white (2026-07-01) === */
:is(.section-46,.section-28,.section-17,.section-10,.div-block-67,.div-block-66,.div-block-70,.div-block-82,.div-block-19) :is(.heading-5,.heading-6,.heading-7,.heading-8) {
  transition: color 160ms ease !important;
}

:is(.section-46,.section-28,.section-17,.section-10,.div-block-67,.div-block-66,.div-block-70,.div-block-82,.div-block-19) :is(.heading-5,.heading-6,.heading-7,.heading-8):hover,
:is(.section-46,.section-28,.section-17,.section-10,.div-block-67,.div-block-66,.div-block-70,.div-block-82,.div-block-19) a:hover,
:is(.section-46,.section-28,.section-17,.section-10,.div-block-67,.div-block-66,.div-block-70,.div-block-82,.div-block-19) a:focus-visible {
  color: #ffffff !important;
}
/* === END ALA-footer-hover-strong-white === */


/* === ALA-desktop-nav-label-uniform (2026-07-01) === */
@media (min-width: 992px) {
  html body .navigation.w-nav .nav-menu .dropdown-toggle-2,
  html body .navigation.w-nav .nav-menu .dropdown-toggle-2 > *,
  html body .navigation.w-nav .nav-menu .dropdown-toggle-2 .text-block-9 {
    cursor: pointer !important;
    user-select: none !important;
    text-transform: uppercase !important;
    font-family: Baticasans, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
  }

  html body .navigation.w-nav .nav-menu .dropdown-toggle-2 {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* === END ALA-desktop-nav-label-uniform === */


/* === ALA-form-bottom-layer-fix (2026-07-01) === */
html body main .paymatico-contact-home.paymatico-contact-home .contact-split.contact-split .contact-right.contact-right.contact-right {
  padding-bottom: 0 !important;
  margin-bottom: clamp(40px, 5vw, 72px) !important;
}

@media (max-width: 991px) {
  html body main .paymatico-contact-home.paymatico-contact-home .contact-split.contact-split .contact-right.contact-right.contact-right {
    padding-bottom: 0 !important;
    margin-bottom: 48px !important;
  }
}
/* === END ALA-form-bottom-layer-fix === */


/* === ALA-legal-body-text-uniform (2026-07-01) === */
html body main .legal.legal p,
html body main .tyc.tyc p,
html body main .cookies.cookies p,
html body main .privacity.privacity p {
  font-family: Poppins, Baticasans, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #0b132b !important;
}
/* === END ALA-legal-body-text-uniform === */


/* === ALA-legal-body-lineheight-strong (2026-07-01) === */
html body main .legal.legal p[class*="paragraph-"],
html body main .tyc.tyc p[class*="paragraph-"],
html body main .cookies.cookies p[class*="paragraph-"],
html body main .privacity.privacity p[class*="paragraph-"] {
  font-family: Poppins, Baticasans, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #0b132b !important;
}

html body main .cookies.cookies p.paragraph-55.paragraph-55.paragraph-55 {
  line-height: 20px !important;
}
/* === END ALA-legal-body-lineheight-strong === */


/* === ALA-legal-license-first-paragraph-lineheight (2026-07-01) === */
html body main #cookies#cookies#cookies .paragraph-55.paragraph-55.paragraph-55,
html body main .cookies.cookies #cookies#cookies .paragraph-55.paragraph-55.paragraph-55 {
  font-family: Poppins, Baticasans, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #0b132b !important;
}
/* === END ALA-legal-license-first-paragraph-lineheight === */


/* === ALA-menu-icons-match-page-title (2026-07-02) === */
html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list a.dropdown-link-4.dropdown-link-4[href] .icon-square-5.icon-square-5:has(> img),
html body .navigation.navigation.w-nav.w-nav a.dropdown-link-mob.dropdown-link-mob[href] .icon-square-5.icon-square-5:has(> img) {
  background-image: none !important;
  background-color: transparent !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  overflow: visible !important;
}

html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list a.dropdown-link-4.dropdown-link-4[href] .icon-square-5.icon-square-5 > img.icon.icon,
html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list a.dropdown-link-4.dropdown-link-4[href] .icon-square-5.icon-square-5 > img.image-5.image-5,
html body .navigation.navigation.w-nav.w-nav a.dropdown-link-mob.dropdown-link-mob[href] .icon-square-5.icon-square-5 > img.icon.icon,
html body .navigation.navigation.w-nav.w-nav a.dropdown-link-mob.dropdown-link-mob[href] .icon-square-5.icon-square-5 > img.image-5.image-5 {
  display: block !important;
  opacity: 1 !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  object-fit: contain !important;
}
/* === END ALA-menu-icons-match-page-title === */




/* === ALA-page-menu-icons-match-dropdown (2026-07-02) === */
html body .ala-page-menu-icon {
  display: block !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  object-fit: contain !important;
  margin: 0 0 16px 0 !important;
}

html body .hero-copy > .ala-page-menu-icon,
html body .partner-copy > .ala-page-menu-icon {
  flex: 0 0 auto !important;
}

@media (max-width: 767px) {
  html body .ala-page-menu-icon {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    margin-bottom: 14px !important;
  }
}
/* === END ALA-page-menu-icons-match-dropdown === */

/* Alarife imported chrome guard: keep raw Webflow chrome stable across pages. */
@media (min-width: 992px) and (max-width: 1199px) {
  body .navigation.w-nav.w-nav {
    display: none !important;
  }

  body .navigation-mob.w-nav.w-nav {
    display: block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  body .navigation.w-nav.w-nav {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 104px !important;
    min-height: 104px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    overflow: visible !important;
  }

  body .navigation-mob.w-nav.w-nav {
    display: none !important;
  }

  body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    width: min(calc(100% - 32px), 1245px) !important;
    max-width: 1245px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-height: 64px !important;
    height: 64px !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-flow: row nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    align-content: center !important;
    gap: 56px !important;
  }

  body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
  }

  body .navigation.w-nav.w-nav .brand.w-nav-brand,
  body .navigation.w-nav.w-nav .global-logo {
    width: 160px !important;
    max-width: 160px !important;
    min-width: 160px !important;
  }

  body .navigation.w-nav.w-nav .nav-menu.nav-menu,
  body .navigation.w-nav.w-nav nav.nav-menu {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 0 !important;
  }

  body .navigation.w-nav.w-nav .dropdown-toggle-2.dropdown-toggle-2 {
    height: 60px !important;
    min-height: 60px !important;
    padding-left: 4px !important;
    padding-right: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  body .navigation.w-nav.w-nav .dropdown-toggle-2 .text-block-9,
  body .navigation.w-nav.w-nav .dropdown-toggle-2 a.text-block-9 {
    font-size: 12px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
  }

  body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    flex-flow: row nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    white-space: nowrap !important;
  }

  body .navigation.w-nav.w-nav .navigation-right .login-buttons,
  body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2 {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  body .navigation.w-nav.w-nav .global-button-primary-2.boton {
    width: 128px !important;
    min-width: 128px !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }

  body .navigation.w-nav.w-nav .global-button-primary-2:not(.boton) {
    width: 198px !important;
    min-width: 198px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    display: flex !important;
    grid-template-columns: none !important;
    width: min(calc(100% - 7px), 1193px) !important;
    max-width: 1193px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
  }

  html body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .brand.w-nav-brand,
  html body .navigation.w-nav.w-nav .global-logo {
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
  }

  html body .navigation.w-nav.w-nav .brand.w-nav-brand {
    height: 64.7656px !important;
    min-height: 64.7656px !important;
    max-height: 64.7656px !important;
  }

  html body .navigation.w-nav.w-nav .global-logo {
    display: block !important;
    height: 64.7656px !important;
    min-height: 64.7656px !important;
    max-height: 64.7656px !important;
    object-fit: fill !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contacto"]) {
    display: none !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2.dropdown-toggle-2 {
    padding-left: 4px !important;
    padding-right: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2 .text-block-9,
  html body .navigation.w-nav.w-nav .dropdown-toggle-2 a.text-block-9 {
    font-size: 12px !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .login-buttons {
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2.boton {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2:not(.boton) {
    width: 198px !important;
    min-width: 198px !important;
    max-width: 198px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 90px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(1168px, calc(100vw - 96px)) !important;
    max-width: calc(100vw - 96px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 90px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(896px, calc(100vw - 96px)) !important;
    max-width: calc(100vw - 96px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 90px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    width: min(1100px, calc(100vw - 96px)) !important;
    max-width: calc(100vw - 96px) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

@media (min-width: 992px) {
  html body .partner-hero.partner-hero {
    padding-top: 32px !important;
  }
}

@media (min-width: 1600px) {
  body .navigation.w-nav.w-nav {
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }

  body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    width: min(calc(100% - 32px), 1245px) !important;
    max-width: 1245px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-flow: row nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 72px !important;
  }

  body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    flex-flow: row nowrap !important;
    justify-content: flex-start !important;
  }

  body .navigation.w-nav.w-nav .nav-menu.nav-menu {
    flex: 0 1 auto !important;
    flex-flow: row nowrap !important;
    min-width: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }

  body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    flex: 0 0 auto !important;
    flex-flow: row nowrap !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-left: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    white-space: nowrap !important;
  }

  body .navigation.w-nav.w-nav .navigation-right .login-buttons,
  body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2 {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }
}

@media (min-width: 992px) {
  body .navigation.w-nav.w-nav .dropdown-toggle-2 .text-block-9,
  body .navigation.w-nav.w-nav .dropdown-toggle-2 a.text-block-9,
  body .navigation.w-nav.w-nav .navigation-right .login-buttons,
  body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2,
  body .navigation-mob.w-nav .mobile-toggle.w-dropdown-toggle {
    text-transform: uppercase !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:not(:has(> .w-dropdown-toggle)):not(:has(> .dropdown-toggle-2)):not(:has(> a)) {
    display: none !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown > .navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown > .w-dropdown-list {
    display: none !important;
    top: 90px !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
    max-width: calc(100vw - 32px) !important;
  }

  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown:hover > .navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown:hover > .w-dropdown-list,
  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown.w--open > .navigation-dropdown-4,
  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown.w--open > .w-dropdown-list,
  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown > .navigation-dropdown-4.w--open,
  body .navigation.w-nav.w-nav .nav-menu > .w-dropdown > .w-dropdown-list.w--open {
    display: flex !important;
  }
}

@media (min-width: 1479px) {
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 90px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: calc(100vw - 96px) !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    position: fixed !important;
    top: 90px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: calc(100vw - 96px) !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(1168px, calc(100vw - 32px)) !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(896px, calc(100vw - 32px)) !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    width: min(1100px, calc(100vw - 32px)) !important;
  }
}

@media (min-width: 1200px) {
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .navigation-dropdown-4.navigation-dropdown-4:not(#paymatico-dropdown-fix),
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown > .w-dropdown-list.w-dropdown-list:not(#paymatico-dropdown-fix) {
    position: fixed !important;
    top: 90px !important;
    margin-top: 0 !important;
  }
}

@media (min-width: 1479px) {
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    left: max(24px, calc((100vw - 1245px) / 2 - 367px)) !important;
    transform: none !important;
    width: min(1168px, calc(100vw - 32px)) !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    left: max(24px, calc((100vw - 1245px) / 2 - 114px)) !important;
    transform: none !important;
    width: min(896px, calc(100vw - 32px)) !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    left: max(24px, calc((100vw - 1245px) / 2 - 91px)) !important;
    transform: none !important;
    width: min(1100px, calc(100vw - 32px)) !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    left: max(24px, calc((100vw - 1245px) / 2 + 200px)) !important;
    transform: none !important;
    width: min(896px, calc(100vw - 32px)) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1478px) {
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/socios/marketplaces"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    left: 24px !important;
    transform: none !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]):hover > .navigation-dropdown-4.navigation-dropdown-4 {
    left: clamp(24px, calc(50vw - 578px), 548px) !important;
    transform: none !important;
  }
}

footer.alarife-imported-footer,
.alarife-imported-footer {
  background: #0b132b !important;
  color: #829191 !important;
  font-family: Poppins, sans-serif !important;
  overflow: hidden !important;
}

footer.alarife-imported-footer a,
.alarife-imported-footer a {
  color: #829191 !important;
  text-decoration: none !important;
  font-family: Poppins, sans-serif !important;
}

footer.alarife-imported-footer h4,
.alarife-imported-footer h4,
footer.alarife-imported-footer .heading-5,
.alarife-imported-footer .heading-5,
footer.alarife-imported-footer .heading-6,
.alarife-imported-footer .heading-6,
footer.alarife-imported-footer .heading-7,
.alarife-imported-footer .heading-7,
footer.alarife-imported-footer .heading-8,
.alarife-imported-footer .heading-8 {
  color: #a9e815 !important;
  font-family: Poppins, sans-serif !important;
}

footer.alarife-imported-footer .heading-9,
.alarife-imported-footer .heading-9 {
  color: #829191 !important;
  font-family: Poppins, sans-serif !important;
}

body .navigation-mob.w-nav .menu-mob-4.w-nav-button,
body .navigation-mob.w-nav .w-nav-button.w-nav-button {
  display: flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #a9e815 !important;
  border-radius: 8px !important;
}

body .navigation-mob.w-nav .w-icon-nav-menu {
  display: block !important;
  position: relative !important;
  width: 22px !important;
  height: 14px !important;
  color: #0b132b !important;
}

body .navigation-mob.w-nav .w-icon-nav-menu::before {
  content: "" !important;
  display: block !important;
  width: 22px !important;
  height: 2px !important;
  background: currentColor !important;
  border-radius: 2px !important;
  box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor !important;
}

body .navigation-mob.w-nav .mobile-nav.w-nav-menu,
body .navigation-mob.w-nav .mobile-nav.w-nav-menu a,
body .navigation-mob.w-nav .mobile-nav.w-nav-menu .mobile-toggle.w-dropdown-toggle {
  color: #0b132b !important;
  font-family: Poppins, sans-serif !important;
}

body .navigation-mob.w-nav .mobile-nav.w-nav-menu a {
  text-decoration: none !important;
}

@media (min-width: 992px) {
  footer.alarife-imported-footer,
  .alarife-imported-footer {
    width: 100% !important;
    max-width: none !important;
    background: #0b132b !important;
    color: #829191 !important;
    font-family: Poppins, sans-serif !important;
    overflow: hidden !important;
  }

  footer.alarife-imported-footer .section-46,
  footer.alarife-imported-footer .section-28,
  footer.alarife-imported-footer .section-48,
  .alarife-imported-footer .section-46,
  .alarife-imported-footer .section-28,
  .alarife-imported-footer .section-48 {
    width: 100% !important;
    max-width: none !important;
    background: #0b132b !important;
    box-sizing: border-box !important;
  }

  footer.alarife-imported-footer .quick-stack-6,
  .alarife-imported-footer .quick-stack-6 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: min(calc(100% - 64px), 1280px) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 48px 0 40px !important;
    gap: 40px 72px !important;
    box-sizing: border-box !important;
  }

  footer.alarife-imported-footer .w-layout-cell,
  .alarife-imported-footer .w-layout-cell {
    min-width: 0 !important;
  }

  footer.alarife-imported-footer .w-layout-cell:empty,
  .alarife-imported-footer .w-layout-cell:empty {
    display: none !important;
  }

  footer.alarife-imported-footer h4,
  .alarife-imported-footer h4,
  footer.alarife-imported-footer .heading-5,
  .alarife-imported-footer .heading-5,
  footer.alarife-imported-footer .heading-6,
  .alarife-imported-footer .heading-6,
  footer.alarife-imported-footer .heading-7,
  .alarife-imported-footer .heading-7,
  footer.alarife-imported-footer .heading-8,
  .alarife-imported-footer .heading-8 {
    margin: 0 0 16px !important;
    color: #a9e815 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
  }

  footer.alarife-imported-footer .div-block-56,
  .alarife-imported-footer .div-block-56 {
    display: grid !important;
    gap: 10px !important;
  }

  footer.alarife-imported-footer a.link-12,
  .alarife-imported-footer a.link-12 {
    display: block !important;
    width: auto !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
  }

  footer.alarife-imported-footer .cell-15:not(:empty),
  .alarife-imported-footer .cell-15:not(:empty),
  footer.alarife-imported-footer .cell-19,
  .alarife-imported-footer .cell-19 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 8px 0 0 !important;
    box-sizing: border-box !important;
  }

  footer.alarife-imported-footer .image-13,
  .alarife-imported-footer .image-13 {
    display: block !important;
    width: 178px !important;
    max-width: 178px !important;
    height: auto !important;
  }

  footer.alarife-imported-footer .div-block-76,
  .alarife-imported-footer .div-block-76 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
    width: auto !important;
  }

  footer.alarife-imported-footer img.image-37,
  .alarife-imported-footer img.image-37 {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    object-fit: contain !important;
  }

  footer.alarife-imported-footer .div-block-82,
  .alarife-imported-footer .div-block-82 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px 24px !important;
    width: min(calc(100% - 64px), 1280px) !important;
    max-width: 1280px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 18px 0 12px !important;
    box-sizing: border-box !important;
  }

  footer.alarife-imported-footer .div-block-19,
  .alarife-imported-footer .div-block-19 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    flex-wrap: wrap !important;
    gap: 8px 18px !important;
    width: auto !important;
    max-width: calc(100% - 56px) !important;
    height: auto !important;
  }

  footer.alarife-imported-footer .div-block-19 a,
  .alarife-imported-footer .div-block-19 a {
    display: inline-flex !important;
    width: auto !important;
    color: #829191 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  footer.alarife-imported-footer .div-block-9,
  .alarife-imported-footer .div-block-9 {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
  }

  footer.alarife-imported-footer .image-10,
  .alarife-imported-footer .image-10 {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
  }

  footer.alarife-imported-footer .div-block-83,
  .alarife-imported-footer .div-block-83 {
    width: min(calc(100% - 64px), 1280px) !important;
    max-width: 1280px !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px 0 30px !important;
    box-sizing: border-box !important;
    color: #829191 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    text-align: left !important;
  }

  footer.alarife-imported-footer .heading-9,
  .alarife-imported-footer .heading-9 {
    margin: 0 !important;
    color: #829191 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
  }
}

#al-cookie-banner,
#al-cookie-settings {
  right: 24px !important;
  bottom: 24px !important;
  left: auto !important;
  max-width: min(360px, calc(100vw - 48px)) !important;
  box-sizing: border-box !important;
  z-index: 2147483600 !important;
}

#al-cookie-banner .al-cb-btn,
#al-cookie-settings .al-cb-btn,
#al-cookie-banner .al-cb-btn-link,
#al-cookie-settings .al-cb-btn-link {
  min-height: 40px !important;
}

@media (max-width: 991px) {
  #al-cookie-banner,
  #al-cookie-settings {
    right: 16px !important;
    bottom: 16px !important;
    left: 16px !important;
    max-width: none !important;
    padding: 18px !important;
  }

  footer.alarife-imported-footer,
  .alarife-imported-footer {
    background: #0b132b !important;
    color: #829191 !important;
    font-family: Poppins, sans-serif !important;
    overflow: hidden !important;
  }

  footer.alarife-imported-footer .quick-stack-6,
  .alarife-imported-footer .quick-stack-6 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    padding: 32px 20px 24px !important;
    box-sizing: border-box !important;
  }

  footer.alarife-imported-footer .w-layout-cell,
  .alarife-imported-footer .w-layout-cell {
    display: block !important;
    min-width: 0 !important;
  }

  footer.alarife-imported-footer .w-layout-cell:empty,
  .alarife-imported-footer .w-layout-cell:empty {
    display: none !important;
  }

  footer.alarife-imported-footer h4,
  .alarife-imported-footer h4 {
    margin: 0 0 12px !important;
    color: #a9e815 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }

  footer.alarife-imported-footer .div-block-56,
  .alarife-imported-footer .div-block-56 {
    display: grid !important;
    gap: 8px !important;
  }

  footer.alarife-imported-footer a,
  .alarife-imported-footer a {
    color: #829191 !important;
    text-decoration: none !important;
    font-family: Poppins, sans-serif !important;
  }

  footer.alarife-imported-footer a.link-12,
  .alarife-imported-footer a.link-12 {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  footer.alarife-imported-footer .cell-15:not(:empty),
  .alarife-imported-footer .cell-15:not(:empty) {
    padding: 8px 20px 0 !important;
  }

  footer.alarife-imported-footer .image-13,
  .alarife-imported-footer .image-13 {
    display: block !important;
    width: 178px !important;
    max-width: 70vw !important;
    height: auto !important;
  }

  footer.alarife-imported-footer .cell-19,
  .alarife-imported-footer .cell-19 {
    padding: 16px 20px 8px !important;
  }

  footer.alarife-imported-footer .div-block-76,
  .alarife-imported-footer .div-block-76 {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }

  footer.alarife-imported-footer img.image-37,
  .alarife-imported-footer img.image-37 {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    object-fit: contain !important;
  }

  footer.alarife-imported-footer .div-block-82,
  .alarife-imported-footer .div-block-82,
  footer.alarife-imported-footer .div-block-19,
  .alarife-imported-footer .div-block-19 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
  }

  footer.alarife-imported-footer .div-block-82,
  .alarife-imported-footer .div-block-82 {
    padding: 18px 20px !important;
    box-sizing: border-box !important;
  }

  footer.alarife-imported-footer .div-block-19 a,
  .alarife-imported-footer .div-block-19 a {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  footer.alarife-imported-footer .image-10,
  .alarife-imported-footer .image-10 {
    width: 22px !important;
    height: 22px !important;
  }

  footer.alarife-imported-footer .div-block-83,
  .alarife-imported-footer .div-block-83 {
    padding: 0 20px 28px !important;
    box-sizing: border-box !important;
  }

  footer.alarife-imported-footer .heading-9,
  .alarife-imported-footer .heading-9 {
    margin: 0 !important;
    color: #829191 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
    font-weight: 400 !important;
  }
}

@media (min-width: 1200px) {
  html body .navigation.w-nav.w-nav {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: 104px !important;
    min-height: 104px !important;
    padding: 14px 0 !important;
    overflow: visible !important;
  }

  html body .navigation-mob.w-nav.w-nav {
    display: none !important;
  }

  html body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    display: flex !important;
    grid-template-columns: none !important;
    width: min(calc(100% - 7px), 1193px) !important;
    max-width: 1193px !important;
    height: 64px !important;
    min-height: 64px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    display: flex !important;
    flex: 0 0 calc(100% - 354px) !important;
    width: calc(100% - 354px) !important;
    min-width: 0 !important;
    max-width: calc(100% - 354px) !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .brand.w-nav-brand,
  html body .navigation.w-nav.w-nav .global-logo {
    width: 200px !important;
    max-width: 200px !important;
    min-width: 200px !important;
  }

  html body .navigation.w-nav.w-nav .brand.w-nav-brand {
    height: 64.7656px !important;
    min-height: 64.7656px !important;
    max-height: 64.7656px !important;
  }

  html body .navigation.w-nav.w-nav .global-logo {
    display: block !important;
    height: 64.7656px !important;
    min-height: 64.7656px !important;
    max-height: 64.7656px !important;
    object-fit: fill !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu,
  html body .navigation.w-nav.w-nav nav.nav-menu {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin-left: 8px !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .dropdown.w-dropdown:has(a[href="/contacto"]),
  html body .navigation.w-nav.w-nav .nav-menu > .w-dropdown:has(a[href="/contacto"]) {
    display: none !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2.dropdown-toggle-2 {
    display: flex !important;
    position: relative !important;
    height: 60px !important;
    min-height: 60px !important;
    align-items: center !important;
    padding: 0 14px 0 4px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2 > .chevron,
  html body .navigation.w-nav.w-nav .dropdown-toggle-2 > .w-icon-dropdown-toggle {
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    margin: 0 5px 0 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: webflow-icons !important;
    font-size: 15px !important;
    line-height: 15px !important;
    transform: translateY(-50%) !important;
    overflow: visible !important;
    pointer-events: none !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2.w--open > .chevron,
  html body .navigation.w-nav.w-nav .dropdown-toggle-2.w--open > .w-icon-dropdown-toggle,
  html body .navigation.w-nav.w-nav .dropdown.w-dropdown:hover > .dropdown-toggle-2 > .chevron,
  html body .navigation.w-nav.w-nav .dropdown.w-dropdown:hover > .dropdown-toggle-2 > .w-icon-dropdown-toggle {
    transform: translateY(-50%) rotate(180deg) !important;
  }

  html body .navigation.w-nav.w-nav .dropdown-toggle-2 .text-block-9,
  html body .navigation.w-nav.w-nav .dropdown-toggle-2 a.text-block-9 {
    font-family: Poppins, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    display: flex !important;
    flex: 0 0 auto !important;
    width: 354px !important;
    min-width: 354px !important;
    max-width: 354px !important;
    height: 32px !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    padding-left: 30px !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .login-buttons,
  html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2 {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 30px !important;
    box-sizing: border-box !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2 {
    padding: 0 12px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .text-block-11,
  html body .navigation.w-nav.w-nav .navigation-right .text-block-12 {
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .login-buttons:has(.global-button-primary-2.boton) {
    width: 111.672px !important;
    min-width: 111.672px !important;
    max-width: 111.672px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2.boton {
    width: 111.672px !important;
    min-width: 111.672px !important;
    max-width: 111.672px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .login-buttons:has(.global-button-primary-2:not(.boton)) {
    width: 182.281px !important;
    min-width: 182.281px !important;
    max-width: 182.281px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right .global-button-primary-2:not(.boton) {
    width: 182.281px !important;
    min-width: 182.281px !important;
    max-width: 182.281px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu > .w-dropdown > .navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu > .w-dropdown > .w-dropdown-list {
    position: fixed !important;
    top: 90px !important;
    right: auto !important;
    transform: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: calc(100vw - 32px) !important;
    box-sizing: border-box !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .w-dropdown-list.w-dropdown-list {
    width: min(1360px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    padding: 10px !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4.w--open,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]):hover > .navigation-dropdown-4.navigation-dropdown-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .w-dropdown-list.w-dropdown-list {
    width: min(1010px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    padding: 10px !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) > .navigation-dropdown-4.navigation-dropdown-4 > .dropdown-pointer-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) > .navigation-dropdown-4.navigation-dropdown-4 > .dropdown-pointer-4 {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    gap: 0 !important;
    overflow: visible !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) .container-7.imagenmenu,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) .container-7.imagenmenu {
    flex: 0 0 250px !important;
    width: 250px !important;
    max-width: 250px !important;
    margin-right: 20px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) .container-7.imagenmenu img,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) .container-7.imagenmenu img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) .div-block-26,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) .div-block-28 {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/productos/checkout"]) .dropdown-link-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/soluciones/payments"]) .dropdown-link-4 {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    width: 300px !important;
    max-width: 100% !important;
    padding: 10px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    color: #0b132b !important;
    font-family: Poppins, sans-serif !important;
  }

  html body .navigation.w-nav.w-nav .navigation-dropdown-4 .icon-square-5 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin-right: 14px !important;
  }

  html body .navigation.w-nav.w-nav .navigation-dropdown-4 .icon-square-5 img,
  html body .navigation.w-nav.w-nav .navigation-dropdown-4 .image-5 {
    display: block !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
  }

  html body .freeform-content.freeform-content .navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4 .icon-square-5.icon-square-5 {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html body .freeform-content.freeform-content .navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4 .icon-square-5.icon-square-5 > img.icon,
  html body .freeform-content.freeform-content .navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4 .icon-square-5.icon-square-5 > img.image-5 {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list .icon-square-5.icon-square-5.colour-3 {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list .icon-square-5.icon-square-5 > img.icon.icon,
  html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list .icon-square-5.icon-square-5 > img.image-5.image-5 {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
  }

  html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list .dropdown-link-4.dropdown-link-4 .icon-square-5.icon-square-5:has(> img[src$=".png"]) {
    background-color: #323c4d !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 36px 36px !important;
    border-radius: 7px !important;
    overflow: hidden !important;
  }

  html body .navigation.navigation.w-nav.w-nav .navigation-dropdown-4.navigation-dropdown-4.w-dropdown-list .dropdown-link-4.dropdown-link-4 .icon-square-5.icon-square-5 > img[src$=".png"] {
    opacity: 0 !important;
  }

  html body .navigation.w-nav .navigation-dropdown-4 .icon-square-5:has(> img[src$=".png"]) {
    background-image: url('/header-icons/default.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/productos/checkout"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/soluciones/payments"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/productos/connect"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/card.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/productos/pos"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/soluciones/terminal"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/socios/retail"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/pos.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/productos/paylink"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/productos/plugandpay"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/link.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/productos/payout"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/soluciones/cashpooling"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/arrow.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/productos/cuentapayin"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/soluciones/accounts"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/soluciones/billing"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/socios/belleza"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/wallet.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/productos/cuentaconcilia"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/productos/cuentaverifica"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/productos/token"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/shield.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/productos/cuentasmart"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/productos/router"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/soluciones/dispute"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/settings.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/soluciones/dashboard"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/dashboard.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/socios/marketplaces"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/socios/ecommerce"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/socios/whitelabel"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/store.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/socios/franquicias-multisede"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/network.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/socios/fitness"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/heart.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/desarrolladores"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/code.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/contactosoporte"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav a[href="/legal/sac"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="CENTRO-DE-AYUDA-2.png"]) {
    background-image: url('/header-icons/support.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/blog"] .icon-square-5.icon-square-5,
  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="SOBRE-PAYMATICO-2.png"]) {
    background-image: url('/header-icons/doc.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="FAQ-2.png"]) {
    background-image: url('/header-icons/help.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="TUTORIALES-2.png"]) {
    background-image: url('/header-icons/play.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="CERTIFICACIONES-2.png"]) {
    background-image: url('/header-icons/cert.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="ARCHIVOS-2.png"]) {
    background-image: url('/header-icons/folder.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="JOBS-2.png"]),
  html body .navigation.navigation.w-nav.w-nav .icon-square-5.icon-square-5:has(> img[src*="CASOS-DE-USO-2.png"]) {
    background-image: url('/header-icons/briefcase.svg') !important;
  }

  html body .navigation.navigation.w-nav.w-nav a[href="/formulariocomercial"] .icon-square-5.icon-square-5 {
    background-image: url('/header-icons/chat.svg') !important;
  }

  html body .navigation.w-nav.w-nav .navigation-dropdown-4 .nav-content-wrap {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  html body .navigation.w-nav.w-nav .navigation-dropdown-4 .dropdown-title {
    color: #0b132b !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }

  html body .navigation.w-nav.w-nav .navigation-dropdown-4 .nav-link-details-3 {
    color: #6f7d80 !important;
    font-family: Poppins, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-decoration: none !important;
  }

  html body .navigation.w-nav.w-nav .navigation-container-2.navigation-container-2 {
    width: min(calc(100% - 32px), 1309px) !important;
    max-width: 1309px !important;
    justify-content: center !important;
    gap: clamp(40px, 2.6vw, 64px) !important;
  }

  html body .navigation.w-nav.w-nav .navigation-left.navigation-left {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body .navigation.w-nav.w-nav .brand.w-nav-brand {
    margin-right: 40px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu,
  html body .navigation.w-nav.w-nav nav.nav-menu {
    margin-left: 0 !important;
  }

  html body .navigation.w-nav.w-nav .navigation-right.navigation-right {
    width: 324px !important;
    min-width: 324px !important;
    max-width: 324px !important;
    padding-left: 0 !important;
    gap: 30px !important;
  }
}

@media (min-width: 1200px) {
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .dropdown-link-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) .dropdown-link-4,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]) .dropdown-link-4 {
    width: 340px !important;
    max-width: 340px !important;
  }

  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/blog"]) .nav-link-details-3,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(a[href="/contactosoporte"]) .nav-link-details-3,
  html body .navigation.w-nav.w-nav .nav-menu.nav-menu > .dropdown.w-dropdown:has(.dropdown-toggle-2 > a[href="/contacto"]) .nav-link-details-3 {
    white-space: nowrap !important;
  }
}

/* Final Paymatico content guards: keep the imported design, but restore full-bleed
   blue CTA backgrounds and concrete CTA colors when imported CSS variables are lost. */
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-58.section-58,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-63.section-63 {
  background: #0b132b !important;
  background-color: #0b132b !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section:has(+ section.section-54.section-54),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section:has(+ section.section-58.section-58),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section:has(+ section.section-63.section-63) {
  margin-bottom: clamp(32px, 2.5vw, 40px) !important;
  padding-bottom: clamp(28px, 2.4vw, 36px) !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 + section,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-58.section-58 + section,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-63.section-63 + section {
  margin-top: 0 !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child + section {
  margin-top: clamp(56px, 4vw, 64px) !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-34.section-34:not(:has(+ section.section-54, + section.section-58, + section.section-63)),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-35.section-35:not(:has(+ section.section-54, + section.section-58, + section.section-63)) {
  margin-bottom: clamp(56px, 4vw, 64px) !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-34.section-34:empty:has(+ section.section-54, + section.section-58, + section.section-63),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-35.section-35:empty:has(+ section.section-54, + section.section-58, + section.section-63) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-34.section-34:has(+ section.section-35:empty + section.section-54),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-34.section-34:has(+ section.section-35:empty + section.section-58),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-34.section-34:has(+ section.section-35:empty + section.section-63),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-35.section-35:has(+ section.section-34:empty + section.section-54),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-35.section-35:has(+ section.section-34:empty + section.section-58),
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-35.section-35:has(+ section.section-34:empty + section.section-63) {
  margin-bottom: clamp(32px, 2.5vw, 40px) !important;
  padding-bottom: clamp(28px, 2.4vw, 36px) !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 > .div-block-49.div-block-49,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-58.section-58 > .div-block-49.div-block-49,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-63.section-63 > .div-block-49.div-block-49 {
  background: #0b132b !important;
  background-color: #0b132b !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 .div-block-52.div-block-52,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-58.section-58 .div-block-52.div-block-52,
html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-63.section-63 .div-block-52.div-block-52 {
  width: min(100%, 1200px) !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 > .div-block-49.div-block-49 {
  width: 100% !important;
  max-width: 1440px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: stretch !important;
  justify-content: center !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 .div-block-52.div-block-52 {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0 !important;
  min-height: 273px !important;
  padding: 0 !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 .div-block-51.div-block-51 {
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: 900px !important;
  min-width: 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 .heading-56.heading-56 {
  width: auto !important;
  max-width: 900px !important;
  margin: 0 0 10px !important;
  font-size: 25px !important;
  line-height: 30px !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 .paragraph-95.paragraph-95 {
  width: auto !important;
  max-width: 900px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 20px !important;
}

html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > section.section-54.section-54 .image-33.image-33 {
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 25% !important;
  height: 273px !important;
  object-fit: contain !important;
}

html body main .freeform-content.freeform-content .cta-section.cta-section .cta-main.cta-main {
  background: #0b132b !important;
  background-color: #0b132b !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (min-width: 992px) {
  html body main:has(.comparison-section) .value-section.value-section {
    padding-top: clamp(64px, 5vw, 72px) !important;
    padding-bottom: clamp(56px, 4vw, 64px) !important;
  }

  html body main:has(.comparison-section) .how-section.how-section {
    padding-top: clamp(48px, 4vw, 56px) !important;
    padding-bottom: clamp(56px, 4vw, 64px) !important;
  }

  html body main:has(.comparison-section) .sector-single-testimonial.sector-single-testimonial {
    padding-top: clamp(44px, 3.5vw, 52px) !important;
    padding-bottom: clamp(52px, 4vw, 60px) !important;
  }

  html body main:has(.comparison-section) .comparison-section.comparison-section {
    padding-top: clamp(48px, 4vw, 56px) !important;
    padding-bottom: clamp(40px, 3vw, 48px) !important;
  }

  html body main:has(.comparison-section) .support-section.support-section {
    padding-top: clamp(48px, 3.5vw, 56px) !important;
    padding-bottom: clamp(56px, 4vw, 64px) !important;
  }

  html body main:has(.comparison-section) .cta-section.cta-section {
    padding-top: clamp(44px, 3vw, 52px) !important;
    padding-bottom: clamp(72px, 5vw, 84px) !important;
  }

  html body main .comparison-section.comparison-section:has(+ .support-section.support-section) {
    padding-bottom: clamp(28px, 2.5vw, 36px) !important;
  }

  html body main .comparison-section.comparison-section + .support-section.support-section {
    padding-top: clamp(44px, 3vw, 52px) !important;
  }

  html body main:has(.partner-hero) .partner-section.partner-section {
    padding-top: clamp(64px, 5vw, 72px) !important;
    padding-bottom: clamp(64px, 5vw, 72px) !important;
  }

  html body main:has(.partner-hero) .partner-section.partner-section + .partner-cta.partner-cta {
    padding-top: clamp(44px, 3vw, 52px) !important;
  }
}

@media (min-width: 992px) {
  html body main .freeform-content.freeform-content .section-13.imagen.section-81.section-82:has(.heading-51 .text-span-12) .div-block-47 > img.image-30 {
    transform: translateX(-32px) !important;
  }
}

@media (min-width: 1440px) {
  html body main .freeform-content.freeform-content .section-13.imagen.section-81.section-82:has(.heading-51 .text-span-12) .div-block-47 > img.image-30 {
    transform: translateX(-48px) !important;
  }
}

@media (min-width: 1321px) {
  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child > .quick-stack,
  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child > .quick-stack-9,
  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child > .wf-layout-layout {
    grid-template-columns: minmax(0, 585px) minmax(0, 600px) !important;
    gap: 60px !important;
    max-width: 1245px !important;
    align-items: center !important;
  }

  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child .cell-11,
  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child .tituloproducto,
  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child .tituloproducto .highlight-title,
  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child .textopproductos,
  html body main .freeform-content.freeform-content:has(> .section-30:first-child .textopproductos) > .section-30:first-child .paragraph-97 {
    max-width: 585px !important;
  }
}