body {
  font-family: basic-sans, sans-serif;
}

/*override bootstrap*/
:root,
[data-bs-theme=light] {
  --bs-primary: #1e1688;
  --bs-border-width: 3px;
  --bs-info-rgb: 114, 104, 231;
  --bs-link-color: #1e1688;
  --bs-nav-pills-link-active-bg: #1e1688;
  --bs-card-border-width: 1px;
  --bs-heading-color: #2b2b2b;
  --bs-primary-rgb: 30, 22, 136;
  --bs-light-rgb: 235, 235, 235;
  --bs-link-color-rgb: #1e1688;
  --bs-danger: #F85C4E;
  --bs-danger-rgb: 248, 92, 78;
}

:root {
  --bg-violet: #7268E7;
  --bg-violet-light: #DCD9F9;
  --bg-status-activo: #42C1E1;
  --bg-status-reservado: #0FD99C;
  --bg-status-pre: #E1C442;
  --bg-status-liberado: #2D2D2D;
  --bg-status-baja: #F97F04;
  --bg-status-cancelado: #F85C4E;
  --bg-gray: #E0E0E0 ;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #7268E7;
}

.btn-outline-primary {
  --bs-btn-color: #1e1688;
  --bs-btn-border-color: #1e1688;
  --bs-btn-hover-bg: #1e1688;
  --bs-btn-hover-border-color: #1e1688;
  --bs-btn-focus-shadow-rgb: 30, 22, 136;
  --bs-btn-active-bg: #1e1688;
  --bs-btn-active-border-color: #1e1688;
  --bs-btn-disabled-color: #1e1688;
  --bs-btn-disabled-border-color: #1e1688;
}

.btn-primary {
  --bs-btn-bg: #1e1688;
  --bs-btn-border-color: #1e1688;
  --bs-btn-hover-bg: #090262;
  --bs-btn-hover-border-color: #090262;
  --bs-btn-focus-shadow-rgb: 30, 22, 136;
  --bs-btn-active-bg: #1e1688;
  --bs-btn-active-border-color: #090262;
  --bs-btn-disabled-bg: #1e1688;
  --bs-btn-disabled-border-color: #1e1688;
}

.btn-success {
  --bs-btn-bg: #63d90f;
  --bs-btn-border-color: #63d90f;
  --bs-btn-hover-bg: #53bf07;
  --bs-btn-hover-border-color: #53bf07;
  --bs-btn-focus-shadow-rgb: 99, 217, 15;
  --bs-btn-active-bg: #63d90f;
  --bs-btn-active-border-color: #53bf07;
  --bs-btn-disabled-bg: #63d90f;
  --bs-btn-disabled-border-color: #63d90f;
}

.btn-whatsapp {
  --bs-btn-bg: #2ab200;
  --bs-btn-border-color: #2ab200;
  --bs-btn-hover-bg: #1c8c00;
  --bs-btn-hover-border-color: #1c8c00;
  --bs-btn-focus-shadow-rgb: 99, 217, 15;
  --bs-btn-active-bg: #2ab200;
  --bs-btn-active-border-color: #2ab200;
  --bs-btn-disabled-bg: #2ab200;
  --bs-btn-disabled-border-color: #2ab200;
  --bs-btn-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-hover-color: #fff;
}

.btn-link {
  text-decoration: none;
}

.nav-pills {
  --bs-nav-pills-link-active-bg: #1e1688;
}

.nav-link:focus,
.nav-link:hover {
  color: var(--bg-violet);
}

h1 {
  color: #fff;
  font-family: basic-sans, sans-serif;
  font-size: 54px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1px;
}

h2 {
  color: #1e1688;
  font-family: basic-sans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.64px;
}

h3 {
  color: var(--bs-heading-color);
  font-family: basic-sans, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}

h4 {
  color: #2d2d2d;
  font-family: basic-sans, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
}

.mt-n5 {
  margin-top: -3rem !important;
}

.form-check-input:checked {
  background-color: #1e1688;
  border-color: #1e1688;
}

.form-check-input:focus {
  border-color: #b9b3f3;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(95, 81, 249, 0.15);
}

.form-check-input[type=checkbox] {
  border-width: 1px;
}

.card {
  border-radius: 20px;
  border: 1px solid #ebebeb;
  text-decoration: none;
  background: #fff;
  box-shadow: 0px 4px 9px 0px rgba(95, 81, 249, 0.09);
}

.card-title {
  color: #4f42e1;
  text-align: center;
  font-family: basic-sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.44px;
}

.card-text {
  color: #555;
  text-align: center;
  font-family: basic-sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: normal;
}

.text-green {
  color: #63d90f;
}

.text-violet {
  color: #7268E7;
}

.bg-green {
  background: #63d90f;
}

.bg-violet-light {
  background: var(--bg-violet-light);
}

.bg-violet {
  background: var(--bg-violet);
}

.bg-gray {
  background: var(--bg-gray);
}

.bg-status-activo {
  background: var(--bg-status-activo);
}

.bg-status-reservado {
  background: var(--bg-status-reservado);
}

.bg-status-pre {
  background: var(--bg-status-pre);
}

.bg-status-liberado {
  background: var(--bg-status-liberado);
}

.bg-status-baja {
  background: var(--bg-status-baja);
}

.bg-status-cancelado {
  background: var(--bg-status-cancelado);
}

.bg-violet .nav-link:focus,
.bg-violet .nav-link:hover {
  color: whitesmoke;
}

.bg-violet .nav-link:focus,
.bg-violet .nav-link:hover {
  color: #1E1688;
}

.bg-violet.nav-pills .nav-link.active,
.bg-violet.nav-pills .show > .nav-link {
  color: #1e1688;
  background-color: white;
}

.bg-violet .nav-link {
  color: white;
}

.bg-violet .nav-link:hover,
.bg-violet .nav-link:focus {
  color: whitesmoke;
}

.bg-gray .nav-link:focus,
.bg-gray .nav-link:hover {
  color: whitesmoke;
}

.bg-gray .nav-link:focus,
.bg-gray .nav-link:hover {
  color: #1E1688;
}

.bg-gray.nav-pills .nav-link.active,
.bg-gray.nav-pills .show > .nav-link {
  color: #1e1688;
  background-color: white;
}

.bg-gray .nav-link {
  color: #1e1688;
}

.bg-gray .nav-link:hover,
.bg-gray .nav-link:focus {
  color: #7268E7;
}

@media (min-width: 768px) {
  .ms-lg-n5 {
    margin-left: -5rem;
  }
  .me-lg-n5 {
    margin-right: -5rem;
  }
  .text-lg {
    font-size: 18px;
  }
  .text-xl {
    font-size: 22px;
  }
}
/* Toolbar */
.toolbar {
  background: #2a2a2a;
  height: 49px;
}

.toolbar-social-list {
  display: flex;
  justify-content: space-around;
  max-width: 770px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  height: 49px;
  align-items: center;
}
.toolbar-social-list a,
.toolbar-social-list li {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
}
.toolbar-social-list a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
.toolbar-social-list img {
  display: block;
}
.toolbar-social-list a > img {
  margin-right: 5px;
}

.toolbar-msg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.toolbar-msg-1,
.toolbar-msg-2 {
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  height: 49px;
  display: flex;
  align-items: center;
}

.toolbar-msg-1 {
  background: #f85c4e;
  font-weight: 600;
}

.toolbar-msg-2 {
  font-weight: 400;
}

.toolbar-msg .toolbar-social-list {
  display: flex;
  gap: 15px;
  margin: 0 20px;
}
.toolbar-msg .toolbar-social-list a > img {
  margin: 0;
}

/* Header */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1020;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out;
}
.site-header.hidden {
  transform: translateY(-100%);
}

.site-navbar {
  padding: 30px 0;
  background: white;
}

.brand {
  margin-left: 32px;
}

/* Offcanvas Menu */
#offcanvasMenu {
  background: #4f42e1;
}
#offcanvasMenu .btn-close {
  --bs-btn-close-color: $white;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

.top-account {
  color: #1E1688;
  text-decoration: none;
}
.top-account span {
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
}

#accordionMenu {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}
#accordionMenu .accordion-item {
  border: none;
  box-shadow: none;
  background: transparent;
}
#accordionMenu .accordion-button {
  background: transparent;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  line-height: normal;
}
#accordionMenu .accordion-button.accordion-button-single::after {
  display: none;
}
#accordionMenu .accordion-button:not(.collapsed) {
  color: #fff;
  background: transparent;
  box-shadow: none;
}
#accordionMenu .accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.accordion-sub {
  margin: 0;
  padding: 0 30px 20px;
  list-style: none;
}
.accordion-sub a {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
  padding: 5px 10px;
  display: block;
}

/* Offcanvas Login */
#offcanvasLogin .nav-pills .nav-link.active,
#offcanvasLogin .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-bg);
  background-color: var(--bs-nav-pills-link-active-color);
}

#offcanvasLogin .btn svg {
  max-height: 24px;
}

/* Utility Classes */
.linethrough {
  display: flex;
  align-items: center;
  color: #2d2d2d;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
}
.linethrough::before, .linethrough::after {
  content: "";
  height: 1px;
  flex: 1;
  background: #b9b3f3;
}
.linethrough span {
  padding: 3px 9px 5px;
}

