/**
 * Chuva de Prata — camada clean compartilhada.
 * Referência visual: box de comum/aguarde.html.
 */

:root {
  --clean-surface: rgba(251, 246, 239, 0.94);
  --clean-surface-solid: var(--chuva-creme);
  --clean-surface-soft: rgba(233, 210, 177, 0.28);
  --clean-border: rgba(136, 105, 36, 0.32);
  --clean-divider: rgba(136, 105, 36, 0.2);
  --clean-shadow: 0 18px 44px rgba(90, 62, 20, 0.16);
  --clean-title: #000;
  --clean-text: #000;
  --clean-accent: var(--chuva-ouro);
}

/* Superfícies de formulário */
.page-card,
.login-card,
.chuvadeprata-panel,
.meus-dados-card,
.duvidas-cta,
.fale-conosco-box,
.fale-conosco-sucesso,
.status-page__card,
#cadastrocupom .cc-metodo__card,
#cadastrocupom .cc-fluxo-card {
  background: var(--clean-surface) !important;
  background-image: none !important;
  color: var(--clean-title) !important;
  border: 1px solid var(--clean-border) !important;
  box-shadow: var(--clean-shadow) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

:is(
  .page-card,
  .login-card,
  .chuvadeprata-panel,
  .meus-dados-card,
  .duvidas-cta,
  .fale-conosco-box,
  .fale-conosco-sucesso,
  .status-page__card,
  #cadastrocupom .cc-metodo__card,
  #cadastrocupom .cc-fluxo-card
) :is(
  .page-title,
  .vitrine-title,
  .chuvadeprata-panel__title,
  .login-card__title,
  .meus-dados-card__title,
  .fale-conosco-box__title,
  .fale-conosco-sucesso__title,
  .cc-fluxo-card__title,
  h1,
  h2,
  h3
) {
  color: var(--clean-title) !important;
}

:is(
  .page-card,
  .login-card,
  .chuvadeprata-panel,
  .meus-dados-card,
  .duvidas-cta,
  .fale-conosco-box,
  .fale-conosco-sucesso,
  .status-page__card,
  #cadastrocupom .cc-metodo__card,
  #cadastrocupom .cc-fluxo-card
) :is(
  .page-eyebrow,
  .chuva-script,
  .chuvadeprata-panel__eyebrow,
  .cc-fluxo-eyebrow
) {
  color: var(--clean-accent) !important;
}

:is(
  .page-card,
  .login-card,
  .chuvadeprata-panel,
  .meus-dados-card,
  .duvidas-cta,
  .fale-conosco-box,
  .fale-conosco-sucesso,
  .status-page__card,
  #cadastrocupom .cc-metodo__card,
  #cadastrocupom .cc-fluxo-card
) :is(
  p,
  .description,
  .descricao,
  .page-subtitle,
  .vitrine-lead,
  .hero__logged-lead,
  .vitrine-footer-link,
  .vitrine-field__label,
  .vitrine-step-label,
  .chuvadeprata-panel__lead,
  .chuvadeprata-panel__text,
  .meus-dados-card__lead,
  .fale-conosco-box__lead,
  .fale-conosco-sucesso__text,
  .cc-fluxo-card__subtitle,
  label:not(.error)
) {
  /* color: white !important; */
}

/* Box logado da home: fundo creme. O :is() geral acima pesa como se tivesse ID. */
#hero .hero__logged-box.page-card :is(p, .hero__logged-lead) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

:is(
  .page-card,
  .login-card,
  .chuvadeprata-panel,
  .meus-dados-card,
  .duvidas-cta,
  .fale-conosco-box,
  .status-page__card,
  #cadastrocupom .cc-metodo__card,
  #cadastrocupom .cc-fluxo-card
) :is(.form-control, input, select, textarea) {
  background-color: #fff !important;
  color: var(--clean-title) !important;
  border-color: rgba(136, 105, 36, 0.28) !important;
}

.duvidas-cta :is(.duvidas-cta__title, .duvidas-cta__text),
#cadastrocupom .cc-metodo__card :is(
  .cc-metodo__card-label,
  .cc-metodo__card-desc
) {
  color: var(--clean-title) !important;
}

