.banner-principal {
  position: relative;
  width: 100%;
  height: fit-content;
  min-height: fit-content;
  overflow: hidden;
  padding-top: 0;
}
.banner-principal .swiper {
  width: 100%;
  height: fit-content;
}
.banner-principal .swiper .swiper-slide img {
  width: 100%;
  height: fit-content;
  object-fit: contain;
  object-position: center;
}
.banner-principal .swiper .swiper-slide img.desktop {
  display: block;
}
.banner-principal .swiper .swiper-slide img.mobile {
  display: none;
}
@media (max-width: 768px) {
  .banner-principal .swiper .swiper-slide img.desktop {
    display: none;
  }
  .banner-principal .swiper .swiper-slide img.mobile {
    display: block;
  }
}
.banner-principal .swiper .swiper-pagination {
  bottom: 20px;
  z-index: 10;
}
.banner-principal .swiper .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.7);
  width: 12px;
  height: 12px;
  margin: 0 4px;
  transition: all 0.3s ease;
}
.banner-principal .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #bf292f;
  transform: scale(1.2);
}
.banner-principal .swiper .swiper-button-next,
.banner-principal .swiper .swiper-button-prev {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  transition: all 0.3s ease;
}
.banner-principal .swiper .swiper-button-next:hover,
.banner-principal .swiper .swiper-button-prev:hover {
  background: rgba(191, 41, 47, 0.8);
}
.banner-principal .swiper .swiper-button-next::after,
.banner-principal .swiper .swiper-button-prev::after {
  font-size: 18px;
  font-weight: bold;
}
.banner-principal .swiper .swiper-button-next {
  right: 20px;
}
.banner-principal .swiper .swiper-button-prev {
  left: 20px;
}
@media (max-width: 768px) {
  .banner-principal .swiper .swiper-button-next,
  .banner-principal .swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
  }
  .banner-principal .swiper .swiper-button-next::after,
  .banner-principal .swiper .swiper-button-prev::after {
    font-size: 14px;
  }
  .banner-principal .swiper .swiper-pagination {
    bottom: 15px;
  }
  .banner-principal .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 2px;
  }
}

header {
  display: none;
}

