@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600&display=swap');

.mc-tarifas-shell, .mc-tarifas-overlay {
  --mc-primary-25: #F2F3F5;
  --mc-primary-50: #E5E8EC;
  --mc-primary-200: #99A4B5;
  --mc-primary-400: #334A6C;
  --mc-primary-500: #001D48;
  --mc-primary-700: #00112B;
  --mc-black-25: #F2F3F5;
  --mc-black-100: #CFCFCF;
  --mc-black-200: #A0A0A0;
  --mc-black-300: #707070;
  --mc-black-500: #121212;
  font-family: "Albert Sans", sans-serif;
}

.mc-tarifas-shell {
  position: relative;
  width: 100%;
}

.mc-tarifas-shell * {
  box-sizing: border-box;
}

.mc-tarifas {
  align-items: stretch;
  background: #ffffff;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  min-height: 98px;
  overflow: hidden;
  max-width: 1500px;
  width: 100%;
  padding: 8px;
  margin: 0 auto;
}

.mc-tarifas__field {
  background: #ffffff;
  border-right: 1px solid var(--mc-black-25);
  cursor: text;
  display: grid;
  gap: 14px;
  grid-template-rows: auto 1fr;
  width: 100%;
  min-width: 0;
  padding: 14px 26px;
}

.mc-tarifas__field.is-active {
  background: var(--mc-primary-25);
  border-radius: 10px;
}

.mc-tarifas__field span {
  color: var(--mc-black-200);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.65px;
  line-height: normal;
  text-transform: uppercase;
}

.mc-tarifas input, .mc-tarifas select {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--mc-primary-700);
  font: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  min-height: 100%;
  outline: 0;
  padding: 0;
  width: 100%;
}

.mc-tarifas__field--date, .mc-tarifas__field--select, .mc-tarifas__field--date input, .mc-tarifas__field--select select {
  cursor: pointer;
}

.mc-tarifas input[type="date"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
}

.mc-tarifas__field--length {
  position: relative;
}

.mc-tarifas__field--length input {
  padding-right: 24px;
}

.mc-tarifas__stepper {
  align-items: center;
  bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  height: auto;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  position: absolute;
  right: 20px;
  text-transform: none;
  width: 14px;
}

.mc-tarifas__stepper-button {
  align-items: center;
  appearance: none;
  background: transparent!important;
  border: 0;
  cursor: pointer;
  display: flex;
  height: 8px;
  justify-content: center;
  padding: 0;
  width: 14px;
}

.mc-tarifas__stepper-button:hover, .mc-tarifas__stepper-button:focus, .mc-tarifas__stepper-button:active {
  background: transparent!important;
  border: 0;
  outline: 0;
}

.mc-tarifas__stepper-button::before {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3538 8.35378L6.35378 13.3538C6.30733 13.4002 6.25218 13.4371 6.19148 13.4622C6.13079 13.4874 6.06573 13.5003 6.00003 13.5003C5.93434 13.5003 5.86928 13.4874 5.80859 13.4622C5.74789 13.4371 5.69274 13.4002 5.64628 13.3538C5.59983 13.3073 5.56298 13.2522 5.53784 13.1915C5.5127 13.1308 5.49976 13.0657 5.49976 13C5.49976 12.9343 5.5127 12.8693 5.53784 12.8086C5.56298 12.7479 5.59983 12.6927 5.64628 12.6463L10.2932 8.00003L5.64628 3.35378C5.55246 3.25996 5.49976 3.13272 5.49976 3.00003C5.49976 2.86735 5.55246 2.7401 5.64628 2.64628C5.7401 2.55246 5.86735 2.49976 6.00003 2.49976C6.13272 2.49976 6.25996 2.55246 6.35378 2.64628L11.3538 7.64628C11.4003 7.69272 11.4372 7.74786 11.4623 7.80856C11.4875 7.86926 11.5004 7.93433 11.5004 8.00003C11.5004 8.06574 11.4875 8.13081 11.4623 8.1915C11.4372 8.2522 11.4003 8.30735 11.3538 8.35378Z' fill='%2300112B'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
  content: '';
  display: block;
  height: 12px;
  width: 12px;
}