#cadastrocupom .cc-metodo__card .cc-metodo__card-desc {
  color: var(--clean-text) !important;
  font-weight: 300;
  line-height: 1.2 !important;
  font-style: normal;
}

:is(
  .chuvadeprata-panel__hint,
  .hero__cpf-hint,
  .login-card__hint,
  .cc-fluxo-card .cc-fluxo-note,
  .cc-fluxo-card .cc-ia-itens-box
) {
  background: var(--clean-surface-soft) !important;
  color: var(--clean-text) !important;
  border-color: var(--clean-border) !important;
}

/* Boxes de teste (CPF no cadastro pessoal e chaves no cupom): texto e ícones pretos */
:is(.hero__cpf-hint, .cc-proto-hint),
:is(.hero__cpf-hint, .cc-proto-hint) :is(span, strong) {
  color: #000 !important;
}

:is(.hero__cpf-hint, .cc-proto-hint) :is(
  .hero__cpf-hint__toggle,
  .hero__cpf-hint__close,
  .hero__cpf-hint__copy,
  .cc-proto-hint__toggle,
  .cc-proto-hint__close,
  .cc-proto-hint__copy
),
:is(.hero__cpf-hint, .cc-proto-hint) :is(
  .hero__cpf-hint__toggle,
  .hero__cpf-hint__close,
  .hero__cpf-hint__copy,
  .cc-proto-hint__toggle,
  .cc-proto-hint__close,
  .cc-proto-hint__copy
):is(:hover, :focus-visible, .is-copied),
:is(.hero__cpf-hint, .cc-proto-hint) :is(
  .hero__cpf-hint__toggle,
  .hero__cpf-hint__close,
  .hero__cpf-hint__copy,
  .cc-proto-hint__toggle,
  .cc-proto-hint__close,
  .cc-proto-hint__copy
) i {
  color: #000 !important;
  border-color: rgba(0, 0, 0, 0.28) !important;
}

/* Popups e modal de cookies */
.fenix-popup .modal-content,
.fenix-popup .modal-content.chuvadeprata-popup__shell,
.chuva-cookies-modal__panel {
  background: var(--clean-surface-solid) !important;
  background-image: none !important;
  color: var(--clean-title) !important;
  border: 1px solid var(--clean-border) !important;
  box-shadow: var(--clean-shadow) !important;
}

.fenix-popup .modal-content::before,
.fenix-popup .modal-content::after,
.fenix-popup .modal-content.chuvadeprata-popup__shell::before,
.fenix-popup .modal-content.chuvadeprata-popup__shell::after {
  content: none !important;
  display: none !important;
}

.fenix-popup :is(
  .chuvadeprata-popup__title,
  .chuvadeprata-popup__head .titulo,
  .titulo,
  h1,
  h2,
  h3
),
.chuva-cookies-modal__panel :is(h1, h2, h3) {
  color: var(--clean-title) !important;
}

.fenix-popup :is(
  .chuvadeprata-popup__lead,
  .chuvadeprata-popup__text,
  .descricao,
  .login-modal-body-text,
  .chuvadeprata-popup__otp-timer,
  .chuvadeprata-popup__otp-help,
  .chuvadeprata-popup__choice-link,
  p
),
.chuva-cookies-modal__panel p {
  color: var(--clean-text) !important;
}

.fenix-popup :is(
  .chuvadeprata-popup__eyebrow,
  .popup-confirm-carousel__step,
  .popup-confirm-label,
  .chuvadeprata-popup__otp-label
) {
  color: var(--clean-accent) !important;
}

.fenix-popup :is(
  .chuvadeprata-popup__dados,
  .popup-confirm-cadastro-dados,
  .popup-confirm-bar,
  .chuvadeprata-popup__bar,
  .chuvadeprata-popup__note,
  .login-modal-notice
) {
  background: var(--clean-surface-soft) !important;
  color: var(--clean-text) !important;
  border-color: var(--clean-border) !important;
}

.fenix-popup .popup-confirm-row {
  border-bottom-color: var(--clean-divider);
}

.fenix-popup .popup-confirm-valor,
.fenix-popup :is(
  .chuvadeprata-popup__text,
  .chuvadeprata-popup__lead,
  .descricao
) strong {
  color: var(--clean-title) !important;
}

