/* ============================================================
   tema-comparativo.css — MODELO 8 「Comparativo」
   Landing BR: branco + verde checks × cinza.
   Prefixo: cp- · Sem bottom-action-bar · Carregar por último.
   Phone-shell: --layout-max; gradiente sólido; padding reduzido.
   ============================================================ */

:root {
  --cp-white: #ffffff;
  --cp-canvas: #f4f7f5;
  --cp-canvas-wide: #e8eee9;
  --cp-ink: #1a2e22;
  --cp-muted: #5a6b60;
  --cp-green: #1a7a3c;
  --cp-green-deep: #0f5a2a;
  --cp-green-soft: #e8f6ee;
  --cp-check: #1a7a3c;
  --cp-gray: #9aa39c;
  --cp-gray-soft: #eef0ef;
  --cp-no: #b0b7b2;
  --cp-edge: #d4ddd6;
  --cp-radius: 8px;
  --cp-shadow: 0 1px 0 rgba(26, 122, 60, 0.08), 0 8px 20px rgba(26, 46, 34, 0.06);
  --nav-pad-x: 12px;
  --site-header-gap: 8px;

  --nt-canvas: var(--cp-canvas);
  --nt-canvas-wide: var(--cp-canvas-wide);
  --nt-surface: var(--cp-white);
  --nt-surface-2: var(--cp-green-soft);
  --nt-card: var(--cp-white);
  --nt-text: var(--cp-ink);
  --nt-muted: var(--cp-muted);
  --nt-green: var(--cp-green);
  --nt-green-deep: var(--cp-green-deep);
  --nt-yellow: #f0b429;
  --nt-blue: var(--cp-green);
  --nt-radius: var(--cp-radius);
  --nt-shadow: var(--cp-shadow);

  --brand-ocean: var(--cp-green);
  --brand-ink: var(--cp-ink);
  --surface-top: var(--cp-white);
  --canvas-bg: var(--cp-canvas);
  --canvas-bg-wide: var(--cp-canvas-wide);
  --nav-top-bg: var(--cp-white);
  --nav-main-bg: var(--cp-white);
  --nav-accent-green: var(--cp-green);
  --nav-accent-yellow: #f0b429;
  --nav-accent-blue: var(--cp-green);
  --nav-text-muted: var(--cp-muted);
  --site-link: var(--cp-green);
  --site-link-hover: var(--cp-green-deep);
  --site-muted-text: var(--cp-muted);
  --site-card-edge: var(--cp-edge);
  --site-accent: var(--cp-green);
  --ip-ink: var(--cp-ink);
  --ip-muted: var(--cp-muted);
  --ip-surface: var(--cp-white);
  --ip-surface-alt: var(--cp-green-soft);
  --ip-edge: var(--cp-edge);
  --ip-accent: var(--cp-green);
  --ip-gold: #f0b429;
  --ip-green: var(--cp-green);
  --ip-blue: var(--cp-green);
  --ip-radius: var(--cp-radius);
}

/* —— Base / phone shell —— */
html,
body {
  background: var(--cp-canvas-wide) !important;
}

body {
  color: var(--cp-ink) !important;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  padding-bottom: 0.75rem !important;
}