.mc-tarifas__stepper-button--up::before {
  transform: rotate(-90deg);
}

.mc-tarifas__stepper-button--down::before {
  transform: rotate(90deg);
}

.mc-tarifas__field--select {
  border-right: 0;
  position: relative;
}

.mc-tarifas__field--select::after {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3538 8.35378L6.35378 13.3538C6.30733 13.4002 6.25218 13.4371 6.19148 13.4622C6.13079 13.4874 6.06573 13.5003 6.00003 13.5003C5.93434 13.5003 5.86928 13.4874 5.80859 13.4622C5.74789 13.4371 5.69274 13.4002 5.64628 13.3538C5.59983 13.3073 5.56298 13.2522 5.53784 13.1915C5.5127 13.1308 5.49976 13.0657 5.49976 13C5.49976 12.9343 5.5127 12.8693 5.53784 12.8086C5.56298 12.7479 5.59983 12.6927 5.64628 12.6463L10.2932 8.00003L5.64628 3.35378C5.55246 3.25996 5.49976 3.13272 5.49976 3.00003C5.49976 2.86735 5.55246 2.7401 5.64628 2.64628C5.7401 2.55246 5.86735 2.49976 6.00003 2.49976C6.13272 2.49976 6.25996 2.55246 6.35378 2.64628L11.3538 7.64628C11.4003 7.69272 11.4372 7.74786 11.4623 7.80856C11.4875 7.86926 11.5004 7.93433 11.5004 8.00003C11.5004 8.06574 11.4875 8.13081 11.4623 8.1915C11.4372 8.2522 11.4003 8.30735 11.3538 8.35378Z' fill='%2300112B'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  content: '';
  height: 16px;
  pointer-events: none;
  position: absolute;
  right: 28px;
  bottom: 17px;
  width: 16px;
}

.mc-tarifas__field--select select {
  padding-right: 32px;
}

.mc-tarifas__button {
  align-items: center;
  align-self: stretch;
  background: var(--mc-primary-500) !important;
  border: 0;
  border-radius: 10px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  font: inherit;
  font-size: 16px;
  font-weight: 500;
  gap: 8px;
  justify-content: center;
  min-width: 167px;
  padding: 8px 16px;
  text-decoration: none !important;
  transition: background 0.2s ease, opacity 0.2s ease;
}

.mc-tarifas__button:hover, .mc-tarifas__button:focus, .mc-tarifas__button:active {
  background: var(--mc-primary-700)!important;
  color: #ffffff!important;
  outline: 0;
  text-decoration: none!important;
}

.mc-tarifas__button:disabled {
  cursor: wait;
  opacity: 0.7;
}

.mc-tarifas__button-icon {
  display: inline-flex;
  height: 24px;
  width: 24px;
}

.mc-tarifas__message {
  align-items: center;
  display: none;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  gap: 8px;
  margin: 0;
  padding: 10px;
  position: absolute;
  right: max(0px, calc((100% - 1500px) / 2));
  top: -52px;
  z-index: 2;
}

.mc-tarifas__message.is-error {
  display: inline-block;
}

.mc-tarifas__message.is-error {
  display: inline-flex;
  background: #D42929;
  border-radius: 8px;
  color: #ffffff;
}