.modal.fenix-popup .btn-fechar,
.fale-conosco-box__close {
  background: var(--clean-surface-soft);
  color: var(--clean-title);
  border-color: var(--clean-border);
}

.modal.fenix-popup .btn-fechar i,
.fale-conosco-box__close i {
  color: var(--clean-title);
}

.modal.fenix-popup .btn-fechar:hover,
.fale-conosco-box__close:hover {
  background: rgba(233, 210, 177, 0.5);
  color: var(--clean-title);
  border-color: rgba(136, 105, 36, 0.55);
}

.fenix-popup :is(.popup-confirm-carousel__arrow, .popup-confirm-carousel__dot) {
  border-color: var(--clean-border);
  background: var(--clean-surface-soft);
  color: var(--clean-title);
}

.fenix-popup .popup-confirm-carousel__dot.is-active {
  background: var(--clean-accent);
}

.fenix-popup :is(
  .chuvadeprata-popup__voltar,
  .chuvadeprata-popup__resend,
  .chuvadeprata-popup__otp-help a,
  .chuvadeprata-popup__choice-link
) {
  color: var(--clean-title) !important;
}

/* Footer clean */
.chuvadeprata-footer {
  color: var(--clean-title);
  background: var(--clean-surface-solid);
  border-top: 1px solid var(--clean-border);
  box-shadow: 0 -10px 30px rgba(90, 62, 20, 0.1);
}

.chuvadeprata-footer::before {
  background: linear-gradient(
    90deg,
    transparent,
    rgba(136, 105, 36, 0.25),
    transparent
  );
}

.chuvadeprata-footer :is(
  .chuvadeprata-footer__legal,
  .chuvadeprata-footer__tagline,
  .chuvadeprata-footer__cluster-label,
  .chuvadeprata-footer__icon,
  .chuvadeprata-footer__nav a,
  .chuvadeprata-footer__nav .chuvadeprata-footer__link-btn
) {
  color: var(--clean-title);
}

.chuvadeprata-footer :is(
  .chuvadeprata-footer__divider,
  .chuvadeprata-footer__social-rule,
  .chuvadeprata-footer__logos-sep
) {
  border-color: var(--clean-divider);
  background: var(--clean-divider);
}

.chuvadeprata-footer :is(
  .chuvadeprata-footer__legal a,
  .chuvadeprata-footer__icon:hover,
  .chuvadeprata-footer__icon:focus-visible,
  .chuvadeprata-footer__nav a:hover,
  .chuvadeprata-footer__nav a:focus-visible,
  .chuvadeprata-footer__nav .chuvadeprata-footer__link-btn:hover,
  .chuvadeprata-footer__nav .chuvadeprata-footer__link-btn:focus-visible
) {
  color: var(--clean-accent) !important;
}

/* Cards operacionais e estados */
.limite-page-card.page-card,
.sucesso-page-card.page-card,
.atendimento-toolbar,
.atendimento-card,
.atendimento-empty,
.atendimento-thread,
/* .atendimento-reply, */
.meusnumeros-tabela-box,
.meusnumeros-stat,
.calendario-table-wrap,
.ganhadores-profit__table,
.minhaschances-extrato,
.spec-section,
.spec-param-form,
.minhaschances-drawer,
.menu-perfil__panel {
  background: var(--clean-surface) !important;
  background-image: none !important;
  color: var(--clean-title) !important;
  border-color: var(--clean-border) !important;
  box-shadow: var(--clean-shadow) !important;
}

:is(
  .status-page__card,
  .limite-page-card,
  .sucesso-page-card,
  .atendimento-toolbar,
  .atendimento-card,
  .atendimento-empty,
  .atendimento-thread,
  .atendimento-reply,
  .meusnumeros-tabela-box,
  .meusnumeros-stat,
  .spec-section,
  .spec-param-form,
  .minhaschances-drawer,
  .menu-perfil__panel
) :is(
  h1,
  h2,
  h3,
  h4,
  .page-title,
  .status-page__code,
  .atendimento-card__assunto,
  .atendimento-thread__assunto,
  .spec-card__title,
  .spec-section__title
) {
  color: var(--clean-title) !important;
}