body::before {
  background: linear-gradient(180deg, #ffffff 0%, #f4f7f5 40%, #eef3f0 100%) !important;
  box-shadow: none !important;
  border-left: 1px solid var(--cp-edge);
  border-right: 1px solid var(--cp-edge);
}

@media (min-width: 451px) {
  body::before {
    box-shadow: 0 0 0 1px var(--cp-edge), 0 12px 40px rgba(26, 46, 34, 0.08) !important;
  }
}

body.bottom-action-bar-closed,
body {
  padding-bottom: 0.75rem !important;
}

h1, h2, h3, h4, strong {
  color: var(--cp-ink) !important;
  font-family: "Trebuchet MS", "Segoe UI", sans-serif !important;
  letter-spacing: -0.02em;
}

p {
  color: var(--cp-muted);
  line-height: 1.55;
}

a, .themed-link {
  color: var(--cp-green) !important;
}

a:hover, .themed-link:hover {
  color: var(--cp-green-deep) !important;
}

.cp-shell,
.bg-article,
.container,
.ip-main,
main,
article {
  width: min(100%, var(--layout-max, 100%));
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* —— Header —— */
.site-header {
  background: var(--cp-white) !important;
  border-bottom: 2px solid var(--cp-green) !important;
  width: min(100%, var(--layout-max)) !important;
}

.app-install-bar {
  min-height: calc(56px + env(safe-area-inset-top)) !important;
  padding: calc(8px + env(safe-area-inset-top)) 8px 8px 10px !important;
  background: linear-gradient(90deg, var(--cp-green-deep), var(--cp-green)) !important;
  color: #fff !important;
  border-bottom: none !important;
}

.app-install-bar__close {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 22px !important;
}

.app-install-bar__icon {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: rgba(15, 90, 42, 0.35) !important;
}

.app-install-bar__title,
.app-install-bar__amount {
  color: #fff !important;
}

.app-install-bar__title {
  font-size: 10.5px !important;
  letter-spacing: 0.1em !important;
}

.app-install-bar__amount {
  font-weight: 800 !important;
  font-size: 13px !important;
}

.app-install-bar__button {
  background: #fff !important;
  color: var(--cp-green-deep) !important;
  font-weight: 700 !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  border: 0 !important;
}

.site-nav {
  min-height: 58px !important;
  padding: 8px 8px 8px 10px !important;
  background: var(--cp-white) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--cp-edge) !important;
}

.site-nav__toggle {
  color: var(--cp-ink) !important;
  border: 1px solid var(--cp-edge) !important;
  border-radius: 6px !important;
  background: var(--cp-green-soft) !important;
}

.site-nav__logo img {
  max-height: 40px;
  width: auto;
}

.site-nav__cta {
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.site-nav__cta--login {
  border: 1.5px solid var(--cp-green) !important;
  color: var(--cp-green) !important;
  background: transparent !important;
}

.site-nav__cta--register {
  background: var(--cp-green) !important;
  color: #fff !important;
  border: none !important;
}

.site-nav__badge {
  background: #f0b429 !important;
  color: #1a2e22 !important;
  border-radius: 4px !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}

.site-menu {
  padding: 10px !important;
  background: var(--cp-white) !important;
  border-bottom: 1px solid var(--cp-edge);
  box-shadow: 0 12px 28px rgba(26, 46, 34, 0.12) !important;
}

.site-header.is-menu-open .site-menu {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
}

.site-menu a {
  padding: 11px 10px !important;
  color: var(--cp-ink) !important;
  border: 1px solid var(--cp-gray-soft) !important;
  border-radius: 6px !important;
  background: var(--cp-gray-soft) !important;
  font-size: 0.88rem !important;
  text-align: center;
  text-decoration: none !important;
  font-weight: 600;
}

.site-menu a[aria-current="page"],
.site-menu a.is-current {
  color: var(--cp-green) !important;
  font-weight: 700;
  border-color: #b8dfc8 !important;
  background: var(--cp-green-soft) !important;
}

/* —— Comparativo layout —— */
.cp-shell {
  padding: 0 14px 18px;
}

.cp-kicker {
  display: inline-block;
  margin: 14px 0 8px;
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--cp-green);
  background: var(--cp-green-soft);
  border-radius: 4px;
  border: 1px solid #c6e8d2;
}

.cp-title {
  font-size: 1.4rem;
  line-height: 1.25;
  margin: 0 0 10px;
}

.cp-lead {
  font-size: 0.94rem;
  color: var(--cp-muted);
  margin: 0 0 16px;
  line-height: 1.55;
}

/* Hero figure — missing assets don’t look broken */
.cp-figure,
figure.cp-figure {
  margin: 0 0 16px;
  padding: 8px;
  background: var(--cp-green-soft);
  border: 1px solid var(--cp-edge);
  border-radius: var(--cp-radius);
  box-sizing: border-box;
  min-height: 180px;
}

.cp-figure img,
.cp-hero-img,
.bg-figure img,
.promo-photo-frame img,
.promo-photo-frame picture img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 180px;
  object-fit: cover;
  background: #ddd;
  border-radius: calc(var(--cp-radius) - 2px);
  border: 1px solid var(--cp-edge);
}