.mc-tarifas__message.is-error::before {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.5C6.71442 1.5 5.45772 1.88122 4.3888 2.59545C3.31988 3.30968 2.48676 4.32484 1.99479 5.51256C1.50282 6.70028 1.37409 8.00721 1.6249 9.26809C1.8757 10.529 2.49477 11.6872 3.40381 12.5962C4.31285 13.5052 5.47104 14.1243 6.73192 14.3751C7.99279 14.6259 9.29973 14.4972 10.4874 14.0052C11.6752 13.5132 12.6903 12.6801 13.4046 11.6112C14.1188 10.5423 14.5 9.28558 14.5 8C14.4982 6.27665 13.8128 4.62441 12.5942 3.40582C11.3756 2.18722 9.72335 1.50182 8 1.5ZM8 13.5C6.91221 13.5 5.84884 13.1774 4.94437 12.5731C4.0399 11.9687 3.33495 11.1098 2.91867 10.1048C2.50238 9.09977 2.39347 7.9939 2.60568 6.927C2.8179 5.86011 3.34173 4.8801 4.11092 4.11091C4.8801 3.34172 5.86011 2.8179 6.92701 2.60568C7.9939 2.39346 9.09977 2.50238 10.1048 2.91866C11.1098 3.33494 11.9687 4.03989 12.5731 4.94436C13.1774 5.84883 13.5 6.9122 13.5 8C13.4983 9.45818 12.9184 10.8562 11.8873 11.8873C10.8562 12.9184 9.45819 13.4983 8 13.5ZM9 11C9 11.1326 8.94732 11.2598 8.85356 11.3536C8.75979 11.4473 8.63261 11.5 8.5 11.5C8.23479 11.5 7.98043 11.3946 7.7929 11.2071C7.60536 11.0196 7.5 10.7652 7.5 10.5V8C7.36739 8 7.24022 7.94732 7.14645 7.85355C7.05268 7.75979 7 7.63261 7 7.5C7 7.36739 7.05268 7.24021 7.14645 7.14645C7.24022 7.05268 7.36739 7 7.5 7C7.76522 7 8.01957 7.10536 8.20711 7.29289C8.39465 7.48043 8.5 7.73478 8.5 8V10.5C8.63261 10.5 8.75979 10.5527 8.85356 10.6464C8.94732 10.7402 9 10.8674 9 11ZM7 5.25C7 5.10166 7.04399 4.95666 7.1264 4.83332C7.20881 4.70999 7.32595 4.61386 7.46299 4.55709C7.60003 4.50032 7.75084 4.48547 7.89632 4.51441C8.04181 4.54335 8.17544 4.61478 8.28033 4.71967C8.38522 4.82456 8.45665 4.9582 8.48559 5.10368C8.51453 5.24917 8.49968 5.39997 8.44291 5.53701C8.38615 5.67406 8.29002 5.79119 8.16668 5.8736C8.04334 5.95601 7.89834 6 7.75 6C7.55109 6 7.36032 5.92098 7.21967 5.78033C7.07902 5.63968 7 5.44891 7 5.25Z' fill='white'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  content: '';
  display: block;
  flex: 0 0 16px;
  height: 16px;
  width: 16px;
}

.mc-tarifas-overlay[hidden] {
  display: none;
}

.mc-tarifas-overlay {
  inset: 0!important;
  min-height: 100vh;
  opacity: 0;
  position: fixed!important;
  transition: opacity 0.2s ease;
  z-index: 99!important;
}

.mc-tarifas-overlay.is-open {
  opacity: 1;
}

.mc-tarifas-overlay.is-closing {
  opacity: 1;
}

.mc-tarifas-overlay__backdrop {
  background: rgba(0, 0, 0, 0.4)!important;
  border: 0;
  cursor: pointer;
  inset: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}

.mc-tarifas-overlay__backdrop:hover, .mc-tarifas-overlay__backdrop:focus, .mc-tarifas-overlay__backdrop:active {
  background: rgba(0, 0, 0, 0.4)!important;
  outline: 0;
}

.mc-tarifas-modal {
  background: #ffffff;
  border-radius: 20px 20px 0 0;
  bottom: 0;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05);
  left: 0;
  min-height: 430px;
  padding: 40px 20px 40px;
  position: absolute;
  transform: translateY(100%);
  width: 100%;
  border: 1px solid var(--mc-black-25);
}

