.sign-element--aries::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -0);
}

.sign--aries::before {
  background-image: url("/assets/images/signs/aries.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--touro::before,
.sign-element--taurus::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -1);
}

.sign--touro::before,
.sign--taurus::before {
  background-image: url("/assets/images/signs/touro.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--gemeos::before,
.sign-element--gemini::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -2);
}

.sign--gemeos::before,
.sign--gemini::before {
  background-image: url("/assets/images/signs/gemeos.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--cancer::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -3);
}

.sign--cancer::before {
  background-image: url("/assets/images/signs/cancer.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--leao::before,
.sign-element--leo::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -4);
}

.sign--leao::before,
.sign--leo::before {
  background-image: url("/assets/images/signs/leao.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--virgem::before,
.sign-element--virgo::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -5);
}

.sign--virgem::before,
.sign--virgo::before {
  background-image: url("/assets/images/signs/virgem.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--libra::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -6);
}

.sign--libra::before {
  background-image: url("/assets/images/signs/libra.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--escorpiao::before,
.sign-element--scorpio::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -7);
}

.sign--escorpiao::before,
.sign--scorpio::before {
  background-image: url("/assets/images/signs/escorpiao.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--sagitario::before,
.sign-element--sagittarius::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -8);
}

.sign--sagitario::before,
.sign--sagittarius::before {
  background-image: url("/assets/images/signs/sagitario.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--capricornio::before,
.sign-element--capricorn::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -9);
}

.sign--capricornio::before,
.sign--capricorn::before {
  background-image: url("/assets/images/signs/capricornio.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--aquario::before,
.sign-element--aquarius::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -10);
}

.sign--aquario::before,
.sign--aquarius::before {
  background-image: url("/assets/images/signs/aquario.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.sign-element--peixes::before,
.sign-element--pisces::before {
  background-image: url("/assets/images/signs-element.svg");
  background-repeat: no-repeat;
  width: 55px;
  height: 66px;
  background-position: 0 calc((66px + 10px) * -11);
}

.sign--peixes::before,
.sign--pisces::before {
  background-image: url("/assets/images/signs/peixes.svg");
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
}

.planet--ascendente::before,
.planet--ascendant::before {
  background-image: url("/assets/images/planets/ascendente.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--jupiter::before {
  background-image: url("/assets/images/planets/jupiter.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--lua::before,
.planet--moon::before {
  background-image: url("/assets/images/planets/lua.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--marte::before,
.planet--mars::before {
  background-image: url("/assets/images/planets/marte.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--meio-do-ceu::before,
.planet--midheaven::before {
  background-image: url("/assets/images/planets/meio-do-ceu.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--mercurio::before,
.planet--mercury::before {
  background-image: url("/assets/images/planets/mercurio.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--netuno::before,
.planet--neptune::before {
  background-image: url("/assets/images/planets/netuno.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--plutao::before,
.planet--pluto::before {
  background-image: url("/assets/images/planets/plutao.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--quiron::before {
  background-image: url("/assets/images/planets/quiron.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--saturno::before,
.planet--saturn::before {
  background-image: url("/assets/images/planets/saturno.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--sol::before,
.planet--sun::before {
  background-image: url("/assets/images/planets/sol.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--urano::before,
.planet--uranus::before {
  background-image: url("/assets/images/planets/urano.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--venus::before {
  background-image: url("/assets/images/planets/venus.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--lilith::before {
  background-image: url("/assets/images/planets/lilith.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--nodo_norte::before,
.planet--north_node::before {
  background-image: url("/assets/images/planets/nodo_norte.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.planet--terra::before,
.planet--earth::before {
  background-image: url("/assets/images/planets/terra.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.element--earth::before {
  background-image: url("/assets/images/elements/earth.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.elements--earth {
  background-image: url("/assets/images/energy/earth.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.element--air::before {
  background-image: url("/assets/images/elements/air.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.elements--air {
  background-image: url("/assets/images/energy/air.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.element--fire::before {
  background-image: url("/assets/images/elements/fire.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.elements--fire {
  background-image: url("/assets/images/energy/fire.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.element--water::before {
  background-image: url("/assets/images/elements/water.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.elements--water {
  background-image: url("/assets/images/energy/water.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.qualities--cardinal {
  background-image: url("/assets/images/energy/cardinal.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.qualities--fixed {
  background-image: url("/assets/images/energy/fixed.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.qualities--mutable {
  background-image: url("/assets/images/energy/mutable.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.polarities--yin {
  background-image: url("/assets/images/energy/yin.svg");
  background-position: center;
  background-repeat: no-repeat;
}

.polarities--yang {
  background-image: url("/assets/images/energy/yang.svg");
  background-position: center;
  background-repeat: no-repeat;
}

body > header {
  position: relative;
  background-image: linear-gradient(to bottom, #1e2544, #0d364f);
}

body > header::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to right, #250e3a, #e8c1f1);
}

.horoscope-day,
.horoscope-sign,
.horoscope-about,
.horoscope-custom,
.horoscope-know,
.horoscope-monthly {
  padding: 20px 8px;
}

.horoscope-day {
  background-color: #9931b0;
}

.horoscope-day.horoscope-day {
  background-color: #9931b0;
  background-image: url("/assets/images/horoscope/bg-horoscopo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
  position: relative;
  height: auto;
  min-height: 100vh;
}

.horoscope-day__title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 39px 0 32px 0;
}

.horoscope-day__title h1 {
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  font-size: 33px;
  font-weight: 900;
  line-height: 1.09;
  text-align: center;
  color: #fff;
  flex: 1 1 auto;
  margin-bottom: 0;
}

.horoscope-day__title time {
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.29;
  text-align: center;
  color: #fff;
  flex: 1 1 100%;
}

.horoscope-day__subtitle {
  max-width: 700px;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.47;
  text-align: center;
  color: #fff;
}

.horoscope-day__description p {
  font-size: 15px;
}

.horoscope-day__sign {
  border-radius: 4px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  margin: 10px 0 20px;
  position: relative;
}

.horoscope-day__sign-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: #fff;
  padding: 12px 0;
}

.horoscope-day__sign-item a:active, .horoscope-day__sign-item a:hover {
  text-decoration: none;
  background-color: #a47faa;
  transform: scale(1.05);
}

.horoscope-day__sign-item a:hover span, .horoscope-day__sign-item a:hover small {
  color: #250e3a;
}

.horoscope-day__sign-item span {
  font-size: 11px;
  color: #313131;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  transition: color 0.3s ease;
}

.horoscope-day__sign-item span::before {
  margin: 0 auto 4px;
  background-size: 34px;
  width: 40px;
  height: 40px;
}

.horoscope-day__sign-item small {
  display: none;
  transition: color 0.3s ease;
}

.horoscope-day__sign-item a:hover small {
  display: none;
}

.horoscope-day__sign-cta-app {
  text-align: center;
  padding: 0px 17px;
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-bottom: -1.4rem;
  top: -1px;
  background-color: #fff;
}

.horoscope-day__sign-cta-app > strong {
  font-weight: 900;
}

.horoscope-day__sign-cta-app > p {
  color: #000;
  margin-bottom: 14px;
}

.horoscope-day:has(.horoscope-day-signup) .horoscope-day__sign-cta-app {
  padding-top: 15px;
}

.horoscope-day-signup {
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto;
}

.horoscope-day-signup__heading {
  margin: 0;
  padding-top: 15px;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
}

@media (max-width: 767px) {
  .horoscope-day-signup__heading {
    font-size: 16.5px;
  }
}

.horoscope-day-signup #auth-functional > div {
  width: 100%;
  background-color: transparent;
  padding: 0;
}

.horoscope-day-signup #auth-functional > div > h3 > img {
  display: none;
}

.horoscope-day-signup #auth-functional > div > div #auth-forgot-password-button > span {
  color: #fff;
}

.horoscope-day-signup #auth-functional > div > div > div #auth-signup {
  height: 50px;
  justify-content: center;
  align-items: center;
  box-shadow: 1.6px 3.3px 8.2px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #286b3b;
  background: #1c8a3b;
  padding: 6.6px;
}

.horoscope-day-signup #auth-functional > div > div > div #auth-signup > span {
  font-size: 17.6px;
  font-weight: 900;
  color: #fff;
}

@media (max-width: 767px) {
  .horoscope-day-signup #auth-functional > div > div > div #auth-signup > span {
    font-size: 16.6px;
  }
}

.horoscope-day-signup #auth-functional > div > div > div > span {
  font-size: 15px;
  font-weight: 300;
}

.horoscope-day-signup #auth-functional > div > div > div > span > a[data-cy=button] > span {
  color: #fff;
  font-weight: 900;
}

.horoscope-day-signup #auth-functional > div > div > div[data-cy=auth-birth-data-container] > div[data-cy=checkbox-inform-birth-time-later] {
  gap: 8px;
}

.horoscope-day-signup #auth-functional > div > div > div[data-cy=auth-birth-data-container] > div[data-cy=checkbox-inform-birth-time-later] > button {
  width: 20px;
  height: 18px;
  min-width: 13px;
}

.horoscope-day-signup #auth-functional > div > div > div[data-cy=auth-birth-data-container] > div[data-cy=checkbox-inform-birth-time-later] > span[data-cy=checkbox-inform-birth-time-later-label] {
  font-size: 15px;
}

.horoscope-day-signup #auth-functional > div > div > div[data-cy=auth-birth-data-container] > div[data-cy=checkbox-inform-birth-time-later] > span[data-cy=checkbox-inform-birth-time-later-label] > button > svg {
  width: 14px;
  height: 14px;
}

.horoscope-day-signup #auth-functional > div[data-cy=auth-functional-container] > h3 {
  display: none;
}

.horoscope-day-signup #auth-functional > div[data-cy=auth-functional-container]:has(span) > h3 {
  display: flex;
}

.horoscope-day-signup #auth-functional > div[data-cy=auth-functional-container] > h3 > span {
  width: 100%;
}

.horoscope-day-signup #auth-functional > div[data-cy=auth-functional-container] > h3 > span:has(svg) svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
}

@media (max-width: 767px) {
  .horoscope-day-signup {
    top: 13%;
    left: 0;
    right: 0;
    transform: none;
    width: auto;
    padding: 0;
  }
  .horoscope-day-signup--top-offset {
    top: 18%;
  }
}

.horoscope-day__custom {
  background: linear-gradient(209deg, #844ab0, #c026b3);
  position: relative;
  padding: 16px 16px 21px;
  border-radius: 4px;
}

.horoscope-day__custom-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 74px;
  height: auto;
}

.horoscope-day__custom h2 {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  margin-right: 60px;
  font-weight: 900;
}

.horoscope-day__custom p {
  color: #fff;
  font-weight: 300;
}

.horoscope-day__custom p strong {
  font-weight: 900;
}

.horoscope-day__custom .button--horoscope {
  color: #fff;
  width: 202px;
  left: calc(50% - (202px/2));
  position: absolute;
  bottom: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 34px;
  box-shadow: 1.8px 3.7px 9.1px 0 rgba(0, 0, 0, 0.15);
  border: solid 1.2px #286b3b;
  background-color: #1c8a3b;
}

.horoscope-day__custom .button--horoscope:hover, .horoscope-day__custom .button--horoscope:active {
  background-color: #089954;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.horoscope-day__custom:has(a.button.button--large.button--horoscope), .horoscope-day__custom:has(.horoscope-day-signup) {
  margin-top: 22px;
}

.horoscope-day__custom-auto-spacing:has(a.button.button--large.button--horoscope), .horoscope-day__custom-auto-spacing:has(.horoscope-day-signup) {
  margin-top: auto;
}

.horoscope-day__cta-app {
  margin-top: 55px;
}

.horoscope-day__cta-app > strong {
  font-weight: 900;
}

.horoscope-day__cta-app > p {
  color: #000;
  margin-bottom: 14px;
}

.horoscope-about {
  background-color: #fff;
}

.horoscope-about__title h3 {
  font-size: 28px;
  color: #343f8f;
  font-weight: 900;
}

.horoscope-about__description p {
  font-size: 15px;
  color: #313131;
}

.horoscope-custom__title .h2,
.horoscope-custom__title h2,
.horoscope-custom__title strong {
  color: #343f8f;
}

.horoscope-custom__title h2 {
  display: inline-block;
  font-weight: 900;
}

.horoscope-custom__title strong {
  font-size: 22px;
  font-weight: 900;
}

.horoscope-custom__description p {
  color: #313131;
}

.horoscope-custom__action {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.horoscope-custom__action .button--link {
  white-space: pre-line;
  margin-bottom: 10px;
}

.horoscope-know {
  background-image: linear-gradient(to bottom, #9831b0, #61036a);
  position: relative;
}

.horoscope-know.horoscope-know {
  padding-top: 30px;
  padding-bottom: 30px;
}

.horoscope-know__icon {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
}

.horoscope-know__title {
  margin-bottom: 20px;
  text-align: center;
}

.horoscope-know__title h3 {
  font-size: 28px;
  font-weight: 900;
  color: #fff;
  margin-bottom: 10px;
}

.horoscope-know__title p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 15px;
}

.horoscope-know__topics ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.horoscope-know__topics li {
  margin-bottom: 25px;
}

.horoscope-know__topics h4 {
  color: #fff;
  display: inline-block;
  font-size: 4.5vw;
  font-weight: 900;
}

.horoscope-know__topics p {
  font-size: 15px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 5px;
}

.horoscope-know__topics .label--premium {
  position: relative;
  bottom: 2px;
  font-weight: 900;
  text-transform: uppercase;
  padding-left: 17px;
  display: block;
  width: 80px;
  margin: auto;
}

.horoscope-know__topics .label--premium::before {
  content: "";
  display: block;
  background-image: url("/assets/images/horoscope/star.svg");
  position: absolute;
  left: 3px;
  top: 3px;
  width: 11px;
  height: 11px;
}

.horoscope-know__topics a {
  color: #fff;
}

.horoscope-know__topics .button--horoscope {
  display: block;
  width: 202px;
  margin: 30px auto 0;
}

.horoscope-know__illustration {
  background-image: url("/assets/images/horoscope/horoscopo-illustration.png");
  width: 100%;
  height: 135px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.horoscope-know__illustration__info h3 {
  font-size: 19px;
  font-weight: 900;
  margin-bottom: 8px;
  text-align: center;
  color: #fff;
  margin-top: 16px;
}

.horoscope-know__illustration__info p {
  font-size: 15.5px;
  font-weight: 400;
  line-height: 1.33;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 27px;
}

.horoscope-know__illustration__info .horoscope-know__illustration__info__tag-premium, .horoscope-know__illustration__info .horoscope-know__illustration__info__tag-free {
  width: 100%;
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  height: 19px;
}

.horoscope-know__illustration__info .horoscope-know__illustration__info__device-extramap, .horoscope-know__illustration__info .horoscope-know__illustration__info__device-future, .horoscope-know__illustration__info .horoscope-know__illustration__info__device-daily {
  width: 100%;
  height: 227px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-bottom: 8px;
}

.horoscope-know__illustration__info__tag-free {
  background-image: url("/assets/images/horoscope/tag-gratis.png");
}

.horoscope-know__illustration__info__tag-premium {
  background-image: url("/assets/images/horoscope/tag-premium.png");
}

.horoscope-know__illustration__info__device-daily {
  background-image: url("/assets/images/horoscope/horoscopo-device-daily.png");
}

.horoscope-know__illustration__info__device-future {
  background-image: url("/assets/images/horoscope/horoscopo-device-future.png");
}

.horoscope-know__illustration__info__device-extramap {
  background-image: url("/assets/images/horoscope/horoscopo-device-extramap.png");
}

.horoscope-know__illustration__info-cta {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.horoscope-know__illustration__info-cta .button--large.button--horoscope {
  width: 300px;
  height: 46px;
  border-radius: 34px;
  box-shadow: 1.8px 3.7px 9.1px 0 rgba(0, 0, 0, 0.15);
  border: solid 1.2px #286b3b;
  background-color: #1c8a3b;
  color: #fff;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 17.5px;
  line-height: 1.2;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.horoscope-know__illustration__info-cta .button--large.button--horoscope strong {
  font-weight: 900;
}

.horoscope-know__illustration__info-cta .button--large.button--horoscope:hover {
  background-color: #187532;
  text-decoration: none;
}

.horoscope-know__illustration__info-cta .button--large.button--horoscope:active {
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
}

.horoscope-monthly {
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
}

.horoscope-monthly__title {
  margin-bottom: 20px;
  text-align: center;
}

.horoscope-monthly__title h3 {
  margin: 10px 0;
  font-size: 28px;
  font-weight: 900;
  line-height: 1.29;
  text-align: left;
  color: #343f8f;
}

.horoscope-monthly__description p {
  font-size: 15px;
  color: #313131;
}

.horoscope-monthly__description h2 {
  color: #313131;
}

.horoscope-monthly__description h3 {
  color: #313131;
}

.horoscope-monthly__illustration__info-cta {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 7px;
}

.horoscope-monthly__illustration__info-cta .button--large.button--horoscope {
  width: 300px;
  height: 46px;
  border-radius: 34px;
  box-shadow: 1.8px 3.7px 9.1px 0 rgba(0, 0, 0, 0.15);
  border: solid 1.2px #286b3b;
  background-color: #1c8a3b;
  color: #fff;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 17.5px;
  line-height: 1.2;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.horoscope-monthly__illustration__info-cta .button--large.button--horoscope strong {
  font-weight: 900;
}

.horoscope-monthly__illustration__info-cta .button--large.button--horoscope:hover {
  background-color: #187532;
  text-decoration: none;
}

.horoscope-monthly__illustration__info-cta .button--large.button--horoscope:active {
  box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
}

.horoscope-faq.horoscope-faq {
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  background-color: #fafafa;
}

.horoscope-faq__title {
  margin-bottom: 20px;
  text-align: center;
}

.horoscope-faq__title h3 {
  font-size: 31px;
  line-height: 1.16;
  font-weight: 900;
  text-align: left;
  color: #343f8f;
}

.horoscope-faq__description {
  padding: 16px 8px;
  border-radius: 3.7px;
  background-color: #fff;
}

.horoscope-faq__description .accordion {
  margin-bottom: 15px;
}

.horoscope-faq__description .accordion .accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 5px;
}

.horoscope-faq__description .accordion .accordion-header .accordion-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.35;
  color: #343f8f;
  width: 95%;
}

.horoscope-faq__description .accordion .accordion-header .accordion-icon {
  width: 14px;
  height: 14px;
  background-image: url("/assets/images/horoscope/accordion.svg");
  transition: transform 0.3s ease;
}

.horoscope-faq__description .accordion .accordion-header.rotated {
  transform: rotate(180deg);
}

.horoscope-faq__description .accordion .accordion-body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.47;
  color: #6a6a6a;
}

.horoscope-faq__description .accordion .accordion-body p {
  margin: 0;
}

.horoscope-faq__description .accordion .accordion-body.active {
  max-height: fit-content;
  margin: 20px 0;
}

.horoscope-faq__description .accordion .accordion-divider {
  height: 1.2px;
  background-color: rgba(106, 106, 106, 0.1);
  margin: 15.4px 0.3px 15.4px 0;
}

.horoscope-faq__info-cta {
  margin: 16px 0 0;
}

.horoscope-preview-modal .modal__container {
  padding: 0;
}

.horoscope-preview {
  width: 100%;
  height: 100%;
}

.horoscope-preview__title {
  background-color: #343f8f;
  padding: 20px 30px;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}

.horoscope-preview__title strong {
  font-weight: 900;
}

.horoscope-preview__back {
  background-image: url("/assets/images/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  width: 65px;
  height: 64px;
  margin-bottom: 0;
  padding: 15px;
  background-size: 20px;
  background-position: center;
  position: absolute;
  right: 0;
  top: 0;
}

.horoscope-sign {
  background-color: #fafafa;
}

.horoscope-sign .container > .horoscope-sign__full-width ~ div:nth-of-type(3) {
  margin-bottom: 45px;
}

.horoscope-sign__full-width {
  height: 164px;
  padding: 32px 0 0;
  background-color: #9931b0;
  top: -20px;
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  background-image: url("/assets/images/horoscope/bg-horoscopo.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.horoscope-sign__personalized-layout {
  height: auto;
  top: 0;
  right: 0;
  background-image: none;
  background-color: #fff;
  padding: 10px 17px 0;
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.horoscope-sign__personalized-layout p {
  margin-bottom: 0;
}

.horoscope-sign__personalized-layout.horoscope-sign__personalized-layout-app {
  padding: 10px 17px 12px;
}

.horoscope-sign__personalized-layout.horoscope-sign__personalized-layout > p {
  margin: 24px auto 0;
}

.horoscope-sign__column-layout {
  height: auto;
  position: relative;
  top: 0;
  right: 0;
  left: 24%;
  width: 100vw;
  min-height: 19.5rem;
  margin-left: -25.5vw;
  margin-right: -25vw;
  margin-bottom: -45px;
  padding: 0 10px;
  background-color: #fff;
  background-image: none;
  display: flex;
  align-items: center;
}

.horoscope-sign__column-layout.horoscope-sign__column-layout--authenticated {
  top: -1px;
  margin-bottom: -1.4rem;
  min-height: 23.5rem;
}

@media screen and (max-width: 412px) {
  .horoscope-sign__column-layout {
    top: 0;
    min-height: 22.5rem;
    margin-bottom: -1.3rem;
    margin-top: 0;
  }
}

@media screen and (max-width: 414px) {
  .horoscope-sign__column-layout {
    margin-top: auto;
    min-height: 17.5rem;
    margin-bottom: -1.3rem;
  }
}

@media screen and (max-width: 360px) {
  .horoscope-sign__column-layout {
    min-height: 22.5rem;
    margin-bottom: -1.3rem;
  }
}

@media screen and (max-width: 430px) {
  .horoscope-sign__column-layout {
    display: flex;
    align-items: center;
    top: -1px;
    height: auto;
    margin-bottom: -0.2rem;
  }
  .horoscope-sign__column-layout.horoscope-sign__column-layout-app {
    height: auto;
    margin-bottom: -1.3rem;
    min-height: 22.5rem;
  }
  .horoscope-sign__column-layout:has(a.button.button--large.button--horoscope) {
    height: auto;
  }
  .horoscope-sign__column-layout:has(a.button.button--large.button--horoscope).horoscope-sign__column-layout--authenticated {
    padding-top: 22px;
  }
  .horoscope-sign__column-layout:has(a.button.button--large.button--horoscope).horoscope-sign__column-layout--authenticated-app {
    height: 17.7rem;
    min-height: 15rem;
    top: -1px;
    margin-bottom: -1.5rem;
    padding-top: initial;
  }
}

.horoscope-sign__title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.horoscope-sign__title h1 {
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  font-size: 28px;
  font-weight: 900;
  line-height: 1.29;
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
}

.horoscope-sign__title h1 strong {
  font-weight: 900;
  color: #fff;
}

.horoscope-sign__title time {
  font-size: 4vw;
  color: #9d9d9d;
}

.horoscope-sign__subtitle {
  text-shadow: 0 3px 4px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.36;
  text-align: center;
  color: #fff;
}

.horoscope-sign__presentation {
  background-color: #fff;
  padding: 15px 15px 0;
  margin-bottom: 15px;
}

.horoscope-sign__presentation-title {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.horoscope-sign__presentation-title .sign-element {
  margin-right: 10px;
}

.horoscope-sign__presentation-title .sign-element::before {
  transform: scale(0.85);
}

.horoscope-sign__presentation-title strong {
  font-size: 32px;
  font-weight: 900;
  color: #313131;
}

.horoscope-sign__presentation-title time {
  font-size: 12px;
  color: #6a6a6a;
  font-weight: 700;
}

.horoscope-sign__presentation-name {
  display: flex;
  flex-direction: column;
}

.horoscope-sign__presentation-description a {
  font-size: 15px;
  text-decoration: underline;
}

.horoscope-sign__presentation-description p {
  color: #313131;
}

.horoscope-sign__personalized p {
  font-size: 15px;
  margin: 12px auto 0;
}

.horoscope-sign__choose {
  background-image: #fff;
  border-radius: 4px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  margin: 10px 0 20px;
}

.horoscope-sign__choose-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 74px;
  height: auto;
}

.horoscope-sign__choose-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  background-color: #fff;
  padding: 12px 0;
}

.horoscope-sign__choose-item a.selected {
  background-color: rgba(120, 135, 242, 0.2);
}

.horoscope-sign__choose-item a:active, .horoscope-sign__choose-item a:hover {
  text-decoration: none;
  background-color: #e9e9e9;
}

.horoscope-sign__choose-item span {
  font-size: 11px;
  color: #313131;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.horoscope-sign__choose-item span::before {
  margin: 0 auto 4px;
  background-size: 34px;
  width: 40px;
  height: 40px;
}

.horoscope-sign__choose-item small {
  display: none;
}

.horoscope-sign-custom {
  margin: 15px -15px 0;
  border-radius: 0 0 4px 4px;
  background-image: linear-gradient(43deg, #00bafd, #8845af);
  position: relative;
  padding: 15px 15px 45px;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
}

.horoscope-sign-custom__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 74px;
  height: auto;
}

.horoscope-sign-custom h3 {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  margin-right: 60px;
  font-weight: 900;
}

.horoscope-sign-custom p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.7);
}

.horoscope-sign-custom .button--horoscope {
  width: 202px;
  left: calc(50% - (202px/2));
  position: absolute;
}

.horoscope-sign__cta-app {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 50px;
}

.horoscope-sign__cta-app > img {
  width: 100%;
}

.horoscope-sign__cta-app-store-buttons-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 10px;
  margin-bottom: 0;
}

.horoscope-sign__cta-app-store-buttons-container > a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.horoscope-sign__cta-app-store-buttons-container > a img {
  height: auto;
  width: 180px;
  max-width: 100%;
}

.sign-element--aries::before,
.sign-element--aries::before {
  content: "";
  display: block;
}

.sign--aries::before,
.sign--aries::before {
  content: "";
  display: block;
}

.sign-color--aries,
.sign-color--aries {
  color: #f03e3e;
}

.fill-aries,
.fill-aries {
  fill: #f03e3e;
}

.sign-element--touro::before,
.sign-element--taurus::before {
  content: "";
  display: block;
}

.sign--touro::before,
.sign--taurus::before {
  content: "";
  display: block;
}

.sign-color--touro,
.sign-color--taurus {
  color: #1bb54b;
}

.fill-touro,
.fill-taurus {
  fill: #1bb54b;
}

.sign-element--gemeos::before,
.sign-element--gemini::before {
  content: "";
  display: block;
}

.sign--gemeos::before,
.sign--gemini::before {
  content: "";
  display: block;
}

.sign-color--gemeos,
.sign-color--gemini {
  color: #e9a11c;
}

.fill-gemeos,
.fill-gemini {
  fill: #e9a11c;
}

.sign-element--cancer::before,
.sign-element--cancer::before {
  content: "";
  display: block;
}

.sign--cancer::before,
.sign--cancer::before {
  content: "";
  display: block;
}

.sign-color--cancer,
.sign-color--cancer {
  color: #007476;
}

.fill-cancer,
.fill-cancer {
  fill: #007476;
}

.sign-element--leao::before,
.sign-element--leo::before {
  content: "";
  display: block;
}

.sign--leao::before,
.sign--leo::before {
  content: "";
  display: block;
}

.sign-color--leao,
.sign-color--leo {
  color: #e57824;
}

.fill-leao,
.fill-leo {
  fill: #e57824;
}

.sign-element--virgem::before,
.sign-element--virgo::before {
  content: "";
  display: block;
}

.sign--virgem::before,
.sign--virgo::before {
  content: "";
  display: block;
}

.sign-color--virgem,
.sign-color--virgo {
  color: #217aeb;
}

.fill-virgem,
.fill-virgo {
  fill: #217aeb;
}

.sign-element--libra::before,
.sign-element--libra::before {
  content: "";
  display: block;
}

.sign--libra::before,
.sign--libra::before {
  content: "";
  display: block;
}

.sign-color--libra,
.sign-color--libra {
  color: #c64a87;
}

.fill-libra,
.fill-libra {
  fill: #c64a87;
}

.sign-element--escorpiao::before,
.sign-element--scorpio::before {
  content: "";
  display: block;
}

.sign--escorpiao::before,
.sign--scorpio::before {
  content: "";
  display: block;
}

.sign-color--escorpiao,
.sign-color--scorpio {
  color: #313131;
}

.fill-escorpiao,
.fill-scorpio {
  fill: #313131;
}

.sign-element--sagitario::before,
.sign-element--sagittarius::before {
  content: "";
  display: block;
}

.sign--sagitario::before,
.sign--sagittarius::before {
  content: "";
  display: block;
}

.sign-color--sagitario,
.sign-color--sagittarius {
  color: #1c94c3;
}

.fill-sagitario,
.fill-sagittarius {
  fill: #1c94c3;
}

.sign-element--capricornio::before,
.sign-element--capricorn::before {
  content: "";
  display: block;
}

.sign--capricornio::before,
.sign--capricorn::before {
  content: "";
  display: block;
}

.sign-color--capricornio,
.sign-color--capricorn {
  color: #6a9fa1;
}

.fill-capricornio,
.fill-capricorn {
  fill: #6a9fa1;
}

.sign-element--aquario::before,
.sign-element--aquarius::before {
  content: "";
  display: block;
}

.sign--aquario::before,
.sign--aquarius::before {
  content: "";
  display: block;
}

.sign-color--aquario,
.sign-color--aquarius {
  color: #33b688;
}

.fill-aquario,
.fill-aquarius {
  fill: #33b688;
}

.sign-element--peixes::before,
.sign-element--pisces::before {
  content: "";
  display: block;
}

.sign--peixes::before,
.sign--pisces::before {
  content: "";
  display: block;
}

.sign-color--peixes,
.sign-color--pisces {
  color: #8b47d6;
}

.fill-peixes,
.fill-pisces {
  fill: #8b47d6;
}

.sign--combinations::before {
  content: "";
  width: 48px;
  height: 48px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/assets/images/menu/combinations.svg");
}

.planet--ascendente::before,
.planet--ascendant::before {
  content: "";
  display: block;
}

.planet--jupiter::before,
.planet--jupiter::before {
  content: "";
  display: block;
}

.planet--lua::before,
.planet--moon::before {
  content: "";
  display: block;
}

.planet--marte::before,
.planet--mars::before {
  content: "";
  display: block;
}

.planet--meio-do-ceu::before,
.planet--midheaven::before {
  content: "";
  display: block;
}

.planet--mercurio::before,
.planet--mercury::before {
  content: "";
  display: block;
}

.planet--netuno::before,
.planet--neptune::before {
  content: "";
  display: block;
}

.planet--plutao::before,
.planet--pluto::before {
  content: "";
  display: block;
}

.planet--quiron::before,
.planet--quiron::before {
  content: "";
  display: block;
}

.planet--saturno::before,
.planet--saturn::before {
  content: "";
  display: block;
}

.planet--sol::before,
.planet--sun::before {
  content: "";
  display: block;
}

.planet--urano::before,
.planet--uranus::before {
  content: "";
  display: block;
}

.planet--venus::before,
.planet--venus::before {
  content: "";
  display: block;
}

.planet--lilith::before,
.planet--lilith::before {
  content: "";
  display: block;
}

.planet--nodo_norte::before,
.planet--north_node::before {
  content: "";
  display: block;
}

.planet--terra::before,
.planet--earth::before {
  content: "";
  display: block;
}

.element--earth::before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
}

.elements--earth {
  background-color: #ffc455;
}

.element--air::before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
}

.elements--air {
  background-color: #c3c3c3;
}

.element--fire::before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
}

.elements--fire {
  background-color: #ff6c6d;
}

.element--water::before {
  content: "";
  display: block;
  width: 14px;
  height: 16px;
}

.elements--water {
  background-color: #69bef9;
}

.qualities--cardinal {
  background-color: #9b5ac0;
}

.qualities--fixed {
  background-color: #763999;
}

.qualities--mutable {
  background-color: #450769;
}

.polarities--yin {
  background-color: #313131;
}

.polarities--yang {
  background-color: #fff;
}

.fade-in {
  animation-name: fadeIn;
  animation-duration: 1.3s;
  animation-timing-function: cubic-bezier(0, 0, 0.4, 1);
  animation-fill-mode: forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  body > header {
    background-image: url("/assets/images/rebranding-desktop-bg-logged.jpg");
    background-position: top;
    background-size: 1840px 300px;
  }
  .horoscope-day,
  .horoscope-about,
  .horoscope-custom,
  .horoscope-sign,
  .horoscope-know {
    padding: 50px 8px;
  }
  .horoscope-day {
    background-color: #fafafa;
    background-image: unset;
  }
  .horoscope-day.horoscope-day {
    background-color: #fafafa;
    background-image: unset;
    height: auto;
    min-height: auto;
  }
  .horoscope-day.horoscope-day-signup #auth-functional > div > div #auth-signup {
    width: 269px;
    height: 41px;
  }
  .horoscope-day.horoscope-day-signup #auth-functional > div > div #auth-signup > span {
    font-size: 14.5px;
  }
  .horoscope-day__title {
    justify-content: normal;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 0;
  }
  .horoscope-day__title h1 {
    font-size: 40px;
    color: #343f8f;
    font-weight: 900;
    padding-right: 10px;
    text-shadow: unset;
    flex: none;
  }
  .horoscope-day__title time {
    font-size: 20px;
    color: #9d9d9d;
    text-shadow: unset;
    flex: none;
  }
  .horoscope-day__subtitle {
    max-width: 700px;
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: 900;
    color: #6a6a6a;
    text-align: start;
  }
  .horoscope-day__sign {
    margin: 0 0 20px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .horoscope-day__sign.grid-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .horoscope-day__sign.grid-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .horoscope-day__sign-item a {
    height: 150px;
    flex-direction: column;
    border: 1px solid #efefef;
    border-radius: 4px;
    will-change: box-shadow;
    transition-duration: 250ms;
    transition-property: box-shadow, border-color;
    transition-timing-function: linear;
    box-shadow: 0 2px 4px rgba(58, 58, 58, 0.02);
  }
  .horoscope-day__sign-item a:active, .horoscope-day__sign-item a:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
    border-color: #e0e0e0;
  }
  .horoscope-day__sign-item a:hover span, .horoscope-day__sign-item a:hover small {
    display: block;
  }
  .horoscope-day__sign-item span {
    font-size: 15px;
    font-weight: 900;
    margin-bottom: 8px;
  }
  .horoscope-day__sign-item small {
    max-width: 80px;
    color: #6a6a6a;
    font-size: 12px;
    text-align: center;
    display: block;
    text-transform: lowercase;
  }
  .horoscope-day__sign-cta-app {
    background-color: transparent;
    width: 100%;
    display: flex;
    left: unset;
    margin-left: auto;
    flex-direction: row;
    text-align: left;
    margin-top: 25px;
    padding: initial;
  }
  .horoscope-day__sign-cta-app > div {
    width: 60%;
  }
  .horoscope-day:has(.horoscope-day-signup) .horoscope-day__sign-cta-app {
    padding-top: initial;
  }
  .horoscope-day__custom {
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, 0.2);
    background: linear-gradient(#844ab0, #c026b3);
  }
  .horoscope-day__custom:has(a.button.button--large.button--horoscope), .horoscope-day__custom:has(.horoscope-day-signup) {
    margin-top: auto;
  }
  .horoscope-day__custom h2 {
    font-size: 20px;
    font-weight: 900;
  }
  .horoscope-day__custom-icon {
    border-radius: 0 3px 0 0;
  }
  .horoscope-custom__title .h2 {
    font-size: 42px;
    font-weight: 300;
  }
  .horoscope-custom__title h2, .horoscope-custom__title strong {
    margin: 0;
    font-size: 32px;
  }
  .horoscope-custom__description p {
    font-size: 15px;
    line-height: 26px;
  }
  .horoscope-custom__action {
    justify-content: flex-start;
    flex-direction: row;
  }
  .horoscope-custom__action .button--link {
    text-decoration: underline;
  }
  .horoscope-know {
    background-image: linear-gradient(to bottom, #9831b0, #61036a);
  }
  .horoscope-know__title p {
    text-align: center;
    max-width: 810px;
    margin: auto;
    line-height: 1;
    font-size: 20px;
  }
  .horoscope-know__topics ul {
    list-style-position: inside;
    list-style-image: url("/assets/images/horoscope/list-style.svg");
    text-align: left;
  }
  .horoscope-know__topics h4 {
    font-size: 25px;
  }
  .horoscope-know__topics .label--premium {
    left: 8px;
    bottom: 3px;
    margin-left: 5px;
    display: inline-block;
  }
  .horoscope-know__topics .button--horoscope {
    width: 272px;
    padding: 19px 30px;
    margin: 40px 0 0;
    font-size: 21px;
    font-weight: 300;
    bottom: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 34px;
    box-shadow: 1.8px 3.7px 9.1px 0 rgba(0, 0, 0, 0.15);
    border: solid 1.2px #286b3b;
    background-color: #1c8a3b;
  }
  .horoscope-know__topics .button--horoscope:hover {
    background-color: #088b4c;
  }
  .horoscope-know__illustration {
    width: 100%;
    height: 135px;
  }
  .horoscope-know__illustration__info h3 {
    margin-top: 0;
  }
  .horoscope-know__illustration__info p {
    margin-bottom: 10px;
  }
  .horoscope-know__illustration__info-cta {
    margin: 30px 0 0;
  }
  .horoscope-preview-modal {
    width: 725px;
    height: 438px;
    left: calc(50% - (725px / 2));
  }
  .horoscope-preview__title {
    font-size: 25px;
  }
  .horoscope-preview__back {
    height: 70px;
  }
  .horoscope-sign .container > .horoscope-sign__full-width ~ div:nth-of-type(3) {
    margin-bottom: auto;
  }
  .horoscope-sign__full-width {
    height: auto;
    padding: 0;
    background-color: transparent;
    top: 0;
    position: relative;
    left: 0;
    right: 0;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    background-image: none;
  }
  .horoscope-sign__title {
    justify-content: unset;
  }
  .horoscope-sign__title h1 {
    font-size: 40px;
    color: #343f8f;
    font-weight: 900;
    padding-right: 10px;
    text-shadow: unset;
    margin-bottom: auto;
  }
  .horoscope-sign__title h1 strong {
    font-weight: 900;
  }
  .horoscope-sign__title h1 strong[class=sign-color--aries] {
    color: #f03e3e;
  }
  .horoscope-sign__title h1 strong[class=sign-color--touro] {
    color: #1bb54b;
  }
  .horoscope-sign__title h1 strong[class=sign-color--gemeos] {
    color: #e9a11c;
  }
  .horoscope-sign__title h1 strong[class=sign-color--cancer] {
    color: #007476;
  }
  .horoscope-sign__title h1 strong[class=sign-color--leao] {
    color: #e57824;
  }
  .horoscope-sign__title h1 strong[class=sign-color--virgem] {
    color: #217aeb;
  }
  .horoscope-sign__title h1 strong[class=sign-color--libra] {
    color: #c64a87;
  }
  .horoscope-sign__title h1 strong[class=sign-color--escorpiao] {
    color: #313131;
  }
  .horoscope-sign__title h1 strong[class=sign-color--sagitario] {
    color: #1c94c3;
  }
  .horoscope-sign__title h1 strong[class=sign-color--capricornio] {
    color: #6a9fa1;
  }
  .horoscope-sign__title h1 strong[class=sign-color--aquario] {
    color: #33b688;
  }
  .horoscope-sign__title h1 strong[class=sign-color--peixes] {
    color: #8b47d6;
  }
  .horoscope-sign__subtitle {
    text-shadow: unset;
    font-weight: 400;
    text-align: left;
    color: #6a6a6a;
    margin-bottom: 20px;
  }
  .horoscope-sign__choose {
    margin: 0;
  }
  .horoscope-sign__presentation {
    padding: 30px;
  }
  .horoscope-sign__presentation-name strong {
    font-size: 38px;
  }
  .horoscope-sign__presentation-title {
    margin-bottom: 30px;
  }
  .horoscope-sign__presentation-description {
    margin-bottom: 50px;
  }
  .horoscope-sign__presentation-description p {
    font-size: 18px;
    font-weight: 300;
  }
  .horoscope-sign__personalized p {
    margin: 0 0 10px;
  }
  .horoscope-sign-custom {
    margin: 15px -30px -30px;
    padding: 30px 20px;
    display: flex;
    align-items: center;
  }
  .horoscope-sign-custom h3 {
    font-size: 22px;
  }
  .horoscope-sign-custom p {
    font-size: 16px;
    margin-bottom: 0;
  }
  .horoscope-sign-custom .button--horoscope {
    position: static;
  }
  .horoscope-sign-custom__icon {
    left: 0;
    right: inherit;
    top: 20px;
  }
  .horoscope-sign__column-layout {
    height: auto;
    min-height: 19.5rem;
    margin-bottom: -45px;
  }
  .horoscope-sign__cta-app {
    margin-top: 80px;
  }
  .horoscope-sign__cta-app-store-buttons-container {
    margin-top: 0;
  }
  .horoscope-monthly {
    padding-bottom: 50px;
  }
  .horoscope-monthly__illustration {
    width: 100%;
    height: 135px;
  }
  .horoscope-monthly__illustration__info-cta {
    margin: 24px 0 0;
  }
  .horoscope-faq.horoscope-faq {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .horoscope-faq__title h3 {
    font-size: 26px;
    line-height: 1.38;
  }
  .horoscope-faq__description {
    padding: 16px 30px;
  }
  .horoscope-faq__description .accordion .accordion-header .accordion-title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.35;
    color: #343f8f;
  }
  .horoscope-faq__description .accordion .accordion-header .accordion-icon {
    width: 14px;
    height: 14px;
    background-image: url("/assets/images/horoscope/accordion.svg");
    transition: transform 0.3s ease;
  }
  .horoscope-faq__description .accordion .accordion-header.rotated {
    transform: rotate(180deg);
  }
  .horoscope-faq__description .accordion .accordion-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.47;
    color: #6a6a6a;
  }
  .horoscope-faq__description .accordion .accordion-body p {
    margin: 0;
  }
  .horoscope-faq__description .accordion .accordion-body.active {
    max-height: fit-content;
    margin: 20px 0;
  }
  .horoscope-faq__description .accordion .accordion-divider {
    height: 1.2px;
    background-color: rgba(106, 106, 106, 0.1);
    margin: 15.4px 0.3px 15.4px 0;
  }
  .horoscope-faq__info-cta {
    display: none;
  }
}

@media screen and (min-width: 1192px) {
  body > header {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .horoscope-day__custom h2 {
    font-size: 16px;
    line-height: 1.56;
  }
  .horoscope-day__custom p {
    line-height: 1.47;
  }
}