/* Media Queries */
@media (max-width: 1360px) {
  #accordionMenu .accordion-button {
    padding: 12px 16px;
    font-size: 17px;
  }
  .accordion-sub a {
    font-size: 16px;
  }
}
@media (max-width: 1199px) {
  .top-account span {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .site-navbar {
    padding: 16px 0;
  }
  .toolbar-social-list a span {
    display: none;
  }
}
@media (max-width: 575px) {
  .brand {
    margin-left: 12px;
  }
  .toolbar .container-lg {
    padding: 0;
  }
  .toolbar-msg .toolbar-social-list {
    gap: 25px;
  }
  .toolbar-msg-2 {
    display: none;
  }
  .toolbar-msg {
    justify-content: space-between;
  }
}
/*site footer*/
.site-footer {
  background: #2a2a2a url(../images/bg-footer.png) no-repeat right bottom;
}
.site-footer .title {
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  line-height: 40px;
}
.site-footer .list {
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .list a {
  color: white;
  text-decoration: none;
}
.site-footer .list a:hover {
  color: #a7a0f0;
}
.site-footer .list-social {
  list-style: none;
  margin: 0;
}
.site-footer .list-social a img {
  transition: transform 0.3s ease-in-out;
}
.site-footer .list-social a:hover img {
  transform: scale(1.2);
}
.site-footer .form-control {
  background: #2a2a2a;
  color: white;
}
.site-footer .form-floating > .form-control:focus ~ label::after,
.site-footer .form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  background: #2a2a2a;
}
.site-footer .form-floating > label,
.site-footer .form-floating > .form-control:focus ~ label,
.site-footer .form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: white;
}
.site-footer .powered-by-squad {
  height: 30px;
  width: 87px;
  display: block;
  background: url(../images/powered-by-squad.svg) no-repeat;
  text-indent: -9999px;
}

.form-control:focus {
  border-color: rgb(93, 84, 215);
  box-shadow: 0 0 0 0.25rem rgba(93, 84, 215, 0.25);
}

@media (max-width: 991px) {
  .site-footer {
    padding-bottom: 100px;
  }
}
/*slider home*/
.slider-nav,
.slider-indicators {
  z-index: 2;
}

.caption-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 12px;
  z-index: 1;
  padding-top: 8%;
  padding-bottom: 50px;
  background: linear-gradient(0deg, #1e1688 0%, rgba(30, 22, 136, 0) 100%);
}

.caption-title {
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.88px;
  padding: 0 15%;
  margin: 0 0 16px 0;
}

.slider-indicators > * {
  width: 0.3rem;
  height: 0.3em;
  border-radius: 50px;
}

.slider-nav-page {
  height: 100px;
}

.slider-nav-wrap {
  max-width: 378px;
  margin: 0 auto;
}