.mc-tarifas-overlay.is-open .mc-tarifas-modal {
  animation: mc-modal-rise 0.6s cubic-bezier(0.18, 0.82, 0.25, 1) both;
}

.mc-tarifas-overlay.is-closing .mc-tarifas-modal {
  animation: mc-modal-fall 0.3s ease-in both;
}

@keyframes mc-modal-rise {
  0% {
    transform: translateY(100%);
  }
  
  76% {
    transform: translateY(-6px);
  }
  
  100% {
    transform: translateY(0);
  }
}

@keyframes mc-modal-fall {
  0% {
    transform: translateY(0);
  }
  
  100% {
    transform: translateY(100%);
  }
}

.mc-tarifas-modal__close {
  background: transparent!important;
  border: 0;
  color: var(--mc-black-500)!important;
  cursor: pointer;
  font-size: 35px;
  font-weight: 300;
  height: 24px;
  line-height: 1;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 5px;
  width: 24px;
}

.mc-tarifas-modal__close:hover, .mc-tarifas-modal__close:focus, .mc-tarifas-modal__close:active {
  background: transparent!important;
  color: #060606!important;
  outline: 0;
}

.mc-tarifas-modal__inner {
  align-items: stretch;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1.8fr) 300px minmax(0, 1.2fr);
  margin: 0 auto;
  max-width: 1460px;
}

.mc-tarifas-modal__price-block {
  padding: 0 10px;
}

.mc-tarifas-modal__tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.mc-tarifas-modal__tab {
  align-items: center;
  background: transparent;
  border: 1px solid var(--mc-black-100);
  border-radius: 999px;
  color: var(--mc-primary-700);
  cursor: pointer;
  display: inline-flex;
  font-family: inherit;
  font-size: 13px;
  justify-content: center;
  padding: 5px 16px;
}

.mc-tarifas-modal__tab.is-active {
  background: var(--mc-primary-500)!important;
  border-color: var(--mc-primary-500)!important;
  color: #ffffff!important;
}

.mc-tarifas-modal__tab:hover, .mc-tarifas-modal__tab:focus, .mc-tarifas-modal__tab:active {
  background: var(--mc-primary-500)!important;
  border-color: var(--mc-primary-500)!important;
  color: #ffffff !important;
  outline: 0;
}

.mc-tarifas-modal__tab:disabled {
  cursor: wait;
  opacity: 0.7;
}