:is(
  .status-page__card,
  .limite-page-card,
  .sucesso-page-card,
  .atendimento-toolbar,
  .atendimento-card,
  .atendimento-empty,
  .atendimento-thread,
  .atendimento-reply,
  .meusnumeros-tabela-box,
  .meusnumeros-stat,
  .spec-section,
  .spec-param-form,
  .minhaschances-drawer,
  .menu-perfil__panel
) :is(
  p,
  li,
  label:not(.error),
  .status-page__lead,
  .limite-page__lead,
  .limite-page__tips-text,
  .sucesso-page__lead,
  .sucesso-page__tips-text,
  .atendimento-card__meta,
  .atendimento-header__lead,
  .meusnumeros-stat__label,
  .spec-param-dates__label
) {
  color: var(--clean-text) !important;
}

:is(
  .status-page__tips,
  .status-page__code,
  .limite-page__tips,
  .sucesso-page__tips,
  .sucesso-page__stat,
  .atendimento-reply--closed,
  .meus-dados-responsavel
) {
  background: var(--clean-surface-soft) !important;
  color: var(--clean-text) !important;
  border-color: var(--clean-border) !important;
  box-shadow: none !important;
}

:is(
  .status-page__icon,
  .sucesso-page__visual,
  .sucesso-page__tips-icon,
  .limite-page__tips-icon
) {
  background: var(--clean-surface-soft) !important;
  color: var(--clean-accent) !important;
  border-color: var(--clean-border) !important;
  box-shadow: none !important;
}

:is(
  .status-page__card,
  .limite-page-card,
  .sucesso-page-card,
  .atendimento-toolbar,
  .atendimento-thread,
  .atendimento-reply,
  .spec-param-form
) :is(.form-control, input, select, textarea) {
  background-color: #fff !important;
  color: var(--clean-title) !important;
  border-color: var(--clean-border) !important;
}

/* Formulários: rótulos, ajuda e campos bloqueados */
.fale-conosco-box :is(
  .fale-conosco-field__label,
  .fale-conosco-charcount
),
:is(
  .page-card,
  .login-card,
  .chuvadeprata-panel,
  .meus-dados-card,
  .cc-fluxo-card
) .form-check label:not(.error) {
  color: var(--clean-text) !important;
}

.meus-dados-field--locked :is(
  .form-control,
  .form-control[readonly],
  select.form-control
),
.meus-dados-field--locked .form-control:-webkit-autofill {
  -webkit-text-fill-color: var(--clean-title) !important;
  -webkit-box-shadow: 0 0 0 1000px #f4ecdf inset !important;
  background: var(--clean-surface-soft) !important;
  color: var(--clean-title) !important;
  border-color: var(--clean-border) !important;
}

/* Tabelas e extratos */
:is(
  .calendario-table-wrap,
  .ganhadores-profit__table,
  .minhaschances-extrato,
  .meusnumeros-tabela-box,
  .spec-table-wrap
) {
  overflow: hidden;
  border: 1px solid var(--clean-border) !important;
  border-radius: 1.4rem;
  background: var(--clean-surface-solid) !important;
  box-shadow: var(--clean-shadow) !important;
}

:is(
  .calendario-table th,
  .ganhadores-profit__row--top,
  .minhaschances-extrato__row--top,
  .meusnumeros-produtos-table thead th,
  .section.meusnumeros .table thead th,
  .spec-table thead th
) {
  background: var(--clean-surface-soft) !important;
  color: var(--chuva-erro) !important;
  border-color: var(--clean-divider) !important;
}

:is(
  .calendario-table td,
  .ganhadores-profit__row--normal,
  .ganhadores-profit__row--normal > *,
  .ganhadores-profit__label,
  .ganhadores-profit__value,
  .minhaschances-extrato__row--normal,
  .minhaschances-extrato__row--normal > *,
  .minhaschances-extrato__empty,
  .meusnumeros-produtos-table td,
  .section.meusnumeros .table tbody td,
  .spec-table tbody td
) {
  background: transparent !important;
  color: var(--clean-text) !important;
  border-color: var(--clean-divider) !important;
}