.slider-nav-page .slider-container > li::before {
  content: "";
  background: linear-gradient(0deg, #1e1688 0%, rgba(30, 22, 136, 0) 100%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: var(--bs-border-radius-xl);
}

.slider-nav-page .slider-container {
  margin-top: -5px;
  text-align: center;
}

.slider-nav-page img {
  height: 80px !important;
  width: 80px !important;
}

.slider-nav-page.slider-item-ratio {
  height: 100px;
  --swiffy-slider-item-ratio: 1/1;
}

.slider-nav-page .slider-container > * {
  width: 80px;
  height: 80px;
}

@media (max-width: 991px) {
  .caption-title {
    font-size: 26px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .caption-bg {
    padding-top: 5%;
    padding-bottom: 20px;
  }
  .caption-title {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
@media (min-width: 576px) {
  .slider-item-ratio {
    --swiffy-slider-item-ratio: 32/9;
  }
  .slider-item-ratio.slider-item-ratio-3x1 {
    --swiffy-slider-item-ratio: 2.6/1;
  }
}
@media (max-width: 575px) {
  .slider-item-ratio {
    --swiffy-slider-item-ratio: 3/4;
  }
}
/*slider blog*/
.blog .slider-indicators {
  display: none;
}

.card-blog-featured {
  background: white;
  border-radius: 20px;
  display: grid;
  grid-template-areas: "thu txt";
  grid-template-columns: auto 1fr;
}
.card-blog-featured .card-blog-entry {
  grid-area: txt;
  padding: 30px;
  gap: 20px;
  display: grid;
  align-content: start;
}
.card-blog-featured .card-blog-entry a {
  color: #2b2b2b;
  text-decoration: none;
}
.card-blog-featured .card-blog-entry a .card-title {
  color: #2b2b2b;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.44px;
  text-align: left;
  margin: 0;
}
.card-blog-featured .card-blog-entry .card-txt {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.card-blog-featured .card-blog-entry .card-date {
  color: #aaa;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
  margin: 0;
}
.card-blog-featured img {
  max-width: 100%;
  height: 324px;
  object-fit: cover;
  border-radius: 20px;
  width: 268px;
  grid-area: thu;
}

@media (max-width: 1199px) {
  .card-blog-featured .card-blog-entry {
    padding: 0 25px;
  }
  .card-blog-featured .card-blog-entry .card-date {
    font-size: 16px;
  }
  .card-blog-featured .card-blog-entry .card-title {
    font-size: 18px;
  }
  .card-blog-featured .card-blog-entry .card-txt {
    font-size: 16px;
  }
  .card-blog-featured img {
    height: 264px;
    width: 160px;
  }
}
@media (max-width: 991px) {
  #swiffy-animation-featured {
    margin-top: -40px;
  }
  .card-blog-featured {
    background: transparent;
    position: relative;
    grid-template-areas: inherit;
    grid-template-columns: auto;
  }
  .card-blog-featured .card-blog-entry {
    grid-area: inherit;
    padding: 30px;
    margin: -130px 50px 20px 50px;
    background: #f0f0f0;
    border-radius: 20px;
  }
  .card-blog-featured img {
    width: 100%;
  }
}
@media (max-width: 575px) {
  #swiffy-animation-featured {
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  .card-blog-featured .card-blog-entry {
    margin: -130px 10px 20px 10px;
  }
}
.card {
  transition: all 0.12s ease-in-out;
}

a.card:hover {
  box-shadow: 0px 2px 12px 0px rgba(95, 81, 249, 0.2);
  border-color: #d0d0d0;
  transform: scale(1.03);
}

.card-title.deco {
  position: relative;
}

.card-title.deco:before {
  position: absolute;
  content: "";
  background: #f85c4e;
  width: 48px;
  height: 2px;
  left: calc(50% - 24px);
  bottom: -10px;
}

.card-text-price {
  font-size: 24px;
  display: block;
}

.card-text-sm {
  color: #2d2d2d;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.card-label {
  border-radius: 5px 0px 0px 5px;
  background: #63d90f;
  position: absolute;
  right: 0;
  top: 30px;
  padding: 10px;
  color: white;
  font-size: 15px;
  font-weight: 400;
}

.card-baulera .card-label {
  border: none;
  position: static;
  background: transparent;
  font-size: 14px;
  color: #63d90f;
  padding: 0 0 20px 0;
  text-align: center;
}

.card-baulera .card-text-normal-price {
  color: #dcd9f9;
  font-size: 18px;
  font-weight: 700;
  display: table;
  border: 1px solid #dcd9f9;
  text-decoration: line-through;
  border-radius: 30px;
  text-align: center;
  margin: 0 auto;
  padding: 4px 15px;
}

.card-baulera .card-text {
  color: #fff;
  text-align: center;
}

.card-baulera .card-text-price {
  color: #fff;
  font-size: 37px;
  font-weight: 600;
  line-height: normal;
}

.card-baulera .card-footer {
  background: #dcd9f9;
  border: none;
  border-radius: 0 0 20px 20px;
  padding: 20px;
}

.card-baulera .card-body {
  border-radius: 20px 20px 0 0;
}

.card-baulera .card-label.featured {
  position: relative;
  top: 0;
  text-align: left;
}

.card-baulera .card-label.featured span {
  background: url(../images/icon-featured.svg) no-repeat center;
  height: 65px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -33px;
  right: -27px;
  color: white;
  font-size: 11px;
  text-align: center;
  line-height: 1;
}

.card-baulera.offert .card-footer {
  background: #f0fbea;
}

.card-baulera.offert .card-label {
  color: #fff;
}

.card-baulera.offert .card-text-normal-price {
  color: #2d2d2d;
  border: 1px solid #2d2d2d;
}

@media (max-width: 991px) {
  .card-body-mobile-grid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: center;
  }
}
.card-adicionales {
  text-align: center;
  width: 100%;
}
.card-adicionales .card-icon-thu {
  height: 85px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.card-adicionales .card-icon-thu img {
  max-width: 80px;
  max-height: 80px;
  margin: 0 auto 10px;
}
.card-adicionales p {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 0;
}

/* site main */
.site-main .accordion {
  gap: 20px;
  display: grid;
}
.site-main .accordion-item {
  border: 1px solid #dcd9f9 !important;
  border-radius: 20px !important;
}
.site-main .accordion-button {
  background: transparent !important;
  box-shadow: none !important;
  color: #1e1688;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.44px;
}
.site-main .accordion-button:focus {
  box-shadow: none !important;
}

.pagination {
  gap: 15px;
  justify-content: center;
}
.pagination .page-link {
  color: #4f42e1;
  background-color: transparent;
  border: none;
  font-size: 18px;
  font-weight: 700;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}
.pagination .page-link.active {
  background-color: #1e1688;
  border-color: #1e1688;
  color: white;
}
.pagination .page-link.disabled {
  color: #aaa;
}
.pagination .page-item:not(:first-child):not(:last-child) .page-link {
  width: 50px;
}

@media (max-width: 767px) {
  .pagination {
    justify-content: space-between;
  }
  .pagination .page-item:not(:first-child):not(:last-child) .page-link {
    display: none;
  }
}
/*homepage combos opciones desktop*/
.homepage-options-header {
  background: #1e1688 url(../images/deco-1.svg) right bottom no-repeat;
  padding-top: 50px;
  height: 280px;
}

.homepage-options-header .title {
  color: #fff;
  font-size: 54px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1px;
}

.homepage-options-header .subtitle {
  color: #fff;
  font-size: 23px;
  font-weight: 700;
  line-height: normal;
}

.homepage-options-header .btn-check:checked + .btn {
  background: white;
  color: #1e1688;
  border-color: white;
}

.btn.active,
.btn-check + .btn:hover {
  color: white;
}

.check-on .homepage-options-header,
.check-on .homepage-options-header-mobile {
  background-color: #dcd9fe;
}

.check-on .homepage-options-header .title,
.check-on .homepage-options-header-mobile .title {
  color: #1e1688;
}

.check-on .homepage-options-header .subtitle {
  color: #2d2d2d;
}

.check-on h2.title:not(.text-green) {
  color: #4f42e1;
}

.check-on .homepage-options .nav-pills .nav-link {
  color: #4f42e1;
}

.homepage-options-header .btn {
  color: white;
  font-size: 16px;
  font-weight: 700;
}

.homepage-options .nav-pills {
  justify-content: space-between;
  column-gap: 10px;
}

.homepage-options .nav-pills .nav-item {
  height: 71px;
  display: flex;
  justify-content: center;
  flex-grow: 1;
}

.homepage-options .nav-pills .nav-link {
  width: 100%;
  height: 56px;
  border-radius: 10px 10px 0 0;
  background: white;
  margin-top: 16px;
  position: relative;
  text-wrap: nowrap;
}

.homepage-options .nav-pills .nav-link.active {
  height: 71px;
  background: white;
  margin-top: 0;
  color: #1e1688;
}

.homepage-options .nav-pills .ofertas .nav-link {
  background: #63d90f;
  color: white;
}

.homepage-options .nav-pills .ofertas .nav-link.active {
  height: 71px;
  background: #63d90f;
  margin-top: 0;
  color: white;
}

.homepage-options .nav-pills .ofertas .nav-link::after {
  background: url(../images/ico-oferta.png) no-repeat;
  position: absolute;
  content: "";
  right: -6px;
  top: -6px;
  width: 44px;
  height: 44px;
}

/*homepage combos opciones mobile*/
.homepage-options-header-mobile {
  background: #1e1688 url(../images/kike-02.png) no-repeat right center;
}

.homepage-options-header-mobile .title {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  margin-right: 80px;
}

/*animacion video bauleras home*/
.anim-baulera {
  position: relative;
  overflow: hidden;
  margin-top: -80px;
  text-align: center;
}

.anim-baulera video {
  object-fit: contain;
  margin: -35px;
  width: 410px;
  height: 502px;
}

.anim-baulera video {
  mix-blend-mode: multiply;
  background-color: transparent;
}

/*micelaneas home*/
.homepage-micelaneas p {
  font-size: 18px;
}

/*servicios home*/
.homepage-servicios .title {
  color: #1e1688;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
}

@media (min-width: 992px) {
  .homepage-options .nav-pills {
    margin-top: -71px;
  }
  .homepage-switch {
    border-radius: 50px;
  }
}
@media (min-width: 1200px) {
  .home .deco1 {
    background: url(../images/bg-circle-left.svg) no-repeat -60px 150%;
    background-attachment: fixed;
    background-size: 200px;
  }
  .home .deco2 {
    background: url(../images/bg-circle-right.svg) no-repeat 100% 120%;
    background-attachment: fixed;
    background-size: 110px;
  }
  .home .deco3 {
    background: url(../images/bg-circle-bottom.svg) no-repeat center bottom;
    background-attachment: fixed;
    background-size: 420px;
  }
}
.homepage-switch {
  display: flex;
  justify-content: center;
  background-color: #6f65e4;
  padding: 5px;
}

@media (max-width: 991px) {
  .homepage-options-header {
    background: #1e1688 url(../images/kike-02.png) no-repeat right center;
    height: 160px;
    display: flex;
    align-items: center;
    padding: 0;
  }
  .homepage-options-header .title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: normal;
    margin-right: 80px;
  }
  .homepage-switch {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    opacity: 1;
    transition: opacity 1s;
  }
  .homepage-switch.scrolling {
    position: absolute;
    bottom: auto;
    opacity: 0;
  }
  .homepage-switch {
    height: 50px;
    align-items: center;
  }
  .homepage-switch .btn {
    font-size: 13px;
    color: white;
  }
  .homepage-switch .btn-check:checked + .btn {
    border-color: white;
    color: #1e1688;
    background: white;
  }
  .homepage-options .nav-pills .nav-item {
    height: 50px;
  }
  .homepage-options .nav-pills {
    column-gap: 0;
  }
  .homepage-options .nav-pills .nav-link,
  .homepage-options .nav-pills .nav-link {
    height: 40px;
    background: 0 0;
    color: #fff;
    border: 3px solid transparent;
    border-radius: 50px;
    font-size: 14px;
    margin: 5px 0 0 0;
  }
  .homepage-options .nav-pills .nav-link.active {
    height: 40px;
    background: white;
    margin: 5px 0 0 0;
    border: 3px solid white;
    padding-block: 0;
  }
  .homepage-options .nav-pills .ofertas .nav-link {
    background: 0 0;
    color: #63d90f;
  }
  .homepage-options .nav-pills .ofertas .nav-link.active {
    height: 40px;
    background: #63d90f;
    margin: 5px 0 0 0;
    color: white;
    border-color: #63d90f;
  }
  .homepage-options .nav-pills .ofertas .nav-link::after {
    display: none;
  }
  .homepage-options .nav-pills {
    padding: 0 20px;
  }
  .scroll-container:before {
    position: absolute;
    background: linear-gradient(90deg, #4f42e1 0, rgba(79, 66, 225, 0) 100%);
    content: "";
    left: 0;
    top: 0;
    width: 15px;
    height: 100%;
    z-index: 1;
  }
  .scroll-container:after {
    position: absolute;
    background: linear-gradient(90deg, rgba(79, 66, 225, 0) 0, #4f42e1 100%);
    content: "";
    right: 0;
    top: 0;
    width: 45px;
    height: 100%;
    z-index: 1;
  }
  .scroll-container {
    overflow: hidden;
    cursor: grab;
    position: relative;
    background: #4f42e1;
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
  .scroll-list {
    display: flex;
    gap: 10px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .scroll-list::-webkit-scrollbar {
    display: none;
  }
  .anim-baulera-mobile {
    width: 380px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    margin-top: -80px;
    text-align: center;
  }
  .anim-baulera-mobile video {
    mix-blend-mode: multiply;
    background-color: transparent;
  }
  .anim-baulera-mobile video {
    object-fit: contain;
    margin: -35px;
    width: 410px;
    height: 502px;
  }
}
@media (max-width: 575px) {
  .homepage-servicios br {
    display: none;
  }
  .homepage-video-thu {
    max-width: 100%;
    height: 564px;
  }
  .responsive-iframe {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: flex;
  }
}
@media (max-width: 414px) {
  .anim-baulera-mobile {
    width: 310px;
  }
}
body:not(.home) .site-navbar,
body:not(.home) .site-header {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(8px);
}

.internal-page .site-navbar,
.internal-page .site-header {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(8px);
}
.internal-page .section-start {
  height: 203px;
  padding: 0;
  display: flex;
  align-items: center;
  margin-top: 20px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
.internal-page .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
  text-align: center;
}
.internal-page .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}
.internal-page .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  margin: -70px 38px 0 auto;
  padding-bottom: 64px;
  width: 100%;
}
.internal-page .section-start-back {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: space-between;
  align-items: center;
}
.internal-page .ico-back-arrow {
  margin-top: -50px;
  margin-left: 20px;
}
.internal-page .deco1 {
  background: url(../images/bg-circle-left-bottom.svg) no-repeat left bottom;
}

.card-filled {
  border-radius: 20px 20px 200px 20px;
  position: relative;
  max-width: 559px;
  margin: 0 auto;
  display: block;
}
.card-filled .card-caption {
  position: absolute;
  background: linear-gradient(0deg, #1e1688 0%, rgba(30, 22, 136, 0) 100%);
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
.card-filled .card-caption .subtitle {
  width: 274px;
  height: 274px;
  border-radius: 200px;
  background: #fff;
  position: absolute;
  color: #1e1688;
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.96px;
  margin: 0;
  display: grid;
  align-content: center;
  right: 0;
  bottom: -60px;
  box-shadow: 0px 0px 0px rgba(9, 6, 54, 0);
  transition: all 0.5s ease-in-out;
}
.card-filled .card-caption .subtitle span {
  font-size: 32px;
  letter-spacing: -0.64px;
}
.card-filled img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: inherit;
}

@media (min-width: 992px) {
  .card-filled:hover .card-caption .subtitle {
    right: 20px;
    bottom: -20px;
    transform: scale(1.1);
    box-shadow: -10px -5px 10px rgba(9, 6, 54, 0.5);
  }
}
@media (min-width: 1200px) {
  .card-filled:hover .card-caption .subtitle {
    right: 20px;
    bottom: -20px;
    transform: scale(1.1);
    box-shadow: -20px -10px 10px rgba(9, 6, 54, 0.5);
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 1199px) {
  .internal-page .section-start {
    height: auto;
  }
  .internal-page .section-start .line-deco-1 {
    margin: 0 38px 0 auto;
    background: transparent;
  }
  .internal-page .ico-back-arrow {
    margin-top: 0;
  }
  .card-caption .subtitle {
    width: 234px;
    height: 234px;
    font-size: 38px;
  }
  .card-caption .subtitle span {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .internal-page .section-start {
    height: auto;
    padding: 0 30px 20px;
    margin-top: 30px;
  }
  .internal-page .section-start .title {
    font-size: 35px;
    margin: 0;
  }
  .internal-page .section-start .line-deco-1 {
    max-width: none;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: center;
  }
  .internal-page .ico-back-arrow img {
    max-width: 24px;
    margin-left: 10px;
  }
  .servicios-sucursal img {
    max-width: 44px;
  }
}
@media (max-width: 575px) {
  .internal-page .section-start {
    margin-bottom: 0;
  }
  .card-filled .card-caption {
    border-radius: 20px;
  }
  .card-filled img {
    border-radius: 20px;
  }
  .card-caption .subtitle {
    right: -5px;
    bottom: -40px;
    width: 165px;
    height: 165px;
    font-size: 30px;
  }
  .card-caption .subtitle span {
    font-size: 18px;
  }
}
@media (max-width: 414px) {
  .internal-page .section-start {
    padding-right: 0;
    padding-left: 0;
  }
  .internal-page .ico-back-arrow {
    margin-left: 0;
  }
  .internal-page .section-start .title,
  .group-cards .title {
    font-size: 28px;
  }
}
body.quienes-somos {
  background: url(../images/bg-circle.svg) no-repeat center -660px;
}

.quienes-somos .intro .title {
  color: #1e1688;
  text-align: center;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
}

.quienes-somos .intro .subtitle {
  color: #2b2b2b;
  text-align: center;
  font-family: "Basic Sans";
  font-weight: 500;
  line-height: normal;
}

.quienes-somos .card .title {
  color: #2d2d2d;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
}

@media (min-width: 992px) {
  .quienes-somos .intro .title {
    font-size: 56px;
  }
  .quienes-somos .intro .subtitle {
    font-size: 24px;
  }
  .quienes-somos .card .title {
    font-size: 32px;
  }
}
@media (min-width: 1200px) {
  .quienes-somos .group-cards {
    background: url(../images/bg-circle.svg) no-repeat -640px 0px;
  }
}
@media (max-width: 1199px) {
  .quienes-somos .group-cards {
    background: url(../images/bg-circle.svg) no-repeat center 0;
  }
}
@media (max-width: 991px) {
  .quienes-somos .intro .title {
    font-size: 26px;
  }
  .quienes-somos .intro .subtitle {
    font-size: 16px;
  }
  .quienes-somos .card .title {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .img-qsomos {
    aspect-ratio: 1/1;
    width: 300px;
    margin: 0 auto -50px auto;
    display: table;
    border-radius: 50% !important;
  }
}
body.inverti {
  background: url(../images/bg-circle.svg) no-repeat 200% -660px;
}

.inverti .section-start {
  background: url(../images/kike-03.png) no-repeat 100px center;
  height: 203px;
  padding-left: 400px;
  padding-right: 100px;
  display: flex;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 70px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.inverti .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
}

.inverti .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}

.inverti .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  max-width: 694px;
  margin: -70px 0 0 auto;
  padding-bottom: 24px;
}

.inverti .card .title {
  color: #2d2d2d;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
}

.inverti .card .img-inverti {
  max-width: fit-content;
}

.grid-por-que-invertir {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  grid-template-areas: "title title" "cards cards";
  column-gap: 40px;
}

.grid-por-que-invertir .title img {
  width: 300px;
  height: 300px;
  border-radius: 50%;
}

.grid-por-que-invertir .title {
  color: #2d2d2d;
  font-size: 36px;
  font-weight: 600;
  letter-spacing: -1.24px;
  grid-area: title;
  grid-column: 1/3;
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;
}

.grid-por-que-invertir .title span:first-child {
  text-align: right;
}

.grid-por-que-invertir .title span:last-child {
  text-align: left;
}

.grid-por-que-invertir .card {
  margin-top: -50px;
}

.inverti .section-end {
  text-align: center;
}

@media (min-width: 992px) {
  .inverti .card .img-inverti {
    position: absolute;
    top: -150px;
    right: -150px;
  }
  .inverti .intro .title {
    font-size: 56px;
  }
  .inverti .card .title {
    font-size: 32px;
  }
  .inverti .self-storage .img-inverti {
    border-radius: 3rem;
  }
}
@media (min-width: 1200px) {
  .inverti .card .title {
    max-width: calc(100% - 150px);
  }
  .card-inverti-overlap {
    position: absolute;
    right: 0;
    bottom: -10%;
    max-width: 45%;
  }
  .grid-por-que-invertir .title {
    font-size: 56px;
  }
  .grid-por-que-invertir {
    column-gap: 80px;
  }
}
@media (max-width: 1199px) {
  body.inverti {
    background: url(../images/bg-circle.svg) no-repeat center -730px;
  }
  .inverti .self-storage .img-inverti {
    margin: 0 auto -60px auto;
    display: block;
  }
}
@media (max-width: 991px) {
  .inverti .card .img-inverti {
    display: none;
  }
  .inverti .self-storage .img-inverti {
    width: 300px;
    height: 300px;
    border-radius: 50%;
  }
  .inverti .section-start {
    background-position: center bottom;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: -70px;
    padding-bottom: 200px;
  }
  .inverti .card .title {
    font-size: 26px;
  }
  .inverti .section-start .title {
    font-size: 26px;
    margin: 0;
    padding: 30px 50px 0 0;
  }
  .grid-por-que-invertir .title span br {
    display: none;
  }
  .inverti .section-start .line-deco-1 {
    background: url(../images/line-deco-mobile-1.svg) no-repeat center;
    max-width: none;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .grid-por-que-invertir {
    grid-template-columns: auto;
    grid-template-areas: none;
    gap: 40px;
  }
  .grid-por-que-invertir .title img {
    order: -1;
  }
  .grid-por-que-invertir .title {
    grid-area: inherit;
    grid-column: inherit;
    flex-direction: column;
  }
  .grid-por-que-invertir .card {
    margin-top: inherit;
  }
}
.operadores .section-start {
  height: 203px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
  align-items: center;
  margin-top: 50px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.operadores .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
}

.operadores .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}

.operadores .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat right bottom;
  display: grid;
  margin: 0 auto;
  padding-bottom: 54px;
  text-align: center;
}

.operadores .card .title {
  color: #2d2d2d;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.64px;
}

.operadores .card .img-operadores {
  max-width: fit-content;
}

.operadores .section-end {
  text-align: center;
}

.grid-circles {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0 30px;
  height: 220px;
}

.grid-circles > article {
  background: #6a6565;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  justify-content: center;
  align-content: center;
  padding: 0 30px;
}

.grid-circles > article:first-child {
  background: #1e1688;
  align-self: self-start;
}

.grid-circles > article:nth-child(2) {
  background: #4f42e1;
  align-self: self-end;
}

.grid-circles > article:nth-child(3) {
  background: #658cad;
  align-self: self-start;
}

.grid-circles > article:last-child {
  background: #455a64;
  align-self: self-end;
}

.grid-circles .subtitle {
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
  color: #fff;
}

.grid-circles p {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #fff;
  margin: 0;
}

.grid-beneficios {
  display: grid;
  align-items: start;
  gap: 70px;
  counter-reset: card-counter;
}

.grid-beneficios .card .subtitle {
  color: #2d2d2d;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.44px;
}

.grid-beneficios .card ul {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}

.grid-beneficios .card::before {
  content: counter(card-counter);
  counter-increment: card-counter;
  width: 80px;
  background: #1e1688;
  display: grid;
  text-align: center;
  align-items: center;
  border-radius: 50%;
  color: white;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  left: 47px;
  top: -41px;
  aspect-ratio: 1/1;
  padding-bottom: 6px;
}

.confiabilidad {
  border-radius: 350px 0;
  background: #f1f1f8;
  padding: 160px 90px 120px;
  margin-top: -100px;
}

.operadores-3 {
  width: 180px;
  position: absolute;
  right: 0;
  bottom: 30px;
  overflow: hidden;
}

.operadores-3 img {
  max-width: 320px;
  padding: 0;
}

.operadores-faq {
  padding-top: 150px;
  padding-bottom: 150px;
}

.operadores .section-end {
  background: url(../images/bg-circle.svg) no-repeat -190% 0;
}

@media (min-width: 768px) {
  .grid-beneficios {
    background: url(../images/operadores-2.png) no-repeat center center;
    background-size: contain;
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-beneficios .card:nth-child(odd) {
    margin-top: -50px;
  }
  .confiabilidad-content {
    padding-right: 150px;
  }
}
@media (min-width: 992px) {
  .operadores .card .img-operadores {
    position: absolute;
    top: -150px;
    right: -150px;
  }
  .operadores .intro .title {
    font-size: 56px;
  }
  .operadores .card .title {
    font-size: 32px;
  }
  .grid-circles .subtitle {
    font-size: 20px;
  }
  .grid-circles p {
    font-size: 16px;
  }
  .grid-circles {
    gap: 20px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  body.operadores {
    background: url(../images/bg-circle.svg) no-repeat 200% -660px;
  }
  .operadores .deco1 {
    background: url(../images/bg-circle.svg) no-repeat -730px 23%;
  }
  .card-operadores-overlap {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 45%;
    height: 100%;
    padding-block: 20px;
  }
  .text-operadores-overlap .title {
    order: 1;
    color: white;
    text-align: center;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: -1.12px;
    max-width: 740px;
    padding: 0 160px 0 20px;
  }
  .text-operadores-overlap {
    display: grid;
    grid-template-areas: "center";
  }
  .text-operadores-overlap > * {
    grid-area: center;
    align-content: center;
  }
  .grid-circles {
    height: 330px;
  }
  .grid-operadores .title {
    font-size: 32px;
  }
  .grid-circles {
    gap: 20px;
  }
}
@media (max-width: 1199px) {
  body.operadores {
    background: url(../images/bg-circle.svg) no-repeat center -730px;
  }
  .operadores .section-start .line-deco-1 {
    background: transparent;
  }
  .text-operadores-overlap .title {
    order: 1;
    color: white;
    text-align: center;
    font-size: 56px;
    font-weight: 600;
    letter-spacing: -1.12px;
    max-width: 740px;
    padding: 20px;
  }
  .text-operadores-overlap {
    display: grid;
    justify-content: center;
    grid-template-areas: "center";
  }
  .text-operadores-overlap > * {
    grid-area: center;
    align-content: center;
  }
  .card-operadores-overlap {
    margin-top: -50px;
    padding: 0 30px;
  }
}
@media (max-width: 991px) {
  .operadores .card .img-operadores {
    display: none;
  }
  .operadores .section-start {
    background-position: center bottom;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .operadores .card .title {
    font-size: 26px;
  }
  .operadores .section-start .title {
    font-size: 26px;
    margin: 0;
    padding: 30px;
  }
  .grid-operadores .title span br {
    display: none;
  }
  .grid-circles {
    grid-template-columns: repeat(2, 1fr);
    padding: 0 30px;
    height: auto;
    gap: 30px;
  }
}
@media (max-width: 767px) {
  body.operadores {
    background: transparent;
  }
  .operadores .section-start {
    margin-bottom: -30px;
  }
  .operadores .section-start .line-deco-1 {
    padding-bottom: 0;
  }
  .operadores .section-start .container-lg {
    padding: 0;
  }
  .text-operadores-overlap {
    position: relative;
    overflow: hidden;
    min-height: 360px;
  }
  .text-operadores-overlap > img {
    height: 100%;
    object-fit: cover;
  }
  .text-operadores-overlap:before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    background: white;
    height: 70px;
    border-radius: 0 0 50% 50%;
  }
  .text-operadores-overlap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    background: white;
    height: 70px;
    border-radius: 50% 50% 0 0;
  }
  .text-operadores-overlap .title {
    font-size: 32px;
    padding: 0 70px;
  }
  .card-operadores-overlap > .card {
    border: none;
    box-shadow: none;
    background: transparent;
  }
  .grid-operadores .title {
    font-size: 26px;
  }
  .operadores .deco-left {
    background: url(../images/operadores-deco-1.svg) no-repeat center left;
    padding-left: 50px;
  }
  .operadores .deco-right {
    background: url(../images/operadores-deco-1.svg) no-repeat center right;
    padding-right: 50px;
  }
  .grid-beneficios {
    overflow-x: hidden;
    padding: 50px 0;
  }
  .confiabilidad {
    border-radius: 190px;
    padding: 160px 70px 100px;
  }
  .operadores .section-end {
    background-position: center top;
    padding-top: 80px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .grid-beneficios .card::before {
    left: inherit;
    right: 47px;
  }
}
@media (max-width: 575px) {
  .grid-circles .subtitle {
    font-size: 18px;
  }
  .grid-circles p {
    font-size: 16px;
  }
  .row.row-grid-circles {
    overflow: hidden;
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .row.row-grid-circles .title {
    font-size: 22px;
    text-align: left;
    padding: 0 20px;
  }
  .row.row-grid-circles > article p {
    text-align: left;
    padding: 0 20px;
  }
  .grid-circles {
    display: flex;
    padding: 0;
    gap: 0;
    overflow: hidden;
    flex-direction: column;
  }
  .grid-circles > article:first-child,
  .grid-circles > article:nth-child(3) {
    padding-right: 25%;
    margin-right: -20%;
    max-width: 85%;
    align-self: self-end;
    padding-left: 50px;
  }
  .grid-circles > article:last-child,
  .grid-circles > article:nth-child(2) {
    padding-left: 25%;
    margin-left: -20%;
    max-width: 85%;
    align-self: self-start;
    padding-right: 50px;
  }
  .grid-circles > article:first-child {
    margin-bottom: -50px;
    text-align: left;
  }
  .grid-circles > article:nth-child(2) {
    margin-top: -50px;
    margin-bottom: -100px;
    text-align: right;
  }
  .grid-circles > article:last-child {
    margin-top: -50px;
    text-align: right;
  }
  .grid-circles > article:nth-child(3) {
    margin-bottom: -50px;
    text-align: left;
  }
  .grid-beneficios .card {
    box-shadow: none;
  }
  .grid-beneficios .card:nth-child(even) {
    margin-left: -50px;
    margin-right: 50px;
    padding: 30px 30px 30px 80px;
  }
  .grid-beneficios .card:nth-child(odd) {
    margin-right: -50px;
    margin-left: 50px;
    padding: 30px 80px 30px 30px;
  }
  .grid-beneficios .card:nth-child(even)::before {
    left: inherit;
    right: 47px;
  }
}
@media (max-width: 414px) {
  .grid-circles p {
    font-size: 12px;
  }
  .confiabilidad {
    border-radius: 120px 120px 150px 150px;
    padding: 160px 40px 70px;
  }
}
body.servicio-360 {
  background: url(../images/bg-circle.svg) no-repeat 220% -520px;
}
@media (max-width: 991px) {
  body.servicio-360 {
    background: url(../images/bg-circle.svg) no-repeat center -290px;
  }
}
@media (max-width: 414px) {
  body.servicio-360 {
    background: url(../images/bg-circle.svg) no-repeat center -420px;
  }
}

.servicio-360 .site-navbar,
.servicio-360 .site-header {
  background: transparent;
  backdrop-filter: blur(8px);
}
.servicio-360 .intro {
  background: url(../images/line-deco-1.svg) no-repeat 90% 100px;
}
.servicio-360 .intro .title {
  color: #1e1688;
  text-align: center;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
  max-width: 980px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .servicio-360 .intro .title {
    font-size: 34px;
  }
}
@media (max-width: 991px) {
  .servicio-360 .intro .title {
    font-size: 26px;
  }
}
.servicio-360 .intro .subtitle {
  color: #2b2b2b;
  text-align: center;
  font-weight: 500;
  line-height: normal;
}
@media (min-width: 992px) {
  .servicio-360 .intro .subtitle {
    font-size: 24px;
  }
}
@media (max-width: 991px) {
  .servicio-360 .intro .subtitle {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .servicio-360 .intro {
    background: transparent;
  }
}
.servicio-360 .beneficios360 {
  color: #2b2b2b;
  text-align: center;
}
.servicio-360 .beneficios360 .subtitle {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}
.servicio-360 .beneficios360 p {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 992px) {
  .servicio-360 .card .title {
    font-size: 32px;
  }
}
@media (max-width: 991px) {
  .servicio-360 .card .title {
    font-size: 26px;
  }
}
@media (min-width: 1200px) {
  .servicio-360 .group-cards {
    background: url(../images/bg-circle.svg) no-repeat -640px 0px;
  }
}
@media (max-width: 1199px) {
  .servicio-360 .group-cards {
    background: url(../images/bg-circle.svg) no-repeat center 0;
  }
}
@media (min-width: 768px) {
  .servicio-360 .masinfo360 .bg-dark {
    border-radius: 20px;
  }
}
@media (max-width: 767px) {
  .servicio-360 .masinfo360 .bg-dark {
    margin-bottom: -200px;
    padding-bottom: 200px !important;
  }
}
@media (max-width: 575px) {
  .servicio-360 .ico-360-lg {
    max-width: 150px;
  }
}

body.unidades {
  background: url(../images/bg-circle.svg) no-repeat 220% -520px;
}

.unidades .section-start {
  background: url(../images/icon-operarios-acomodando.png) no-repeat 100px center;
  height: 203px;
  padding-left: 400px;
  padding-right: 100px;
  display: flex;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 30px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.unidades .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
}

.unidades .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}

.unidades .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  max-width: 694px;
  margin: -70px 0 0 auto;
  padding-bottom: 24px;
}

.card-filled {
  border-radius: 20px 20px 200px 20px;
  position: relative;
  max-width: 559px;
  margin: 0 auto;
  display: block;
}

.card-filled .card-caption {
  position: absolute;
  background: linear-gradient(0deg, #1e1688 0%, rgba(30, 22, 136, 0) 100%);
  height: 100%;
  width: 100%;
  border-radius: 20px 20px 200px 20px;
}

.card-caption .subtitle {
  width: 274px;
  height: 274px;
  border-radius: 200px;
  background: #fff;
  position: absolute;
  color: #1e1688;
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.96px;
  margin: 0;
  display: grid;
  align-content: center;
  right: 0;
  bottom: -60px;
  box-shadow: 0px 0px 0px rgba(9, 6, 54, 0);
  transition: all 0.5s ease-in-out;
}

.card-caption .subtitle span {
  font-size: 32px;
  letter-spacing: -0.64px;
}

.card-filled img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 20px 20px 200px 20px;
}

@media (min-width: 992px) {
  .card-filled:hover .card-caption .subtitle {
    right: 20px;
    bottom: -20px;
    transform: scale(1.1);
    box-shadow: -10px -5px 10px rgba(9, 6, 54, 0.5);
  }
}
@media (min-width: 1200px) {
  .card-filled:hover .card-caption .subtitle {
    right: 20px;
    bottom: -20px;
    transform: scale(1.1);
    box-shadow: -20px -10px 10px rgba(9, 6, 54, 0.5);
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 1199px) {
  body.unidades {
    background: url(../images/bg-circle.svg) no-repeat center -790px;
  }
  .card-caption .subtitle {
    width: 234px;
    height: 234px;
    font-size: 38px;
  }
  .card-caption .subtitle span {
    font-size: 22px;
  }
}
@media (max-width: 991px) {
  .unidades .section-start {
    background-position: center bottom;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    padding-bottom: 200px;
  }
  .unidades .section-start .title {
    font-size: 26px;
    margin: 0;
    padding: 30px 50px 0 0;
  }
  .unidades .section-start .line-deco-1 {
    background: url(../images/line-deco-mobile-1.svg) no-repeat center;
    max-width: none;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .unidades .section-start {
    padding-bottom: 140px;
    background-size: 140px;
    margin-bottom: 0;
  }
  .card-filled .card-caption {
    border-radius: 20px;
  }
  .card-caption .subtitle {
    right: -5px;
    bottom: -40px;
  }
  .card-filled img {
    border-radius: 20px;
  }
  .card-caption .subtitle {
    width: 165px;
    height: 165px;
    font-size: 30px;
  }
  .card-caption .subtitle span {
    font-size: 18px;
  }
}
body.preguntas-frecuentes {
  background: url(../images/bg-circle.svg) no-repeat 220% -520px;
}

.preguntas-frecuentes .section-start {
  background: url(../images/icon-kike-faq.png) no-repeat 100px center;
  height: 203px;
  padding-left: 400px;
  padding-right: 100px;
  display: flex;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 0;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  background-size: contain;
}

.preguntas-frecuentes .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
}

.preguntas-frecuentes .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}

.preguntas-frecuentes .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  max-width: 694px;
  margin: -70px 0 0 auto;
  padding-bottom: 24px;
}

.preguntas-frecuentes .section-faq {
  padding-bottom: 150px;
}

@media (max-width: 1199px) {
  body.preguntas-frecuentes {
    background: url(../images/bg-circle.svg) no-repeat center -790px;
  }
}
@media (max-width: 991px) {
  .preguntas-frecuentes .section-start {
    background-position: center bottom;
    height: auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
    padding-bottom: 140px;
    background-size: 100px;
  }
  .preguntas-frecuentes .section-start .title {
    font-size: 26px;
    margin: 0;
    padding: 30px 50px 0 0;
  }
  .preguntas-frecuentes .section-start .line-deco-1 {
    background: url(../images/line-deco-mobile-1.svg) no-repeat center;
    max-width: none;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
  }
  .preguntas-frecuentes .section-start .title {
    padding: 30px 0 0 0;
  }
}
@media (max-width: 575px) {
  .preguntas-frecuentes .section-start .line-deco-1 {
    background: transparent;
  }
}
body.contacto {
  background: url(../images/bg-circle.svg) no-repeat 220% -520px;
}
@media (max-width: 1199px) {
  body.contacto {
    background: url(../images/bg-circle.svg) no-repeat center -790px;
  }
}

.deco1 {
  background: url(../images/bg-circle-left-bottom.svg) no-repeat left bottom;
  background-size: 300px;
}

.contacto .section-start {
  background: url(../images/icon-kike-contacto.png) no-repeat 100px center;
  height: 203px;
  padding: 0 100px 0 400px;
  display: flex;
  align-items: center;
  margin: 50px auto 0;
  max-width: 1320px;
  background-size: contain;
}
.contacto .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
}
.contacto .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}
.contacto .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  max-width: 694px;
  margin: -70px 0 0 auto;
  padding-bottom: 24px;
}
.contacto .section-faq {
  padding-bottom: 150px;
}
@media (max-width: 991px) {
  .contacto .section-start {
    background-position: center bottom;
    height: auto;
    padding: 0 30px 140px;
    margin-top: 30px;
    background-size: 100px;
  }
  .contacto .section-start .title {
    font-size: 26px;
    margin: 0;
    padding: 30px 50px 0 0;
  }
  .contacto .section-start .line-deco-1 {
    background: url(../images/line-deco-mobile-1.svg) no-repeat center;
    max-width: none;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .contacto .section-start .line-deco-1 {
    background: transparent;
  }
}

.sucursales .internal-page .deco1 {
  background: transparent;
}

.card-sucursal {
  background: #f0f0f0;
  border-radius: 20px;
  padding: 16px;
  margin-bottom: 132px;
  height: calc(100% - 132px);
  display: block;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}
.card-sucursal-thu {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-top: -132px;
}
.card-sucursal-thu img {
  width: 100%;
  height: 310px;
  object-fit: cover;
  object-position: right;
  transition: all 0.5s ease-in-out;
}
.card-sucursal:hover .card-sucursal-thu img {
  object-position: left;
}

.card-sucursal-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #1e1688 0%, rgba(30, 22, 136, 0) 100%);
  display: flex;
  align-items: end;
  padding-bottom: 60px;
  justify-content: center;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: -0.76px;
  text-align: center;
  z-index: 1;
}

.card-sucursal-info {
  padding: 25px;
  text-align: center;
}
.card-sucursal-info p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

@media (max-width: 1199px) {
  .card-sucursal-title {
    font-size: 28px;
  }
  .card-sucursal-info p {
    font-size: 14px;
  }
  .card-sucursal-thu img {
    height: 240px;
  }
}
body.blog {
  background: url(../images/bg-circle.svg) no-repeat 220% -520px;
}
@media (max-width: 1199px) {
  body.blog {
    background: url(../images/bg-circle.svg) no-repeat center -790px;
  }
}

.deco1 {
  background: url(../images/bg-circle-left-bottom.svg) no-repeat left bottom;
  background-size: 300px;
}

.blog .section-start {
  background: url(../images/icon-kike-blog.png) no-repeat 100px center;
  height: 203px;
  padding: 0 100px 0 400px;
  display: flex;
  align-items: center;
  margin: 50px auto 0;
  max-width: 1320px;
  background-size: contain;
}
.blog .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
  margin-left: 12%;
}
.blog .section-start .subtitle {
  text-align: right;
  margin: 0 20% -50px 0;
  color: #2b2b2b;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
.blog .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  max-width: 694px;
  margin: -70px 0 0 auto;
  padding-bottom: 24px;
}
.blog .blog-post-list .title {
  color: #2b2b2b;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
.blog .card-blog {
  display: grid;
  grid-template-areas: "thu txt";
  grid-template-columns: auto 1fr;
}
.blog .card-blog .card-blog-entry {
  grid-area: txt;
  padding: 30px;
  gap: 20px;
  display: grid;
  align-content: start;
}
.blog .card-blog .card-blog-entry a {
  color: #2b2b2b;
  text-decoration: none;
}
.blog .card-blog .card-blog-entry a .card-title {
  color: #2b2b2b;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.44px;
  text-align: left;
  margin: 0;
}
.blog .card-blog .card-blog-entry .card-txt {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.blog .card-blog .card-blog-entry .card-date {
  color: #aaa;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
  margin: 0;
}
.blog .card-blog .thu {
  grid-area: thu;
}
.blog .card-blog .thu img {
  max-width: 100%;
  height: 194px;
  object-fit: cover;
  border-radius: 20px;
  width: 194px;
}

@media (max-width: 991px) {
  .blog .section-start {
    background-position: 30% 63px;
    background-size: 100px;
    margin: 0;
  }
  .blog .section-start .title {
    text-align: left;
    margin-left: -2px;
  }
  .blog .section-start .subtitle {
    white-space: nowrap;
    text-align: left;
  }
  .blog .section-start .line-deco-1 {
    background: url(../images/line-deco-mobile-1.svg) no-repeat center;
    max-width: none;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
  }
  .blog .section-start .line-deco-1 {
    background: transparent;
  }
}
@media (max-width: 767px) {
  .blog .section-start {
    margin: 0;
    padding: 0 0 0 42%;
  }
  .blog .card-blog .card-blog-entry {
    padding: 0 25px;
  }
  .blog .card-blog .card-blog-entry .card-title {
    font-size: 18px;
  }
  .blog .card-blog .card-blog-entry .card-txt {
    font-size: 14px;
    margin-bottom: 40px;
  }
  .blog .card-blog .thu img {
    height: 160px;
    width: 160px;
  }
}
@media (max-width: 575px) {
  .blog .deco1 {
    padding-top: 15px;
  }
  .blog .section-start {
    padding: 0 10px 60px 30px;
    height: 120px;
    text-align: left;
    background-position: 96% 14px;
  }
  .blog .section-start .title {
    padding: 30px 0 0 0;
    font-size: 36px;
  }
  .blog .section-start .subtitle {
    margin: 0 0 -30px 0;
    text-align: left;
  }
  .blog .card-blog .card-blog-entry {
    padding: 18px 25px;
    margin: 80px 0 0 -120px;
    background: white;
    border-radius: 20px;
  }
  .blog .card-blog .card-blog-entry img {
    height: 200px;
    width: 200px;
  }
}
.blog-articulo {
  background: url(../images/bg-circle.svg) no-repeat center -610px;
}

.internal-post .section-start {
  padding: 0;
  display: flex;
  align-items: center;
  margin-top: 20px;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
.internal-post .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
  text-align: center;
  max-width: 80%;
  margin: 0 auto;
}
.internal-post .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}
.internal-post .section-start .line-deco-1 {
  display: grid;
  margin: 0 auto;
  padding-bottom: 64px;
  width: 100%;
}
.internal-post .section-start-back {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-content: space-between;
  align-items: center;
}
.internal-post .ico-back-arrow {
  margin-top: -50px;
  margin-left: 20px;
}
.internal-post .deco1 {
  background: transparent;
}
.internal-post .blog-article .article-date {
  color: #aaa;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
  margin: 0;
}
.internal-post .blog-article .article-txt {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}
.internal-post .share-article {
  color: #2d2d2d;
  text-align: center;
  font-size: 46px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.92px;
}
.internal-post .share-article .list-social {
  list-style: none;
}
.internal-post .share-article .list-social a img {
  transition: transform 0.3s ease-in-out;
  display: block;
  filter: invert(80%);
}
.internal-post aside .subtitulo {
  color: #2b2b2b;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
.internal-post aside .article-list {
  display: grid;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.internal-post aside .article-list .card {
  padding: 0 25px;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 20px;
}
.internal-post aside .article-list .card .thu img {
  max-width: 100%;
  height: 148px;
  object-fit: cover;
  border-radius: 20px;
  width: 306px;
}
.internal-post aside .article-list .card .card-date {
  color: #aaa;
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.36px;
  margin: 0;
}
.internal-post aside .article-list .card a {
  color: #2b2b2b;
  text-decoration: none;
}
.internal-post aside .article-list .card a .card-title {
  color: #2b2b2b;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.44px;
  text-align: left;
  margin: 0;
}
.internal-post aside .article-list .card .card-txt {
  color: #2b2b2b;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

@media (max-width: 1199px) {
  .internal-post .section-start {
    height: auto;
  }
  .internal-post .section-start .line-deco-1 {
    margin: 0 38px 0 auto;
    background: transparent;
  }
  .internal-post .ico-back-arrow {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .internal-post .section-start {
    height: auto;
    padding: 0 30px 20px;
    margin-top: 30px;
  }
  .internal-post .section-start .title {
    font-size: 35px;
    margin: 0;
  }
  .internal-post .section-start .line-deco-1 {
    max-width: none;
    margin: 0 auto;
    padding-bottom: 0;
    text-align: center;
  }
  .internal-post .ico-back-arrow img {
    max-width: 24px;
    margin-left: 10px;
  }
}
@media (max-width: 575px) {
  .internal-post .section-start {
    margin-bottom: 0;
  }
}
@media (max-width: 414px) {
  .internal-post .section-start {
    padding-right: 0;
    padding-left: 0;
  }
  .internal-post .section-start .title {
    max-width: 100%;
    font-size: 25px;
    margin: 10px;
  }
  .internal-post .ico-back-arrow {
    margin-left: 0;
  }
  .internal-post .section-start-back {
    grid-template-columns: auto;
  }
}
@keyframes fadeInOut {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.fade-text {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  animation: fadeInOut 2s infinite;
}

.show-cart {
  display: flex;
  position: relative;
  color: #1E1688;
  text-decoration: none;
}

.stepper {
  counter-reset: step;
}
.stepper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.stepper ul li {
  width: 100%;
  display: flex;
  align-items: center;
  counter-increment: step;
}
.stepper ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
  color: #2a2a2a;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  border-radius: 30px;
  border: 4px solid #fff;
  background: #aaa;
  padding: 3px;
  text-decoration: none;
}
.stepper ul li a:before {
  content: counter(step);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #f5f5f5;
  color: #2a2a2a;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepper ul li a span {
  padding: 0 15px;
}
.stepper ul li a.active {
  background: #1e1688;
  color: #fff;
}
.stepper ul li a.active::before {
  color: #1e1688;
  background: #dcd9f9;
}
.stepper ul li a.complete {
  background: #b9b3f3;
  color: #fff;
}
.stepper ul li a.complete::before {
  color: #4f42e1;
  background: #fff;
}

.info-amount-grid {
  display: grid;
  grid-template-columns: 130px auto;
  align-items: start;
  position: relative;
  margin-left: 110px;
}
.info-amount-grid:before {
  background: url(../images/kike-04.png) no-repeat;
  background-size: contain;
  width: 100px;
  height: 160px;
  content: "";
  position: absolute;
  left: -76px;
  bottom: -56px;
}
.info-amount-grid .info-amount-items {
  border: 1px dashed #A6A0F0;
  height: 117px;
  width: 117px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1E1688;
  font-size: 72px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.44px;
  border-radius: 50%;
}
.info-amount-grid .subtitle {
  font-size: 18px !important;
}

.section-filters .select-dropdown {
  border-radius: 8px;
  border: 2px solid #aaa;
  min-width: 170px;
  height: 45px;
  padding: 21px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: white;
  justify-content: space-between;
  color: #808080;
}
.section-filters .dropdown-menu {
  width: 100%;
  border-radius: 8px;
  border: 2px solid transparent;
  box-shadow: 1px 3px 13px 0px rgba(0, 0, 0, 0.15);
}
.section-filters .dropdown-menu .dropdown-item {
  color: #808080;
}
.section-filters .dropdown-menu .dropdown-item.active, .section-filters .dropdown-menu .dropdown-item:active {
  background-color: transparent;
  color: inherit;
}
.section-filters .form-check {
  display: flex;
  align-items: center;
  gap: 5px;
}
.section-filters .form-check .form-check-input[type=checkbox] {
  border-width: 2px;
  width: 30px;
  height: 30px;
  border-color: #aaa;
}
.section-filters .form-check .form-check-input:checked[type=checkbox] {
  border-color: #1e1688;
}

.wizard .deco1 {
  background: url(../images/bg-circle-left-bottom.svg) no-repeat left bottom;
  background-size: 300px;
}
.wizard .section-start {
  background: url(../images/kike-04.png) no-repeat 100px center;
  height: 203px;
  padding: 0 0 0 300px;
  display: flex;
  align-items: center;
  margin: 50px auto 0;
  max-width: 1320px;
  background-size: contain;
}
.wizard .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
  font-size: 42px;
}
.wizard .section-start .subtitle {
  margin: 0 20% -50px 0;
  color: #2b2b2b;
  font-size: 24px;
  font-weight: 700;
  line-height: normal;
}
.wizard .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  margin: -70px 0 0 0;
  padding-bottom: 104px;
}
.wizard .float-waiting-list {
  display: grid;
  text-align: center;
  background: url(../images/bg-circle-white.svg) no-repeat center;
  background-size: contain;
  width: 240px;
  position: absolute;
  right: -60px;
  top: -138px;
  aspect-ratio: 1/1;
  align-content: center;
}
.wizard .float-waiting-list .title {
  color: #f85c4e;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
}
.wizard .float-waiting-list p {
  color: #2b2b2b;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.wizard .grid-searchform {
  display: grid;
  grid-template-columns: minmax(400px, 664px) 55px;
  justify-content: end;
  gap: 30px;
  margin-bottom: 30px;
}
.wizard .grid-searchform .col-input .form-floating > .form-control {
  padding-left: 50px;
  background: url(../images/ico-search.svg) no-repeat 15px center;
}
.wizard .grid-searchform .col-input .form-floating > .form-control:focus {
  background-image: none;
  padding-left: 0.75rem;
}
.wizard .grid-searchform .col-input .form-floating > label {
  padding-left: 50px;
  color: #2d2d2d;
  font-style: italic;
  font-weight: 500;
  opacity: 0.5;
}
.wizard .grid-searchform .col-input .form-floating > .form-control:focus ~ label {
  padding-left: 0.75rem;
}
.wizard .grid-searchform .col-button .btn-square {
  width: 62px;
  height: 62px;
  position: relative;
}
.wizard .grid-searchform .col-button .btn-square .badge {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wizard .section-objects .slider-container {
  gap: 30px;
}
.wizard .section-objects .slider-container li {
  width: 200px;
  padding: 15px;
}
.wizard .section-objects .slider-container li .card {
  box-shadow: 0px 4px 9px 0px rgba(95, 81, 249, 0.09);
}
.wizard .section-objects .slider-container li .card .objects-thu {
  height: 66px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wizard .section-objects .slider-container li .card .objects-thu img {
  max-height: 66px;
  max-width: 66px;
  width: 100%;
}
.wizard .section-filters {
  max-width: 1199px;
  margin: 0 auto;
  padding: 0 30px 0 0;
}
@media (max-width: 1399px) {
  .wizard .section-filters {
    max-width: 1117px;
  }
}
@media (max-width: 1279px) {
  .wizard .float-waiting-list {
    right: 0;
    width: 200px;
  }
}
@media (max-width: 1199px) {
  .wizard .section-filters {
    max-width: 996px;
    padding-left: 30px;
  }
  .wizard .stepper ul li {
    width: auto;
  }
  .wizard .stepper ul li a span {
    display: none;
  }
  .wizard .info-amount-grid {
    margin-left: 70px;
  }
}
@media (max-width: 991px) {
  .wizard .section-start {
    background-position: 23% 63px;
    background-size: 100px;
    margin: 0;
  }
  .wizard .section-start .title {
    text-align: left;
    margin-left: -2px;
  }
  .wizard .section-start .subtitle {
    white-space: nowrap;
    text-align: left;
  }
  .wizard .section-start .line-deco-1 {
    background: url(../images/line-deco-mobile-1.svg) no-repeat center;
    max-width: none;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
  }
  .wizard .info-amount-grid::before {
    display: none;
  }
  .wizard .info-amount-grid {
    margin-left: 14px;
    padding-top: 25px;
  }
  .wizard .float-waiting-list {
    display: none;
  }
  .wizard .section-filters {
    position: absolute;
    top: 220px;
    right: 10px;
  }
  .wizard .grid-searchform {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .wizard .section-start {
    margin: 0;
    padding: 0 0 0 32%;
    background-position: 10% 53px;
  }
  .wizard .section-start .info-amount-grid {
    align-items: center;
  }
  .wizard .section-start .info-amount-grid .info-amount-items {
    height: 97px;
    width: 97px;
    font-size: 62px;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .wizard .stepper ul {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .wizard .deco1 {
    padding-top: 0;
  }
  .wizard .wizard-mobile {
    background: #4f42e1;
  }
  .wizard .stepper {
    padding: 0 30px 30px 30px;
  }
  .wizard .stepper ul li a {
    border: none;
  }
  .wizard .stepper ul li a::before {
    content: "";
    width: 4px;
    height: 4px;
    background: transparent;
  }
  .wizard .stepper ul li a.active::before {
    background: transparent;
  }
  .wizard .stepper ul li a.complete {
    background: transparent;
  }
  .wizard .wizard .stepper ul li a.complete {
    background: transparent;
  }
  .wizard .stepper ul li a.complete::before {
    background: #1e1688;
    border: 4px solid #1e1688;
  }
  .wizard .stepper ul li a.active {
    background: #fff;
    border: 4px solid #fff;
  }
  .wizard .section-start {
    padding: 0 10px 60px 30px;
    background: transparent;
    height: 120px;
  }
  .wizard .section-start .line-deco-1 {
    background: transparent;
  }
  .wizard .section-start .info-amount-grid {
    padding-top: 0;
    grid-template-columns: repeat(2, auto);
    max-width: calc(100% - 85px);
    justify-content: start;
    gap: 15px;
  }
  .wizard .section-start .info-amount-grid .info-amount-items {
    border: none;
    height: auto;
    width: auto;
    color: white;
    font-size: 50px;
  }
  .wizard .section-start .title {
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
  }
  .wizard .section-start .subtitle {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
  }
  .wizard .section-filters {
    top: 80px;
  }
  .wizard .grid-searchform {
    grid-template-columns: minmax(235px, 664px) 55px;
    gap: 20px;
    margin: -55px auto 0 auto;
    padding: 25px;
  }
  .wizard .grid-searchform .col-input .form-floating > .form-control {
    background-color: white;
  }
  .wizard .wrap-fixed-cards {
    height: calc(100vh - 230px);
    position: fixed;
    top: 220px;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    padding-bottom: 100px;
  }
  .wizard .wrap-fixed-cards:before {
    content: "";
    height: 83px;
    width: 100%;
    position: fixed;
    top: 219px;
    left: 0;
    background: rgb(79, 66, 225);
    background: linear-gradient(0deg, rgba(79, 66, 225, 0) 0%, rgb(79, 66, 225) 100%);
    z-index: 1;
  }
  .wizard .wrap-fixed-cards:after {
    content: "";
    height: 130px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 65%);
    z-index: 1;
  }
}
@media (max-width: 479px) {
  .wizard .grid-searchform .col-input .form-floating > label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
  }
}

@media (min-width: 1200px) {
  body.wizard\/baulera {
    background: url(../images/bg-circle.svg) no-repeat 220% -520px;
  }
}
@media (max-width: 479px) {
  .toolbar {
    display: none;
  }
}
.wizard\/reserva .btn.btn-light.active {
  background: #dcd9f9;
  border-color: #1E1688;
  color: #1E1688;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background: #dcd9f9;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1E1688;
  border-color: #1E1688;
}

.cardContador {
  display: flex;
  align-items: center;
  gap: 10px;
  display: none;
  /* Oculto por defecto */
}
.cardContador .btnMenos,
.cardContador .btnMas {
  background: #1e1688;
  border: none;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-bottom: 6px;
}

@media (max-width: 575px) {
  .wizard\/reserva .section-start:before {
    background: url(../images/icon-traslado.png) no-repeat center;
    content: "";
    width: 180px;
    height: 120px;
    position: absolute;
    bottom: -40px;
    left: calc(50% - 90px);
  }
  .wizard\/reserva .section-start .title {
    width: 285px;
    margin: 0 auto 20px;
  }
  .wizard\/reserva .wizard-mobile .section-start {
    padding: 0 10px 40px 10px;
  }
}
body.lista-de-espera {
  background: url(../images/bg-circle.svg) no-repeat 220% -520px;
}
@media (max-width: 1199px) {
  body.lista-de-espera {
    background: url(../images/bg-circle.svg) no-repeat center -790px;
  }
}

.deco1 {
  background: url(../images/bg-circle-left-bottom.svg) no-repeat left bottom;
  background-size: 300px;
}

.lista-de-espera .section-start {
  height: 203px;
  padding: 0 100px 0 400px;
  display: flex;
  align-items: center;
  margin: 50px auto 0;
  max-width: 1320px;
  background-size: contain;
}
.lista-de-espera .section-start .title {
  color: #1e1688;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -1.12px;
}
.lista-de-espera .section-start .title span {
  color: #2d2d2d;
  display: block;
  margin-top: -15px;
  margin-left: 90px;
}
.lista-de-espera .section-start .line-deco-1 {
  background: url(../images/line-deco-1.svg) no-repeat 90% bottom;
  display: grid;
  max-width: 694px;
  margin: -70px 0 0 auto;
  padding-bottom: 24px;
}
.lista-de-espera .kike-reloj {
  margin-bottom: -10px;
  position: relative;
  z-index: 1;
  max-width: 140px;
  margin-top: -160px;
  margin-left: 23px;
}
.lista-de-espera .kike-billetera {
  max-width: 80px;
  margin-right: 13px;
  margin-left: 30px;
}
@media (max-width: 991px) {
  .lista-de-espera .section-start {
    height: auto;
    padding: 0 30px;
    margin-top: 30px;
  }
  .lista-de-espera .section-start .title {
    font-size: 26px;
    margin: 0;
    padding: 30px 50px 0 0;
  }
  .lista-de-espera .section-start .line-deco-1 {
    background: url(../images/line-deco-mobile-1.svg) no-repeat center;
    max-width: none;
    margin: 0 auto;
    padding-bottom: 24px;
    text-align: center;
  }
  .lista-de-espera .kike-reloj {
    margin-bottom: -130px;
    margin-left: 63px;
    max-width: 100px;
  }
  .lista-de-espera .kike-billetera {
    display: none;
  }
}
@media (max-width: 575px) {
  .lista-de-espera .section-start .line-deco-1 {
    background: transparent;
  }
  .lista-de-espera .section-start .title {
    padding: 30px 0 0 0;
  }
  .lista-de-espera .kike-reloj {
    max-width: 60px;
    margin-left: 25px;
    margin-top: -50px;
  }
  .lista-de-espera .kike-billetera {
    max-width: 50px;
  }
}

.modal .thu-objeto {
  max-width: 242px;
  max-height: 234px;
  object-fit: cover;
  margin: 0 auto;
  width: 100%;
}

.account {
  --bs-border-width:1px;
}
.account .nav-pills.nav-fill {
  border-radius: 14px;
}
.account .nav-link {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  white-space: nowrap;
}
.account .card-sucursal {
  background: transparent;
  padding: 0;
  margin-bottom: 0;
  height: 100%;
  position: relative;
}
.account .card-sucursal .card-sucursal-thu {
  margin-top: 0;
}
.account .card-sucursal .card-sucursal-thu .card-sucursal-title {
  padding-top: 60px;
  padding-bottom: 20px;
  font-size: 30px;
}
.account .card-sucursal .card-sucursal-status {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-radius: 20px 20px 0 0;
  padding: 10px;
  color: white;
}
.account .table > :not(caption) > * > * {
  border-bottom-width: 1px;
}
.account .list-options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.account .list-options .list-options-header {
  display: grid;
  grid-template-columns: 30px auto;
  align-items: center;
  gap: 10px;
}
.account .list-options .list-options-header span {
  background: #DCD9F9;
  display: flex;
  width: 29px;
  height: 29px;
  border-radius: 50px;
  align-items: center;
  justify-content: center;
}
.account .list-options .list-options-header p {
  margin: 0;
  color: #2D2D2D;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.4px;
}
.account .list-options > li > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.account .list-options > li > ul > li {
  padding: 14px 5px 24px 41px;
  position: relative;
}
.account .list-options > li > ul > li:before {
  content: "";
  border-left: 1px dashed #DCD9F9;
  height: 100%;
  position: absolute;
  left: 14px;
  top: 0;
}
.account .list-options > li > ul > li:after {
  content: "";
  background: #DCD9F9;
  width: 9px;
  height: 9px;
  border-radius: 10px;
  position: absolute;
  left: 10px;
  top: 22px;
}
.account .list-options > li > ul > li span {
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
}
.account .list-options > li > ul > li ul {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin: 15px;
  padding: 0;
  list-style: disc;
}
.account .list-options > li > ul > li ul li {
  margin-bottom: 3px;
}
.account .list-grid-objetos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  margin: 0;
  padding: 0;
  column-gap: 30px;
}
.account .list-grid-objetos > li {
  margin-bottom: 20px;
}
.account .list-grid-objetos > li a {
  grid-template-columns: 70px 1fr;
  display: grid;
  color: #1E1688;
  text-decoration: none;
  align-items: center;
  gap: 15px;
}
.account .list-grid-objetos > li a p {
  margin-bottom: 0;
}
.account .list-grid-objetos > li a .thu-objeto {
  max-width: 70px;
  max-height: 70px;
  object-fit: cover;
  width: 100%;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .account .avatar {
    max-width: 55px;
  }
  .account .list-grid-objetos {
    grid-template-columns: auto;
  }
}
@media (max-width: 575px) {
  .account #pills-menu-account,
  .account #pills-menu-billing {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1190px;
  }
}

/*# sourceMappingURL=main.css.map */