.mc-tarifas-modal__kicker, .mc-tarifas-card__label {
  color: var(--mc-black-200);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: normal;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.mc-tarifas-modal__price {
  color: var(--mc-primary-700);
  display: block;
  font-size: 80px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 10px;
}

.mc-tarifas-modal__price-line {
  display: block;
}

.mc-tarifas-modal__price-line span {
  display: block;
  font-size: 16px;
  line-height: normal;
}

.mc-tarifas-modal__chips {
  display: flex;
  gap: 10px;
}

.mc-tarifas-modal__chips span {
  background: var(--mc-primary-25);
  border-radius: 5px;
  color: var(--mc-primary-400);
  font-size: 11px;
  font-weight: 600;
  padding: 5px 8px;
  text-transform: uppercase;
}

.mc-tarifas-card {
  background: var(--mc-primary-50);
  border-radius: 10px;
  height: 100%;
  padding: 20px;
}

.mc-tarifas-card--muted {
  background: var(--mc-primary-25);
}

.mc-tarifas-card__label {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  color: var(--mc-black-200);
  margin-bottom: 10px;
}

.mc-tarifas-card strong {
  color: var(--mc-primary-700);
  display: block;
  font-size: 40px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

.mc-tarifas-card strong:last-child {
  margin-bottom: 0!important;
}

.mc-tarifas-card__text {
  font-size: 16px!important;
  font-weight: 500!important;
  letter-spacing: 0!important;
  line-height: 1.3!important;
  margin-bottom: 14px!important;
}

.mc-tarifas-card__text span {
  display: block;
}

.mc-tarifas-card hr {
  border: 0;
  border-top: 1px solid var(--mc-black-100);
  margin: 0 0 15px;
}

.mc-tarifas-card p {
  color: var(--mc-black-300);
  font-size: 13px;
  line-height: normal;
  margin: 0 0 10px;
}

.mc-tarifas-card a, .mc-tarifas-modal__table {
  align-items: center;
  color: var(--mc-primary-700)!important;
  display: inline-flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  line-height: normal;
  text-decoration: none!important;
}

.mc-tarifas-modal__table {
  font-size: 16px;
}

.mc-tarifas-card a:hover, .mc-tarifas-card a:focus, .mc-tarifas-card a:active, .mc-tarifas-modal__table:hover, .mc-tarifas-modal__table:focus, .mc-tarifas-modal__table:active {
  color: var(--mc-primary-700)!important;
  text-decoration: none!important;
}

.mc-tarifas-card a svg, .mc-tarifas-modal__table svg, .mc-tarifas-modal__cta svg {
  display: block;
  flex: 0 0 16px;
}

.mc-tarifas-card--muted p {
  font-size: 13px;
  letter-spacing: 0.65px;
}

.mc-tarifas-card--muted strong {
  font-size: 16px;
  margin-bottom: 20px !important;
}

.mc-tarifas-modal__footer {
  align-items: center;
  border-top: 1px solid var(--mc-black-25);
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
  max-width: 1460px;
  padding-top: 20px;
}

.mc-tarifas-modal__cta {
  align-items: center;
  background: var(--mc-primary-200)!important;
  border: 1px solid var(--mc-primary-200);
  border-radius: 999px;
  color: var(--mc-primary-700)!important;
  display: inline-flex;
  font-size: 16px;
  font-weight: 500;
  gap: 8px;
  line-height: 20px;
  min-height: 40px;
  padding: 10px 16px;
  text-decoration: none!important;
}

.mc-tarifas-modal__cta:hover, .mc-tarifas-modal__cta:focus, .mc-tarifas-modal__cta:active {
  background: var(--mc-primary-200)!important;
  color: var(--mc-primary-700)!important;
  text-decoration: none!important;
}

.mc-tarifas-modal__notes {
  color: var(--mc-black-300);
  font-size: 13px;
  line-height: normal;
  list-style: none;
  margin: 30px auto 0;
  max-width: 1460px;
  padding: 0;
}

.mc-tarifas-modal__notes li::before {
  content: '· ';
}

@media (max-width: 1024px) {
  .mc-tarifas {
    flex-wrap: wrap;
    min-height: 0;
  }
  
  .mc-tarifas__field {
    border-bottom: 1px solid var(--mc-black-25);
    flex-basis: calc(50% - 1px);
    max-width: none;
  }
  
  .mc-tarifas__field:nth-child(2) {
    border-right: 0;
  }
  
  .mc-tarifas__button {
    margin-left: 0;
    margin-top: 8px;
    width: 100%;
  }
  
  .mc-tarifas-modal {
    max-height: 70vh;
    overflow-y: auto;
  }
  
  .mc-tarifas-modal__inner {
    grid-template-columns: 1fr;
  }
  
  .mc-tarifas-modal__footer {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
}

@media (max-width: 767px) {
  .mc-tarifas__field,
  .mc-tarifas__field--date:first-child {
    border-radius: 0;
    flex-basis: 100%;
  }
  
  .mc-tarifas__field {
    border-right: 0;
  }
  
  .mc-tarifas-modal__tabs {
    flex-wrap: wrap;
  }
  
  .mc-tarifas-modal__kicker {
    font-size: 14px;
  }
  
  .mc-tarifas-modal__price-line {
    font-size: 40px;
  }
  
  .mc-tarifas-card strong {
    font-size: 25px;
  }
  
  .mc-tarifas-modal__footer a {
    width: 100%;
    justify-content: center;
  }
  
  .mc-tarifas__message {
    top: -126px!important;
  }
}