:is(
  .calendario-table tbody tr:nth-child(even) td,
  .ganhadores-profit__row--highlight,
  .minhaschances-extrato__row--premiada
) {
  background: rgba(233, 210, 177, 0.2) !important;
}

:is(
  thead th,
  .title-table-mobile,
  .ganhadores-profit__label-top,
  .ganhadores-profit__label-top:hover,
  .ganhadores-profit__label-top:focus-visible,
  .minhaschances-extrato__row--top > *,
  .minhaschances-extrato__sort
) {
  color: var(--chuva-erro) !important;
}

:is(.calendario-flag, .spec-param-badge) {
  background: var(--clean-accent) !important;
  color: var(--clean-title) !important;
  border-color: var(--clean-accent) !important;
}

.meusnumeros-stat__help:hover,
.meusnumeros-stat__help:focus-visible {
  color: var(--clean-title) !important;
}

/* Popups: partes internas que ainda herdavam o tema escuro */
.fenix-popup :is(
  .chuvadeprata-popup__icon,
  .cc-chave-exemplo,
  .cc-chave-exemplos-disclaimer
) {
  background: var(--clean-surface-soft) !important;
  color: var(--clean-title) !important;
  border-color: var(--clean-border) !important;
  box-shadow: none !important;
}

.fenix-popup :is(
  .chuvadeprata-popup__actions,
  .cc-chave-exemplos-popup__actions
) {
  background: var(--clean-surface-soft) !important;
  background-image: none !important;
  border-color: var(--clean-border) !important;
  box-shadow: none !important;
}

.fenix-popup :is(
  .menu-saldo-popup__regras,
  .menu-saldo-popup__regras li,
  .cc-chave-exemplo__title,
  .cc-chave-exemplos-disclaimer,
  .chuvadeprata-popup__resend:disabled
) {
  color: var(--clean-text) !important;
}

.fenix-popup :is(
  .menu-saldo-popup__regras strong,
  .cc-chave-exemplos-disclaimer strong
) {
  color: var(--clean-title) !important;
}

html:has(body.modal-open) {
  background-color: var(--chuva-areia) !important;
}

/* Cookies no mesmo padrão clean */
.chuvadeprata-cookies__inner,
.chuvadeprata-cookies-modal__panel {
  background: var(--clean-surface-solid) !important;
  background-image: none !important;
  color: var(--clean-title) !important;
  border: 1px solid var(--clean-border) !important;
  box-shadow: var(--clean-shadow) !important;
}

.chuvadeprata-cookies__inner {
  box-shadow: 0 8px 18px rgba(90, 62, 20, 0.08) !important;
}

:is(.chuvadeprata-cookies__inner, .chuvadeprata-cookies-modal__panel) :is(
  h1,
  h2,
  h3,
  .chuvadeprata-cookies__title
) {
  color: var(--clean-title) !important;
}

:is(.chuvadeprata-cookies__inner, .chuvadeprata-cookies-modal__panel) :is(
  p,
  .chuvadeprata-cookies__text,
  .chuvadeprata-cookies-modal__intro,
  .chuvadeprata-cookies-detail__text,
  .chuvadeprata-cookies-toggle__label
) {
  color: var(--clean-text) !important;
}

.chuvadeprata-cookies-modal :is(
  .chuvadeprata-cookies-modal__tab,
  .chuvadeprata-cookies-modal__detail,
  .chuvadeprata-cookies-modal__footer,
  .chuvadeprata-cookies-modal__close
) {
  background: var(--clean-surface-soft) !important;
  color: var(--clean-title) !important;
  border-color: var(--clean-border) !important;
}

.chuvadeprata-cookies-modal__tab.is-active {
  color: var(--clean-title) !important;
  border-color: var(--clean-accent) !important;
}

:is(.vitrine-back, .login-card__back, .cc-fluxo-back, .chuvadeprata-popup__voltar) {
  color: #000 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

:is(.vitrine-back, .login-card__back, .cc-fluxo-back, .chuvadeprata-popup__voltar) :is(i, svg, span) {
  color: inherit !important;
}

:is(.vitrine-back, .login-card__back, .cc-fluxo-back, .chuvadeprata-popup__voltar):is(:hover, :focus-visible) {
  color: var(--chuva-erro) !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}