/* assinatura.html: rl-subscription-visual */

body.rl-page-assinatura {
  background: #faf7f3 !important;
  min-height: 100vh;
}
body.rl-page-assinatura .wrap {
  padding: 32px 0 100px !important;
  min-height: 100vh;
  height: auto !important;
  display: block !important;
}
body.rl-page-assinatura .box {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 38px) !important;
  border: 1px solid #eadfd4 !important;
  border-top: 4px solid #ff7417 !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 38px #38220c0a;
}
body.rl-page-assinatura .box h2 {
  font-size: clamp(23px, 4vw, 30px) !important;
  line-height: 1.3 !important;
  margin: 20px 0 !important;
  overflow-wrap: anywhere;
}
body.rl-page-assinatura .price {
  font-size: 42px !important;
  line-height: 1.2;
  margin: 24px 0 16px;
  color: #222 !important;
}
body.rl-page-assinatura [data-billing] {
  flex: 1 1 130px;
  min-height: 50px;
  background: #ff7417 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  border: 1px solid #ff7417 !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  white-space: normal;
}
body.rl-page-assinatura [data-billing]:disabled {
  opacity: 0.6;
  cursor: wait;
}
body.rl-page-assinatura #rl-checkout-link {
  box-sizing: border-box;
  width: 100%;
  padding: 16px !important;
  background: #ff7417 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-weight: 800 !important;
  border-radius: 10px !important;
  text-align: center;
  white-space: normal;
}
body.rl-page-assinatura #rl-checkout-message {
  font-size: 14px;
  line-height: 1.6;
  color: #49413b;
}
body.rl-page-assinatura #rl-back-panel {
  display: inline-block;
  margin: 20px 0 0;
  color: #63320a;
  font-weight: 700;
}
body.rl-page-assinatura #rl-back-panel[hidden] {
  display: none !important;
}

/* painel.html: rl-account-style */

body.rl-page-painel .rl-account-card {
  padding: clamp(20px, 4vw, 38px);
  border-top: 4px solid #ff7417;
}
body.rl-page-painel .rl-account-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 26px 0;
}
body.rl-page-painel .rl-account-grid > div {
  border-bottom: 1px solid #eee;
  padding-bottom: 14px;
  min-width: 0;
}
body.rl-page-painel .rl-account-grid dt {
  font-size: 13px;
  color: #666;
  font-weight: 600;
  margin-bottom: 6px;
}
body.rl-page-painel .rl-account-grid dd {
  margin: 0;
  color: #222;
  font-weight: 600;
  overflow-wrap: anywhere;
}
body.rl-page-painel .rl-account-access {
  padding: 16px;
  background: #fff5eb;
  border-radius: 10px;
  color: #50351c;
}
body.rl-page-painel #conta [hidden] {
  display: none !important;
}
@media (max-width: 600px) {
  body.rl-page-painel .rl-account-grid {
    grid-template-columns: 1fr;
  }
}

/* painel.html: rl-experience-disclaimer-style */

body.rl-page-painel #resultado .footer-note {
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #737373 !important;
  font-weight: 400 !important;
  margin-top: 18px !important;
}

/* painel.html: rl-account-button-contrast */

body.rl-page-painel #conta a.btn.btn__primary,
body.rl-page-painel #conta a.btn.btn__primary:visited,
body.rl-page-painel #conta a.btn.btn__primary:hover,
body.rl-page-painel #conta a.btn.btn__primary:focus,
body.rl-page-painel #conta a.btn.btn__primary:active {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  background: #ff7417 !important;
  background-image: none !important;
  border-color: #ff7417 !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}
body.rl-page-painel #conta a.btn.btn__primary::before,
body.rl-page-painel #conta a.btn.btn__primary::after {
  content: none !important;
}