.cp-figure figcaption {
  font-size: 0.72rem;
  color: var(--cp-muted);
  margin-top: 8px;
  text-align: center;
}

.cp-hero-img {
  margin: 0 0 16px;
  border-radius: var(--cp-radius);
}

/* Verdict banner */
.cp-verdict {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 18px;
}

.cp-verdict__card {
  border-radius: var(--cp-radius);
  padding: 14px 12px;
  text-align: center;
  border: 2px solid transparent;
}

.cp-verdict__card--sim {
  background: var(--cp-green-soft);
  border-color: var(--cp-green);
}

.cp-verdict__card--nao {
  background: var(--cp-gray-soft);
  border-color: var(--cp-no);
  opacity: 0.85;
}

.cp-verdict__label {
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.cp-verdict__card--sim .cp-verdict__label { color: var(--cp-green); }
.cp-verdict__card--nao .cp-verdict__label { color: var(--cp-gray); }

.cp-verdict__word {
  display: block;
  font-size: 1.85rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 6px;
}

.cp-verdict__card--sim .cp-verdict__word { color: var(--cp-green); }
.cp-verdict__card--nao .cp-verdict__word { color: var(--cp-gray); text-decoration: line-through; }

.cp-verdict__note {
  font-size: 0.76rem;
  color: var(--cp-muted);
  margin: 0;
  line-height: 1.35;
}

/* Comparison table */
.cp-table-wrap {
  overflow-x: auto;
  margin: 0 0 20px;
  border: 1px solid var(--cp-edge);
  border-radius: var(--cp-radius);
  background: var(--cp-white);
  box-shadow: var(--cp-shadow);
}

.cp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.82rem;
  min-width: 300px;
}

.cp-table th,
.cp-table td {
  padding: 11px 10px;
  text-align: left;
  border-bottom: 1px solid var(--cp-edge);
  vertical-align: middle;
}

.cp-table thead th {
  background: var(--cp-green);
  color: #fff !important;
  font-weight: 700;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.cp-table thead th:nth-child(2) {
  background: var(--cp-green-deep);
}

.cp-table tbody tr:nth-child(even) {
  background: #fafcfb;
}

.cp-table tbody tr:last-child td {
  border-bottom: none;
}

.cp-table__item {
  font-weight: 600;
  color: var(--cp-ink);
  width: 34%;
}

.cp-yes {
  color: var(--cp-check);
  font-weight: 700;
}

.cp-yes::before {
  content: "✓ ";
  font-weight: 800;
}

.cp-no {
  color: var(--cp-gray);
}

.cp-no::before {
  content: "— ";
}

/* Pros / cons */
.cp-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 0 20px;
}

.cp-col {
  border-radius: var(--cp-radius);
  padding: 14px 12px;
  border: 1px solid var(--cp-edge);
}

.cp-col--pros {
  background: var(--cp-green-soft);
  border-color: #b8dfc8;
}

.cp-col--cons {
  background: var(--cp-gray-soft);
  border-color: #d8dcd9;
}

.cp-col h2 {
  font-size: 0.95rem !important;
  margin: 0 0 10px !important;
}

.cp-col ul {
  margin: 0;
  padding: 0 0 0 16px;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--cp-ink);
}

.cp-col li + li { margin-top: 6px; }

/* PIX tips */
.cp-tips {
  margin: 0 0 20px;
  padding: 14px;
  background: var(--cp-white);
  border: 1px solid var(--cp-edge);
  border-left: 4px solid var(--cp-green);
  border-radius: var(--cp-radius);
}

.cp-tips h2 {
  font-size: 1.02rem !important;
  margin: 0 0 10px !important;
}

.cp-tips ol {
  margin: 0;
  padding: 0 0 0 18px;
  font-size: 0.86rem;
  line-height: 1.5;
  color: var(--cp-muted);
}

