.navbar {
  background-color: #f8f8f8 !important;
}

.navbar-menu>a {
  text-decoration: none;
}

.navbar-logo {
  height: 45px;
}

.services-card {
  padding: 60px 25px;
}

.services-card,.services-card-2 {
  background-color: antiquewhite;
  border-radius: 20px;
}

.services-card-2 {
  padding: 40px 25px;
}

.services-card-3 {
  background-color: antiquewhite;
  padding: 40px 10px;
  border-radius: 20px;
}

.two-col-align-center {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.two-col-align-center>div {
  flex: 1 1 0;
}

:root {
  --white-color: #FFFFFF;
  --hover-color-btn-primary: #449E8B;
  --ff-primary: 'DM Sans', sans-serif;
  --ff-secondary: 'Inter', sans-serif;
}

/* Button hover animations */

/* Accordion animations */

.accordion.active .accordion-content-wrapper {
  max-height: 500px;
}

.accordion-icon {
  transition: transform 0.3s ease;
}

.accordion.active .accordion-icon {
  transform: rotate(45deg);
}

/* Services card hover */
.services-card {
  transition: transform 0.3s ease;
}

.services-card:hover {
  transform: translateY(-5px);
}

/* Form input focus */

/* Custom scrollbar */

::-webkit-scrollbar-track {
  background: var(--muted-color);
}

::-webkit-scrollbar-thumb {
  background: var(--light-color);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}

/* Button text hover effect */
.button-text:hover .button-text-icon {
  transform: translateX(4px);
}

.button-text-icon {
  transition: transform 0.2s ease;
}

/* Badge and icon sizes */

.icon-1x1-small {
  width: 20px;
  height: 20px;
}

/* Transaction logo animation */
.transaction-logo {
  transition: transform 0.2s ease;
}

.list-item:hover .transaction-logo {
  transform: scale(1.1);
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }
}

/* Button hover animations */

/* Feature card hover */
.feature-card {
  transition: all 0.3s ease;
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Gradient text */
.gradient-text {
  background: linear-gradient(135deg, #5bb5a2 0%, #449E8B 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f8f8f8;
}

::-webkit-scrollbar-thumb {
  background: #e8e8e8;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #5bb5a2;
}

:root {
  --primary-color: #5bb5a2;
  --white-color: #ffffff;
  --black-color: #000000;
  --hover-color-btn-primary: #449e8b;
  --hover-color-btn-secondary: #383642;
}

/* Banquee Button Styles */
body,.button {
  font-family: 'DM Sans', sans-serif;
}
.button {
  transition: all 0.3s ease;
}

.button.primary:hover {
  background-color: var(--hover-color-btn-primary);
}

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

/* Custom Card Hover Effect */
.service-card {
  transition: all 0.3s ease;
  border: 2px solid var(--light-color);
}

.service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border-color: var(--primary-color);
}

/* Tab Active Indicator */
.tab-active {
  position: relative;
}

.tab-active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--primary-color);
}

/* Feature Icon Animation */
.feature-icon {
  transition: all 0.3s ease;
}

.feature-item:hover .feature-icon {
  transform: scale(1.1) rotate(5deg);
}

/* CTA Background Pattern */
.cta-pattern {
  background-image: radial-gradient(circle at 20% 80%,
      rgba(91, 181, 162, 0.1) 0%,
      transparent 50%),
    radial-gradient(circle at 80% 20%,
      rgba(91, 181, 162, 0.15) 0%,
      transparent 50%),
    radial-gradient(circle at 40% 40%,
      rgba(91, 181, 162, 0.05) 0%,
      transparent 50%);
}

/* Variables CSS */
:root {
  --primary-color: #066260;
  --primary-light-color: #e8f2ee;
  --default-color: #1a191e;
  --muted-color: #f8f8f8;
  --light-color: #e8e8e8;
}