@media (max-width: 992px) {
  body .card-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

div.footer {
  z-index: 1001;
  position: relative;
}

.heart-overlay {
  position: sticky;
  right: 20px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  margin-left: auto;
  width: fit-content;
  margin-top: -150px;
  padding-bottom: 20px;
}
.heart-overlay::after {
  position: absolute;
  content: url('data:image/svg+xml,<svg width="656" height="656" viewBox="0 0 656 656" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_f_1109_220)"><ellipse cx="328" cy="328" rx="224" ry="224" transform="rotate(-90 328 328)" fill="url(%23paint0_linear_1109_220)"/></g><defs><filter id="filter0_f_1109_220" x="0" y="0" width="656" height="656" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="52" result="effect1_foregroundBlur_1109_220"/></filter><linearGradient id="paint0_linear_1109_220" x1="552" y1="328" x2="104" y2="328" gradientUnits="userSpaceOnUse"><stop stop-color="white"/><stop offset="1" stop-color="white"/></linearGradient></defs></svg>');
  transform: translate(-50%, -50%);
  width: 300%;
  height: 200%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}
.heart-overlay .topo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.heart-overlay .topo svg {
  width: 76px;
  margin-left: 1px;
  margin-top: -1px;
  z-index: 1;
  position: relative;
}
.heart-overlay .topo .heart {
  width: 84px;
  height: 75px;
  scale: 1;
  animation: beat 1s infinite ease-in-out;
  /* background-color: blue;
  clip-path: path("M17.2582 0.466635C16.2787 0.713158 14.075 1.5936 12.396 2.4036C6.72931 5.15057 1.97208 11.1376 0.502937 17.4415C-0.72135 22.7946 0.328039 29.4507 3.23135 34.4164C4.56057 36.7055 33.4188 66.2178 36.0073 67.9787C37.0916 68.683 38.0011 69 39.0155 69C40.0299 69 40.9394 68.683 42.0238 67.9787C44.6122 66.2178 73.4704 36.7055 74.7997 34.4164C78.7873 27.5842 79.0672 19.5193 75.5342 12.2997C72.7708 6.66493 67.0692 2.12186 60.7029 0.501852C58.0794 -0.167281 53.2872 -0.167281 50.4538 0.501852C47.3407 1.24142 43.4579 3.24882 41.1842 5.29144C40.1349 6.24231 39.1554 7.0171 39.0155 7.0171C38.8756 7.0171 38.0011 6.31275 37.0566 5.46753C34.8879 3.53056 30.4805 1.2062 27.6121 0.501852C24.9537 -0.132064 19.7767 -0.132063 17.2582 0.466635Z"); */
  position: relative;
}
.heart-overlay .topo .heart .holder {
  position: absolute;
  top: 5.3px;
  left: 3px;
  scale: 0.92;
  clip-path: path("M39.0155 69C40.0299 69 40.9391 68.6828 42.0233 67.9785C44.6118 66.2176 73.4704 36.7053 74.7997 34.4161L75.1629 33.7726C78.8014 27.0812 78.9565 19.2939 75.534 12.3C72.7707 6.66526 67.0692 2.12222 60.703 0.502157C58.2435 -0.125162 53.8774 -0.164927 51.0067 0.383994L50.454 0.502157C47.5354 1.1955 43.9402 3.00307 41.6288 4.90937L41.1845 5.29121C40.1354 6.24181 39.1559 7.01733 39.0155 7.01776C38.8756 7.01776 38.001 6.31313 37.0566 5.46796C34.8879 3.53104 30.4806 1.20656 27.6122 0.502157L27.0849 0.390829C24.3164 -0.129224 19.6188 -0.0942485 17.2578 0.467001C16.4006 0.682814 14.6066 1.38346 13.0468 2.09786L12.3965 2.40352C6.90685 5.06464 2.27045 10.7667 0.650386 16.8517L0.502925 17.4416C-0.683128 22.6275 0.264759 29.0363 2.96483 33.9464L3.23144 34.4161C4.53991 36.6695 32.5246 65.303 35.8671 67.876L36.0068 67.9785C37.0911 68.6829 38.0011 69 39.0155 69ZM38.4111 53.7735C35.3878 50.7895 31.549 46.9177 27.7294 43.0089C23.9092 39.0993 20.1525 35.1979 17.288 32.1544C15.8493 30.6257 14.6812 29.3611 13.8574 28.4406C13.6267 28.1828 13.4398 27.9711 13.2929 27.8019C12.1081 25.4162 11.7207 22.2274 12.1992 20.1242C12.8774 17.2855 15.3014 14.3335 17.6269 13.2043C18.1808 12.9377 18.8842 12.6294 19.5341 12.3703C19.7811 12.2718 19.9906 12.1935 20.1543 12.134C20.2523 12.1218 20.3909 12.1034 20.5732 12.0881C21.068 12.0464 21.6859 12.0211 22.3554 12.0226C23.0246 12.0241 23.6523 12.0522 24.166 12.0978C24.5016 12.1276 24.708 12.1567 24.7988 12.1711C24.8904 12.1994 25.11 12.2706 25.457 12.4123C25.9139 12.5988 26.4499 12.8482 27.0078 13.1418C27.5658 13.4354 28.0728 13.7353 28.4804 14.0031C28.9136 14.2877 29.0872 14.4394 29.0634 14.4181C29.6452 14.9386 30.2802 15.4835 30.8671 15.9504C31.1389 16.1665 31.5568 16.4907 32.0312 16.8136C32.2466 16.9603 32.6956 17.2603 33.2763 17.5705C33.5618 17.7229 34.0871 17.9899 34.7714 18.2462C35.2399 18.4217 36.8533 19.0177 39.0155 19.0177L39.4403 19.0099C41.5295 18.9346 43.0571 18.327 43.4189 18.1857C44.0813 17.9268 44.5882 17.6611 44.8544 17.5158C45.403 17.2164 45.8313 16.9287 46.0409 16.7853C46.5056 16.4674 46.926 16.1429 47.2226 15.9074C47.846 15.4122 48.5384 14.8198 49.204 14.2179L49.3524 14.0929C50.1683 13.4445 52.039 12.464 53.2147 12.1808C53.2295 12.1776 53.2982 12.1625 53.4266 12.1427C53.574 12.1201 53.7677 12.0948 54.0057 12.0724C54.4894 12.0269 55.0596 12.0002 55.6571 12.0002C56.256 12.0002 56.8 12.0274 57.2343 12.0695C57.7077 12.1154 57.8564 12.1605 57.7372 12.1301L57.743 12.131C60.8696 12.9266 63.6205 15.2614 64.7596 17.5841C66.4423 21.0294 66.3835 24.6064 64.7567 27.7794C64.607 27.9522 64.4145 28.1715 64.1737 28.4406C63.3499 29.3611 62.1818 30.6257 60.743 32.1544C57.8786 35.198 54.1211 39.0992 50.3007 43.0089C46.4811 46.9177 42.6432 50.7895 39.62 53.7735C39.4142 53.9766 39.2111 54.173 39.0146 54.3663C38.8183 54.1733 38.6165 53.9763 38.4111 53.7735Z");
}
.heart-overlay .topo .heart .holder .percentage {
  /* should be a circle filled based on the percentage */
  position: absolute;
  top: -8px;
  left: -5px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  clip-path: circle(50% at 50% 50%);
  background: conic-gradient(darkred 0% 50%, transparent 60% 100%);
  display: flex;
  z-index: -1;
}
.heart-overlay .topo .text {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-left: 10px;
  color: #BF292F;
}
.heart-overlay .topo .text .percentage {
  font-weight: bold;
  font-size: 26px;
}
.heart-overlay .topo .text .month {
  font-size: 18px;
  font-weight: normal;
}
.heart-overlay .btn {
  margin-top: 5px;
}

@keyframes beat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

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