.cp-tips li + li { margin-top: 7px; }

.cp-tips strong { color: var(--cp-ink) !important; }

/* CTA block */
.cp-cta {
  text-align: center;
  padding: 20px 14px;
  margin: 0 0 18px;
  background: linear-gradient(160deg, var(--cp-green-deep), var(--cp-green));
  border-radius: var(--cp-radius);
  color: #fff;
}

.cp-cta h2 {
  color: #fff !important;
  font-size: 1.12rem !important;
  margin: 0 0 8px !important;
}

.cp-cta p {
  margin: 0 0 12px;
  font-size: 0.86rem;
  opacity: 0.92;
  color: #e8f6ee;
}

.cp-cta__btn {
  display: inline-block;
  padding: 12px 22px;
  background: #fff !important;
  color: var(--cp-green-deep) !important;
  font-weight: 800;
  border-radius: 6px;
  text-decoration: none !important;
  font-size: 0.95rem;
}

.cp-cta__meta {
  display: block;
  margin-top: 10px;
  font-size: 0.72rem;
  opacity: 0.85;
}

.cp-spec-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
  justify-content: center;
}

.cp-spec-strip span {
  font-size: 0.72rem;
  padding: 5px 9px;
  background: var(--cp-white);
  border: 1px solid var(--cp-edge);
  border-radius: 4px;
  color: var(--cp-muted);
}

.cp-spec-strip strong {
  color: var(--cp-green) !important;
  font-size: inherit !important;
}

/* Promo 2×2 */
.cp-promo,
#promo-app {
  margin: 0 0 20px;
  padding: 14px;
  background: var(--cp-white);
  border: 1px solid var(--cp-edge);
  border-radius: var(--cp-radius);
  box-shadow: var(--cp-shadow);
}

.cp-promo h2,
#promo-app h2 {
  font-size: 1.05rem !important;
  margin: 0 0 8px !important;
  color: var(--cp-ink) !important;
}

.cp-promo .promo-grid-lead,
#promo-app .promo-grid-lead {
  font-size: 0.84rem;
  color: var(--cp-muted);
  margin: 0 0 12px;
}

.cp-promo .promo-photo-grid,
#promo-app .promo-photo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

.cp-promo .promo-photo-frame,
#promo-app .promo-photo-frame {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 6px;
  background: var(--cp-green-soft);
  border: 1px solid var(--cp-edge);
  border-radius: var(--cp-radius);
  box-sizing: border-box;
  min-height: 140px;
}

.cp-promo .promo-photo-frame picture,
#promo-app .promo-photo-frame picture {
  display: block;
  width: 100%;
  background: #ddd;
  border-radius: 6px;
  min-height: 120px;
  line-height: 0;
}

.cp-promo .promo-photo-frame figcaption,
#promo-app .promo-photo-frame figcaption {
  color: var(--cp-green-deep) !important;
  font-size: 0.68rem !important;
  margin-top: 6px;
}

.cp-highlights {
  margin: 0 0 18px;
  padding: 14px;
  background: var(--cp-white);
  border: 1px solid var(--cp-edge);
  border-radius: var(--cp-radius);
}

.cp-highlights h2 {
  font-size: 1.02rem !important;
  margin: 0 0 10px !important;
}

.cp-highlights ol {
  margin: 0;
  padding: 0 0 0 18px;
  font-size: 0.86rem;
  color: var(--cp-muted);
  line-height: 1.5;
}

.cp-highlights li + li { margin-top: 7px; }

.cp-highlights strong { color: var(--cp-ink) !important; }

.cp-contact {
  margin: 0 0 14px;
  padding: 14px;
  background: var(--cp-white);
  border: 1px solid var(--cp-edge);
  border-radius: var(--cp-radius);
  font-size: 0.85rem;
  line-height: 1.5;
}

.cp-contact h2 {
  font-size: 1rem !important;
  margin: 0 0 8px !important;
}