/* Accordion animations */
.accordion-content-wrapper {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.accordion-icon svg {
  transition: transform 0.3s ease;
}

/* Form input focus */
.form-input:focus {
  outline: none;
  border-color: var(--primary-color);
}

/* Checkbox personalizado */
.checkbox-input {
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  margin-right: 8px;
  flex-shrink: 0;
}

.checkbox-input.-redirected-checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.checkbox-input.-redirected-checked::after {
  content: '';
  position: absolute;
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Button hover animations */
.button-inner {
  position: relative;
  overflow: hidden;
}

.button-inner-text-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}

.button:hover .button-inner-text {
  transform: translateY(-100%);
}

.button:hover .button-inner-text-hover {
  transform: translateY(0);
}

/* Mobile menu toggle lines */
.mobile-menu-toggle-line {
  width: 30px;
  height: 1px;
  background-color: var(--default-color);
  position: absolute;
  right: 0;
  transform-origin: 100%;
  transition: all 0.3s ease;
}

.mobile-menu-toggle-line._01 {
  top: 0;
}

.mobile-menu-toggle-line._02 {
  top: 50%;
}

.mobile-menu-toggle-line._03 {
  bottom: 0;
}

/* Success/Error messages initial state */
.form-message-success,
.form-message-error {
  display: none;
}

.text-color-default {
  color: var(--default-color)
}

.text-color-primary {
  color: var(--primary-color)
}

.text-color-muted {
  color: rgba(26, 25, 30, .5)
}

.background-color-primary {
  background-color: var(--primary-color)
}

.background-color-primary-light {
  background-color: var(--primary-light-color)
}

.background-color-muted {
  background-color: var(--muted-color)
}

.inverse-text-color-default {
  color: var(--white-color)
}

.inverse-text-color-muted {
  color: rgba(255, 255, 255, .7)
}

.badge {
  background-color: var(--muted-color);
  border-radius: 8px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500
}

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

.badge.primary-light {
  color: var(--primary-color);
  background-color: var(--primary-light-color)
}

.badge.large {
  padding: 12px 16px;
  font-size: 16px
}

.badge.small {
  padding: 6px 10px;
  font-size: 12px
}

.heading-h2 {
  letter-spacing: -1.5px
}

.heading-h2,.heading-h5 {
  font-family: var(--ff-primary)
}

.heading-h5 {
  letter-spacing: -.75px
}

.heading-h6 {
  letter-spacing: -.5px;
  font-family: var(--ff-primary)
}

/* Estilos específicos para la tabla de comparación */
.compare-table {
  background-color: var(--white-color);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  border: 2px solid var(--light-color);
}

.compare-table-header {
  background-color: var(--primary-light-color);
  padding: 1.5rem;
  border-bottom: 2px solid var(--light-color);
}

.compare-table-header-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 1rem;
  align-items: center;
}

.compare-table-section {
  border-bottom: 1px solid var(--light-color);
}

.compare-table-section:last-child {
  border-bottom: none;
}

.compare-table-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 1rem;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid var(--light-color);
}

.compare-table-row:last-child {
  border-bottom: none;
}

.compare-table-row:hover {
  background-color: var(--muted-color);
}

.compare-table-row-title-wrapper,
.compare-table-row-title {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.compare-table-section>.margin-bottom {
  padding: 1.5rem 1.5rem 0;
}

.compare-table-section>.line {
  margin: 0 1.5rem;
  height: 1px;
  background-color: var(--light-color);
}

.check-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.check-ok {
  background-color: var(--primary-color);
}

.check-ok,.check-error {
  color: var(--white-color);
}

.check-error {
  background-color: #ef4444;
}

.icon-1x1-default {
  width: 24px;
  height: 24px;
}

.icon-1x1-xsmall {
  width: 18px;
  height: 18px;
}

.margin-bottom {
  margin-bottom: 1rem;
}

.margin-small {
  margin-bottom: 0.5rem;
}

.margin-tiny {
  margin-bottom: 0.25rem;
}

.text-size-small {
  font-size: 14px;
}

.bg-banquee-card {
  background-color: #e8e8e8;
}

@media (max-width: 768px) {

  .compare-table-header-row,
  .compare-table-row {
    /* grid-template-columns: 1fr; */
    gap: 0.5rem;
    text-align: center;
  }

  .compare-table-row-title-wrapper,
  .compare-table-row-title {
    justify-content: space-between;
  }

  .compare-table-header,.compare-table-row {
    padding: 1rem;
  }
}

.icon {
  display: inline-block;
  width: 24px;
  /* mismo tamaño que tus SVG */
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

/* icon-check */
.icon-check {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' clip-rule='evenodd' d='M21.2285 6.60358C21.619 6.9941 21.619 7.62726 21.2285 8.01779L10.2557 18.9906C9.86764 19.3786 9.23938 19.3815 8.84786 18.997L2.66233 12.9219C2.2683 12.5349 2.2626 11.9017 2.64959 11.5077L3.3503 10.7943C3.73729 10.4002 4.37043 10.3945 4.76445 10.7815L9.53589 15.4678L19.1072 5.89647C19.4977 5.50595 20.1309 5.50595 20.5214 5.89647L21.2285 6.60358Z' fill='%235BB5A2'/></svg>"
    );
}

/* icon-cross */
.icon-cross {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M4.70718 2.58574C4.31666 2.19522 3.68349 2.19522 3.29297 2.58574L2.58586 3.29285C2.19534 3.68337 2.19534 4.31654 2.58586 4.70706L9.87877 12L2.5859 19.2928C2.19537 19.6834 2.19537 20.3165 2.5859 20.7071L3.293 21.4142C3.68353 21.8047 4.31669 21.8047 4.70722 21.4142L12.0001 14.1213L19.293 21.4142C19.6835 21.8047 20.3167 21.8047 20.7072 21.4142L21.4143 20.7071C21.8048 20.3165 21.8048 19.6834 21.4143 19.2928L14.1214 12L21.4143 4.70706C21.8048 4.31654 21.8048 3.68337 21.4143 3.29285L20.7072 2.58574C20.3167 2.19522 19.6835 2.19522 19.293 2.58574L12.0001 9.87865L4.70718 2.58574Z' fill='%23EF4444'/></svg>"
    );
}
/*# sourceMappingURL=maps/styles.min.css.map */