/* Current application components — keep overrides together. */
[hidden] {
  display: none !important;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select,
textarea {
  touch-action: manipulation;
}
:focus-visible {
  outline: 3px solid #144b69 !important;
  outline-offset: 3px;
}
.rl-payment-methods {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
body.rl-page-assinatura #rl-payment-options [data-billing] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
  min-height: 88px;
  padding: 16px 12px !important;
  background: #e6e6e6 !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  border: 1px solid #d3d3d3 !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  text-transform: none !important;
  line-height: 1.3;
}
body.rl-page-assinatura #rl-payment-options [data-billing]::before,
body.rl-page-assinatura #rl-payment-options [data-billing]::after {
  display: none !important;
}
body.rl-page-assinatura #rl-payment-options [data-billing]:hover {
  background: #d8d8d8 !important;
  border-color: #999 !important;
}
[data-billing] svg {
  flex-shrink: 0;
  color: #111 !important;
}
.rl-account-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 20px;
}
.rl-account-actions form {
  margin: 0;
}
[data-cancel-subscription] {
  background: #fff !important;
  color: #8b221c !important;
  -webkit-text-fill-color: #8b221c !important;
  border: 1px solid #8b221c !important;
  border-radius: 9px;
  padding: 12px 18px;
  cursor: pointer;
}
#rl-checkout-link,
.rl-account-actions a.btnx {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
}
main,
section,
article,
.container,
.box,
.card {
  min-width: 0;
}
img {
  max-width: 100%;
}
input:not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  max-width: 100%;
  font-size: 16px;
}
.rl-experience-disclaimer {
  font-size: 11px !important;
  color: #666 !important;
  line-height: 1.5;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .rl-payment-methods {
    grid-template-columns: 1fr;
  }
  body.rl-page-assinatura #rl-payment-options [data-billing] {
    justify-content: flex-start;
    min-height: 64px;
    padding: 16px 24px !important;
  }
  .rl-account-actions > * {
    max-width: 100%;
  }
  .rl-page-painel .tabs {
    flex-wrap: wrap;
  }
  body.rl-page-assinatura .box {
    padding: 24px 18px !important;
  }
}

.rl-subscription-actions {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid #eee;
}
.rl-account-actions form button {
  padding: 12px 18px;
  border-radius: 9px;
  border: 1px solid #ccc;
  background: #fff !important;
  color: #222 !important;
  -webkit-text-fill-color: #222 !important;
  font-weight: 600;
}
.rl-support-float,
.rl-whatsapp-float {
  display: none;
}
.rl-support-enabled {
  display: flex !important;
  text-decoration: none !important;
}
@media (max-width: 600px) {
  .rl-support-enabled {
    position: static !important;
    justify-content: center;
    margin: 16px auto !important;
    transform: none !important;
  }
  .rl-support-caption {
    display: none !important;
  }
}


/* rl-orange-button-hover-v1 */
html body :is(
  .btn__primary,
  .btn-primary,
  .btnx:not(.outline),
  button[type="submit"]
):not([data-billing]):not([data-cancel-subscription]):not(:disabled):not(.disabled):not([aria-disabled="true"]):is(:hover, :focus-visible),
html body.rl-page-painel #conta a.btn.btn__primary:is(:hover, :focus-visible),
html body.rl-page-assinatura #rl-checkout-link:is(:hover, :focus-visible) {
  background: #ffcc99 !important;
  background-image: none !important;
  border-color: #ffcc99 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

html body :is(.btn__primary, .btn-primary, .btnx:not(.outline)):not([data-billing]):not([data-cancel-subscription])::before {
  background-color: #ffcc99 !important;
}

html body :is(
  .btn__primary,
  .btn-primary,
  .btnx:not(.outline),
  button[type="submit"]
):not([data-billing]):not([data-cancel-subscription]):not(:disabled):not(.disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) :is(span, i) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

html body :is(.btn__primary, .btn-primary, .btnx, button[type="submit"]):focus-visible {
  outline: 3px solid #a64800 !important;
  outline-offset: 3px !important;
}


/* rl-result-button-compact-v1 */
body.rl-page-painel #resultado #rl-register-result {
  width: auto !important;
  max-width: 100%;
  min-width: 0 !important;
  height: auto !important;
  min-height: 44px;
  padding: 10px 16px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal;
  border-radius: 9px !important;
}

/* Botões e nomes das notificações */
#rl-notifications-list .rl-notification-company {
  font-weight: 700;
}
#rl-notifications-list .rl-notification-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  min-height: 44px;
  height: auto;
  padding: 10px 18px;
  margin-top: 4px;
  border: 1px solid #ff7417;
  border-radius: 9px;
  background: #ff7417 !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  text-decoration: none !important;
  white-space: normal;
  text-align: center;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease;
}
#rl-notifications-list .rl-notification-action::before,
#rl-notifications-list .rl-notification-action::after {
  content: none !important;
}
#rl-notifications-list .rl-notification-action:hover,
#rl-notifications-list .rl-notification-action:focus-visible {
  background: #ffcc99 !important;
  border-color: #ffcc99;
  color: #000 !important;
}
#rl-notifications-list .rl-notification-action:focus-visible {
  outline: 3px solid #222;
  outline-offset: 3px;
}