.cp-faq details {
  margin-bottom: 8px;
  border: 1px solid var(--cp-edge);
  border-radius: 6px;
  background: var(--cp-white);
  padding: 10px 12px;
}

.cp-faq summary {
  font-weight: 700;
  cursor: pointer;
  color: var(--cp-ink);
  font-size: 0.88rem;
}

.cp-faq p {
  margin: 8px 0 0;
  font-size: 0.84rem;
  color: var(--cp-muted);
  line-height: 1.45;
}

.cp-related {
  margin: 0 0 16px;
  font-size: 0.85rem;
}

.cp-related h2 {
  font-size: 0.98rem !important;
  margin: 0 0 10px !important;
}

.cp-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.cp-chip {
  display: inline-block;
  padding: 7px 12px;
  background: var(--cp-white);
  border: 1px solid var(--cp-edge);
  border-radius: 999px;
  font-size: 0.78rem;
  color: var(--cp-green) !important;
  text-decoration: none !important;
  font-weight: 600;
}

.cp-chip:hover {
  border-color: var(--cp-green);
  background: var(--cp-green-soft);
}

/* —— Buttons —— */
.btn,
.btn-success,
.btn-primary,
.btn-lg,
a.btn-success,
a.btn-primary,
.site-nav__cta,
.app-install-bar__button {
  border-radius: 6px !important;
}

.btn-success,
.btn-primary,
a.btn-success,
a.btn-primary {
  background: var(--cp-green) !important;
  border-color: var(--cp-green-deep) !important;
  color: #fff !important;
  font-weight: 700 !important;
}

.btn-primary {
  background: var(--cp-green-deep) !important;
}

.btn-primary:hover {
  background: var(--cp-green) !important;
}

.bg-primary,
body > .bg-primary {
  background: var(--cp-green) !important;
  padding: 1rem 0.75rem !important;
}

/* —— Forms —— */
input,
textarea,
select,
.form-control,
.ip-form input,
.ip-form textarea,
.ip-form select,
.login-form input,
.registration-form input,
.feedback-form input,
.feedback-form textarea {
  background: var(--cp-white) !important;
  border: 1px solid var(--cp-edge) !important;
  border-radius: 6px !important;
  color: var(--cp-ink) !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  border-color: var(--cp-green) !important;
  outline: 2px solid rgba(26, 122, 60, 0.22);
  outline-offset: 1px;
}

label,
.form-label {
  color: var(--cp-ink) !important;
  font-weight: 600;
}

/* —— Inner pages —— */
.nt-breadcrumb {
  width: min(100%, var(--layout-max));
  margin: 0 auto;
  padding: 0.55rem var(--nav-pad-x) 0.15rem;
  box-sizing: border-box;
  background: var(--cp-green-soft) !important;
  border-bottom: 1px solid #c6e8d2;
}

.nt-breadcrumb a { color: var(--cp-green) !important; }

.nt-breadcrumb [aria-current="page"] {
  color: var(--cp-ink);
  font-weight: 700;
}

.download-hero {
  padding-top: 0.9rem !important;
  padding-bottom: 1rem !important;
}

.download-hero h1 { color: var(--cp-ink) !important; }

.hero-lead { color: var(--cp-muted) !important; }

.hero-banner img,
.download-hero .hero-banner img {
  background: #ddd;
  min-height: 180px;
  object-fit: cover;
  border-radius: var(--cp-radius);
  border: 1px solid var(--cp-edge);
}

.ip-main,
.ip-block,
.ip-panel,
.content-section,
.ip-media-block__frame,
.faq-item,
.login-method-card,
.registration-method-card,
.contact-method-card,
.feedback-category-card,
.ip-login-card,
.ip-bonus-card,
.ip-pix-node,
.ip-ajuda-card,
.ip-feedback-card,
.ip-bet-point,
.ip-dl-step,
.ip-dl-spec,
.ip-faq-group,
.ip-note {
  background: var(--cp-white) !important;
  border: 1px solid var(--cp-edge) !important;
  border-radius: var(--cp-radius) !important;
  box-shadow: var(--cp-shadow) !important;
  color: var(--cp-ink) !important;
}

.content-section h2,
.ip-block h2 {
  color: var(--cp-ink) !important;
}

.content-section p,
.ip-block p,
.faq-answer {
  color: var(--cp-muted) !important;
}

.ip-timeline__item {
  border-left-color: var(--cp-green) !important;
}

.app-spec-table {
  background: var(--cp-white) !important;
  border: 1px solid var(--cp-edge) !important;
  border-radius: var(--cp-radius) !important;
}

.app-spec-table th {
  background: var(--cp-green) !important;
  color: #fff !important;
}

.app-spec-table td {
  border-bottom: 1px solid var(--cp-edge) !important;
  color: var(--cp-ink);
}

.ip-dl-step__num,
.ip-login-card__icon,
.ip-pix-node__icon,
.ip-ajuda-card__icon {
  background: var(--cp-green) !important;
  color: #fff !important;
  border-radius: 6px !important;
}

.ip-bet-tabs__nav label {
  border: 1px solid var(--cp-edge) !important;
  border-radius: 6px !important;
  background: var(--cp-gray-soft) !important;
  color: var(--cp-muted) !important;
  font-weight: 700;
}

#ip-bet-tab-esporte:checked ~ .ip-bet-tabs__nav label[for="ip-bet-tab-esporte"],
#ip-bet-tab-live:checked ~ .ip-bet-tabs__nav label[for="ip-bet-tab-live"],
#ip-bet-tab-rapido:checked ~ .ip-bet-tabs__nav label[for="ip-bet-tab-rapido"] {
  background: var(--cp-green) !important;
  border-color: var(--cp-green) !important;
  color: #fff !important;
}

.page-toc-wrap {
  background: var(--cp-white) !important;
  border: 1px solid var(--cp-edge) !important;
  border-radius: var(--cp-radius) !important;
}

.page-toc a { color: var(--cp-green) !important; }

/* —— Footer: chips em nuvem (≠ 3 colunas) —— */
.site-footer {
  width: min(100%, var(--layout-max));
  margin: 0.5rem auto 0 !important;
  padding: 1.15rem 12px 0.9rem !important;
  background: linear-gradient(180deg, #164528 0%, #0f2a1a 100%) !important;
  color: #d5e8db !important;
  border-top: 3px solid var(--cp-green) !important;
  text-align: center;
}

.site-footer__nav {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0.85rem !important;
  grid-template-columns: none !important;
}

.site-footer__group {
  width: 100%;
  align-items: center !important;
  gap: 0.45rem !important;
}

.site-footer__group-label {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0.2rem 0.65rem !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
}

.site-footer__list {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  flex-direction: row !important;
}

.site-footer__list a {
  display: inline-block !important;
  padding: 0.35rem 0.7rem !important;
  border: 1px solid rgba(168, 212, 184, 0.45) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: #e8f6ee !important;
  font-size: 0.78rem !important;
  font-weight: 650 !important;
  text-decoration: none !important;
}

.site-footer__list a:hover,
.site-footer__list a[aria-current="page"] {
  background: var(--cp-green) !important;
  border-color: var(--cp-green) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.site-footer__meta {
  border-top: 1px solid rgba(168, 212, 184, 0.25) !important;
  color: #b8d4c4 !important;
  text-align: center !important;
}

.site-footer__meta strong { color: #fff !important; }

.nt-footer-note {
  width: min(100%, var(--layout-max));
  margin: 0 auto;
  padding: 0.65rem var(--nav-pad-x) 0.85rem;
  box-sizing: border-box;
  background: #0c2014 !important;
  color: #b8cfc0 !important;
  border-top: none !important;
  font-size: 0.72rem;
  line-height: 1.55;
  text-align: center;
}

.nt-footer-note a { color: #7dcca0 !important; }

.nt-footer-note strong { color: #e8f6ee !important; }

/* Sem barra inferior fixa */
.bottom-action-bar {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

:focus-visible {
  outline: 2px solid var(--cp-green);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .site-header.is-menu-open .site-menu {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .cp-title { font-size: 1.55rem; }
}