:root {
  --ink: #161510;
  --soil: #675846;
  --sage: #87967b;
  --sage-light: #d9d8cf;
  --paper: #eee9df;
  --fog: #d7d1c3;
  --charcoal: #14130f;
  --gold: #c49a4b;
  --line: rgba(28,33,29,.16);
  --white: #f8f6f0;
  --radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
button, textarea { font: inherit; }
button { cursor: pointer; }
.shell { max-width: 1120px; margin: 0 auto; background: var(--paper); min-height: 100vh; }
.hero { min-height: 74vh; position: relative; display: flex; align-items: flex-end; overflow: hidden; background: var(--charcoal); }
.hero__image { position: absolute; inset: 0; background: url('/assets/hero-oraculo.jpg') center center / cover no-repeat; filter: saturate(.88) contrast(1.02) brightness(.78); transform: scale(1.015); }
.hero__veil { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,8,6,.92) 0%, rgba(8,8,6,.78) 38%, rgba(8,8,6,.28) 68%, rgba(8,8,6,.18) 100%), linear-gradient(180deg, rgba(10,10,8,.08), rgba(10,10,8,.42) 75%, rgba(10,10,8,.72)); }
.hero__content { position: relative; z-index: 2; color: var(--white); padding: clamp(34px, 7vw, 78px); width: min(670px, 100%); text-shadow: 0 2px 18px rgba(0,0,0,.34); }
.eyebrow { letter-spacing: .18em; font-size: .72rem; font-weight: 750; margin: 0 0 16px; text-transform: uppercase; }
.hero .eyebrow { color: #d8b567; }
.eyebrow.dark { color: #53614f; }
h1, h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; margin: 0; }
h1 { font-size: clamp(3.7rem, 10vw, 8rem); line-height: .88; letter-spacing: -.045em; }
.subtitle { margin: 16px 0 48px; font-family: Georgia, serif; font-size: clamp(1.45rem, 3vw, 2.15rem); color: #d9b76f; }
.principle { font-family: Georgia, serif; font-size: clamp(1.4rem, 3.3vw, 2.3rem); line-height: 1.2; max-width: 650px; margin: 0; }
.panel { display: grid; grid-template-columns: 70px 1fr; gap: 28px; padding: clamp(52px, 8vw, 96px) clamp(24px, 7vw, 80px); border-bottom: 1px solid var(--line); }
.section-number { font-family: Georgia, serif; color: #6d7968; font-size: 1rem; padding-top: 6px; }
h2 { font-size: clamp(2.2rem, 5vw, 4.1rem); line-height: .98; max-width: 790px; }
.lead { font-size: 1.08rem; line-height: 1.7; max-width: 720px; color: #4b504b; margin: 28px 0 32px; }
.field-label { display: block; font-weight: 700; margin-bottom: 10px; }
textarea { width: 100%; min-height: 150px; resize: vertical; padding: 20px; border: 1px solid #aeb5aa; border-radius: 15px; background: rgba(255,255,255,.38); color: var(--ink); outline: none; font-size: 1.05rem; line-height: 1.55; }
textarea:focus { border-color: #66745f; box-shadow: 0 0 0 3px rgba(102,116,95,.12); }
.spread { background: var(--sage-light); }
.spread-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 34px 0 24px; }
.spread-card { text-align: left; border: 1px solid rgba(36,50,38,.18); background: rgba(248,246,240,.45); padding: 25px; border-radius: 18px; color: var(--ink); min-height: 160px; transition: .2s ease; }
.spread-card:hover, .spread-card.active { background: var(--ink); color: var(--white); transform: translateY(-2px); }
.spread-card__count { display: block; font-family: Georgia, serif; font-size: 2.2rem; margin-bottom: 20px; }
.spread-card strong { display: block; font-family: Georgia, serif; font-size: 1.35rem; font-weight: 500; margin-bottom: 8px; }
.spread-card small { line-height: 1.45; opacity: .8; }
.primary, .secondary { border-radius: 999px; padding: 14px 22px; border: 1px solid transparent; font-weight: 750; }
.primary { background: var(--ink); color: var(--white); }
.primary.light { background: var(--paper); color: var(--ink); margin-top: 36px; }
.secondary { background: transparent; border-color: #7d8778; color: var(--ink); }
.primary:disabled { opacity: .45; cursor: wait; }
.table-section { background: #202820; color: var(--white); padding: clamp(58px, 8vw, 96px) clamp(24px, 7vw, 80px); }
.table-head { max-width: 760px; }
.table-head h2 { margin-bottom: 20px; }
.table-head p:last-child { color: #c9d0c5; line-height: 1.65; }
.cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 820px; margin-top: 42px; }
.card { aspect-ratio: 2 / 3.15; border: 1px solid rgba(238,233,223,.38); border-radius: 17px; padding: 18px; display: flex; align-items: flex-end; position: relative; overflow: hidden; background: linear-gradient(145deg, #354037, #1f2821); opacity: 0; transform: translateY(12px) rotate(.6deg); animation: reveal .65s ease forwards; }
.card:nth-child(2) { animation-delay: .18s; transform: translateY(12px) rotate(-.5deg); }
.card:nth-child(3) { animation-delay: .36s; transform: translateY(12px) rotate(.4deg); }
.card::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(238,233,223,.2); border-radius: 11px; }
.card::after { content: ""; position: absolute; width: 62%; aspect-ratio: 1; border: 1px solid rgba(156,172,146,.4); border-radius: 50%; top: 18%; left: 19%; }
.card__label { position: relative; z-index: 2; }
.card__position { display: block; text-transform: uppercase; font-size: .68rem; letter-spacing: .14em; color: #b9c4b4; margin-bottom: 8px; }
.card__name { font-family: Georgia, serif; font-size: clamp(1.15rem, 2.4vw, 1.7rem); line-height: 1.05; }
@keyframes reveal { to { opacity: 1; transform: translateY(0) rotate(0); } }
.result { background: #f2eee5; }
.reading-text { max-width: 760px; margin-top: 34px; font-size: 1.06rem; line-height: 1.72; color: #333a34; }
.reading-text h3 { font-family: Georgia, serif; color: var(--ink); font-size: 1.4rem; margin: 32px 0 10px; font-weight: 500; }
.reading-text p { margin: 0 0 18px; }
.loading { margin-top: 34px; }
.loading span { display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #66745f; animation: pulse 1s infinite alternate; }
.loading span:nth-child(2) { animation-delay: .2s; }.loading span:nth-child(3) { animation-delay: .4s; }
.loading p { color: #596058; }
@keyframes pulse { to { opacity: .25; transform: translateY(-4px); } }
.result-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.saved { background: #e3e0d7; }
.saved-item { border-top: 1px solid rgba(28,33,29,.18); padding: 22px 0; max-width: 760px; }
.saved-item:first-child { margin-top: 30px; }
.saved-item time { font-size: .78rem; color: #697067; }
.saved-item strong { display: block; font-family: Georgia, serif; font-size: 1.15rem; margin: 7px 0; }
.saved-item p { line-height: 1.55; color: #4d554d; }
footer { padding: 44px clamp(24px, 7vw, 80px) 60px; background: var(--ink); color: var(--fog); }
footer p { margin: 0 0 10px; } footer .fine { max-width: 720px; line-height: 1.5; font-size: .82rem; color: #aeb6ac; } footer a { color: #d7ded3; }
[hidden] { display: none !important; }
@media (max-width: 700px) {
  .hero { min-height: 690px; }
  .hero__image { background-image: url('/assets/hero-oraculo-mobile.jpg'); background-position: 62% center; filter: saturate(.82) contrast(1.02) brightness(.62); }
  .hero__veil { background: linear-gradient(180deg, rgba(8,8,6,.25) 0%, rgba(8,8,6,.55) 45%, rgba(8,8,6,.94) 84%); }
  .hero__content { align-self: flex-end; padding-bottom: 54px; }
  .panel { grid-template-columns: 1fr; gap: 12px; }
  .section-number { margin-bottom: 4px; }
  .spread-grid { grid-template-columns: 1fr; }
  .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .card { padding: 10px; border-radius: 11px; }
  .card::before { inset: 8px; }
  .card__position { font-size: .48rem; }
  .card__name { font-size: .82rem; }
}


/* V5: presença autoral, conversão cuidadosa e miniaturas */
.hero-social {
  position: absolute;
  z-index: 4;
  top: 28px;
  right: 30px;
  display: flex;
  gap: 8px;
}
.hero-social a {
  color: #eadbb7;
  text-decoration: none;
  border: 1px solid rgba(216,181,103,.42);
  background: rgba(9,12,9,.52);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 9px 13px;
  font-size: .78rem;
  letter-spacing: .03em;
}
.hero-social a:hover { border-color: #d8b567; background: rgba(9,12,9,.72); }

.card {
  padding: 12px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: #1c2a21;
}
.card::before, .card::after { display: none; }
.card__art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  opacity: .98;
}
.card__label {
  width: calc(100% - 20px);
  margin: 0 10px 8px;
  padding: 38px 10px 10px;
  background: linear-gradient(180deg, transparent, rgba(15,22,17,.94) 55%);
}
.card__position { color: #d7c38e; }
.card__name { color: #f8f2e7; text-shadow: 0 1px 8px rgba(0,0,0,.45); }

.private-session {
  max-width: 760px;
  margin-top: 52px;
  padding: clamp(28px, 5vw, 46px);
  background: #1e3026;
  color: #eee9df;
  border: 1px solid rgba(196,154,75,.35);
  border-radius: 22px;
}
.private-session .eyebrow { color: #c9aa62; }
.private-session h3 {
  margin: 0 0 16px;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(1.7rem, 3vw, 2.35rem);
}
.private-session p:not(.eyebrow) { color: #cfd6cc; line-height: 1.65; max-width: 620px; }
.cta-row { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 19px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 760;
}
.cta.whatsapp { background: #d8c28e; color: #172018; }
.cta.outline { border: 1px solid #738273; color: #f1eee4; }
.cta:hover { transform: translateY(-1px); }

.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 28px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(215,222,211,.16);
}
.footer-links a { color: #d8b567; font-weight: 700; text-decoration: none; }
.footer-links a:hover { text-decoration: underline; }

.reading-bullet { padding-left: 18px; position: relative; }
.reading-bullet::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #66745f; position: absolute; left: 0; top: .7em; }

@media (max-width: 700px) {
  .hero-social { top: 18px; right: 16px; left: 16px; justify-content: flex-end; }
  .hero-social a { font-size: .7rem; padding: 8px 10px; }
  .card__label { width: calc(100% - 8px); margin: 0 4px 2px; padding: 32px 5px 6px; }
  .card__position { font-size: .43rem; }
  .card__name { font-size: .72rem; }
  .private-session { border-radius: 16px; }
  .cta-row { flex-direction: column; }
  .cta { width: 100%; }
}


/* V6 — direção visual inspirada no protótipo verde editorial */
:root {
  --ink: #0e1712;
  --green-950: #0b1812;
  --green-900: #10231a;
  --green-850: #173126;
  --green-800: #1d392d;
  --green-700: #2f5544;
  --sage: #9baa93;
  --paper: #efe9dc;
  --paper-2: #e6e1d5;
  --gold: #c9a65e;
  --gold-soft: #dbc58f;
  --line: rgba(201,166,94,.28);
}

html, body {
  background: var(--green-950) !important;
}

body {
  color: var(--paper);
}

/* elimina completamente a capa antiga */
.hero {
  min-height: 560px !important;
  background:
    radial-gradient(circle at 76% 32%, rgba(77,110,81,.18), transparent 36%),
    linear-gradient(135deg, #0b1711 0%, #12261b 56%, #0b1711 100%) !important;
  background-image:
    radial-gradient(circle at 76% 32%, rgba(77,110,81,.18), transparent 36%),
    linear-gradient(135deg, #0b1711 0%, #12261b 56%, #0b1711 100%) !important;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--line);
}

.hero::before {
  content: "";
  position: absolute;
  width: min(56vw, 700px);
  height: min(56vw, 700px);
  right: -6vw;
  top: -6vw;
  border-radius: 50%;
  border: 1px solid rgba(201,166,94,.12);
  box-shadow:
    0 0 0 46px rgba(201,166,94,.025),
    0 0 0 92px rgba(201,166,94,.018),
    0 0 0 138px rgba(201,166,94,.012);
}

.hero::after {
  content: "";
  position: absolute;
  right: 12%;
  bottom: 7%;
  width: 230px;
  height: 320px;
  opacity: .24;
  background:
    linear-gradient(68deg, transparent 47%, rgba(128,157,120,.42) 48%, rgba(128,157,120,.42) 50%, transparent 51%),
    linear-gradient(112deg, transparent 47%, rgba(128,157,120,.42) 48%, rgba(128,157,120,.42) 50%, transparent 51%),
    linear-gradient(90deg, transparent 49%, rgba(128,157,120,.4) 50%, transparent 51%);
  transform: rotate(-7deg);
  filter: blur(.2px);
}

.hero__ornament {
  position: absolute;
  left: 36px;
  top: 34px;
  display: flex;
  align-items: center;
  gap: 14px;
  color: var(--gold);
  z-index: 3;
  opacity: .95;
}

.hero__eye {
  width: 38px;
  height: 38px;
  border: 1px solid rgba(201,166,94,.55);
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: .85rem;
}

.hero__leaf {
  font-size: 1rem;
  opacity: .7;
}

.hero__content {
  position: relative;
  z-index: 3;
  max-width: 760px;
  padding: 120px 7vw 90px !important;
}

.hero .eyebrow {
  color: var(--gold-soft) !important;
  letter-spacing: .22em;
}

.hero h1 {
  color: #f5f0e6 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4rem, 8vw, 7.2rem) !important;
  line-height: .94 !important;
  font-weight: 500 !important;
  margin: 18px 0 8px !important;
  letter-spacing: -.04em;
}

.hero__subtitle {
  color: var(--gold-soft) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.6vw, 2.1rem) !important;
  margin: 0 0 28px !important;
}

.hero__rule {
  width: 88px;
  height: 1px;
  background: var(--gold);
  opacity: .8;
  margin: 28px 0;
}

.hero__statement {
  color: #ebe6da !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 2.5vw, 2.15rem) !important;
  line-height: 1.24;
  max-width: 500px;
}

/* fundo verde contínuo do aplicativo */
main {
  background: var(--green-950) !important;
}

.section,
section {
  border-color: var(--line) !important;
}

/* painéis claros, como no protótipo, agora flutuando sobre o fundo verde */
#acolhimento,
#tiragem,
#leitura,
#memoria {
  max-width: 1220px;
  margin: 0 auto 28px;
  border-radius: 26px;
  overflow: hidden;
}

#acolhimento {
  background: var(--paper) !important;
  color: var(--ink) !important;
  margin-top: 26px;
}

#tiragem {
  background: var(--paper-2) !important;
  color: var(--ink) !important;
}

#mesa {
  max-width: 1220px;
  margin: 0 auto 28px;
  background: var(--green-900) !important;
  color: var(--paper) !important;
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid var(--line);
}

#leitura {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

#memoria {
  background: #dedbd0 !important;
  color: var(--ink) !important;
}

#acolhimento h2,
#tiragem h2,
#leitura h2,
#memoria h2 {
  color: var(--ink) !important;
}

#mesa h2 {
  color: var(--paper) !important;
}

textarea,
input {
  background: rgba(255,255,255,.28) !important;
  border: 1px solid #9ea596 !important;
  color: var(--ink) !important;
}

.spread-option {
  background: rgba(255,255,255,.24) !important;
  border-color: rgba(28,52,40,.16) !important;
}

.spread-option.active,
.spread-option[aria-pressed="true"] {
  background: #121a15 !important;
  color: var(--paper) !important;
  border-color: #121a15 !important;
}

button.primary,
#openTable {
  background: #121a15 !important;
  color: var(--paper) !important;
}

#mesa button.primary,
#receiveReading {
  background: var(--paper) !important;
  color: var(--ink) !important;
}

.private-session {
  background: var(--green-850) !important;
  border-color: rgba(201,166,94,.38) !important;
}

footer {
  max-width: 1220px;
  margin: 0 auto 40px;
  border-radius: 22px;
  background: #0b100d !important;
  border: 1px solid rgba(201,166,94,.15);
}

/* integração mais elegante das miniaturas */
.card {
  background: #15261d !important;
  border-color: rgba(201,166,94,.34) !important;
  box-shadow: inset 0 0 0 1px rgba(201,166,94,.07);
}

.card__art {
  filter: saturate(.9) contrast(1.02);
}

/* remove qualquer branco externo deixado pelas seções antigas */
.page,
.shell,
.app,
.content {
  background: transparent !important;
}

/* barra social mais refinada */
.hero-social {
  top: 34px !important;
  right: 36px !important;
}
.hero-social a {
  color: #f0e8d6 !important;
  border-color: rgba(201,166,94,.38) !important;
  background: rgba(8,16,12,.48) !important;
}

/* leitura */
.reading-text h3 {
  color: var(--green-800) !important;
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: .03em;
}
.reading-text p {
  color: #39433b !important;
}

/* memória */
.saved-item {
  border-color: rgba(16,35,26,.18) !important;
}

/* mobile */
@media (max-width: 760px) {
  .hero { min-height: 500px !important; }
  .hero__content { padding: 110px 24px 68px !important; }
  .hero h1 { font-size: clamp(3.2rem, 15vw, 5rem) !important; }
  .hero__ornament { left: 18px; top: 18px; }
  .hero-social { top: 18px !important; right: 16px !important; }
  #acolhimento, #tiragem, #mesa, #leitura, #memoria, footer {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 18px;
  }
}


/* V7 — protótipo fiel: capa verde real e cartas ilustradas */
.hero__image,
.hero__veil {
  display: none !important;
  background: none !important;
  background-image: none !important;
}

.hero {
  min-height: 610px !important;
  align-items: center !important;
  background:
    radial-gradient(circle at 82% 26%, rgba(116,148,116,.15), transparent 28%),
    radial-gradient(circle at 16% 88%, rgba(62,96,73,.13), transparent 26%),
    linear-gradient(130deg, #0b1711 0%, #10231a 58%, #0a1510 100%) !important;
  color: #f2ece0;
}

.hero-brandmark {
  position: absolute;
  top: 28px;
  left: 34px;
  width: 50px;
  color: #c9a65e;
  z-index: 4;
}
.hero-brandmark svg { width: 100%; height: auto; }

.hero-botanical {
  position: absolute;
  z-index: 1;
  right: 5%;
  bottom: -6%;
  width: min(41vw, 500px);
  color: #7a9876;
  opacity: .44;
  pointer-events: none;
}

.hero__content {
  padding: 92px 7vw 70px !important;
  width: min(740px, 80%) !important;
  align-self: center !important;
  text-shadow: none !important;
}

.hero h1 {
  font-size: clamp(4rem, 8vw, 7.5rem) !important;
  line-height: .92 !important;
  margin-bottom: 12px !important;
}
.hero .subtitle {
  color: #d0b16b !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.5rem, 2.7vw, 2.2rem) !important;
}
.hero .principle {
  color: #eae5d9 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(1.25rem, 2.3vw, 1.9rem) !important;
  margin-top: 34px !important;
  line-height: 1.25;
}

.hero-social {
  top: 30px !important;
  right: 34px !important;
}
.hero-social a {
  border-color: rgba(201,166,94,.35) !important;
  background: rgba(8,16,12,.45) !important;
  color: #e9dfcb !important;
}

/* carta: mais próxima da arte do protótipo */
.card {
  min-height: 420px !important;
  aspect-ratio: 250 / 390 !important;
  padding: 0 !important;
  background: #10231a !important;
  overflow: hidden;
  border: 1px solid rgba(197,157,82,.48) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.16);
}
.card__art {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 1 !important;
}
.card__label {
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 12px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 54px 12px 12px !important;
  background: linear-gradient(180deg, transparent, rgba(7,14,10,.92) 50%) !important;
  pointer-events: none;
}
.card__position {
  color: #cfb36f !important;
  letter-spacing: .17em;
  font-size: .66rem !important;
}
.card__name {
  color: #f3ecdc !important;
  font-size: clamp(1rem,1.4vw,1.3rem) !important;
}

.cards {
  align-items: stretch !important;
}

/* fundo contínuo do protótipo */
body, .shell, main {
  background: #08150f !important;
}

/* painéis mais largos, arredondados e integrados */
.panel, #mesa, footer {
  box-shadow: 0 16px 45px rgba(0,0,0,.08);
}

/* mobile */
@media (max-width: 760px) {
  .hero {
    min-height: 540px !important;
  }
  .hero__content {
    width: 100% !important;
    padding: 112px 24px 60px !important;
  }
  .hero-botanical {
    width: 78vw;
    right: -18%;
    bottom: -4%;
    opacity: .27;
  }
  .hero-brandmark { top: 18px; left: 18px; width: 42px; }
  .card { min-height: 330px !important; }
}


/* V8 — contraste corrigido */
#guardadas h2,
#guardadas .saved-item strong,
#guardadas .saved-item h3,
#guardadas .saved-title,
#guardadas .saved-cards {
  color: #173126 !important;
  opacity: 1 !important;
}

#guardadas .saved-item p,
#guardadas .saved-item time,
#guardadas .saved-item div {
  color: #49564d !important;
}

#guardadas .eyebrow {
  color: #425d4a !important;
}

.spread__badge {
  display: inline-flex;
  margin-top: 14px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #d8c28e;
  color: #18231c;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .11em;
}
.spread__badge.premium {
  background: transparent;
  border: 1px solid rgba(201,166,94,.48);
  color: #7d6a3d;
}
.spread-option.active .spread__badge.premium,
.spread-option[aria-pressed="true"] .spread__badge.premium {
  color: #ead8ad;
}
.freemium-note {
  max-width: 680px;
  margin-top: 22px;
  font-size: .9rem;
  line-height: 1.6;
  color: #5f675f;
}

.support-oracle,
.feedback-panel,
.testimonials-panel {
  max-width: 1220px;
  margin: 0 auto 28px;
  border-radius: 26px;
  overflow: hidden;
}
.support-oracle {
  background: #173126;
  color: #eee7d8;
  border: 1px solid rgba(201,166,94,.34);
}
.support-oracle__inner,
.feedback-panel__inner,
.testimonials-panel__inner {
  padding: clamp(32px, 5vw, 58px);
}
.support-oracle h2,
.feedback-panel h2,
.testimonials-panel h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1.03;
  margin: 0 0 16px;
}
.support-oracle p {
  max-width: 760px;
  color: #d6ddd3;
  line-height: 1.7;
}
.support-values {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 26px 0 14px;
}
.support-values button {
  border: 1px solid rgba(216,194,142,.55);
  background: transparent;
  color: #f3ead4;
  border-radius: 999px;
  padding: 12px 19px;
  font-weight: 800;
  cursor: pointer;
}
.support-values button:hover {
  background: #d8c28e;
  color: #172018;
}
.support-note {
  font-size: .84rem;
  opacity: .76;
}

.feedback-panel {
  background: #efe9dc;
  color: #122018;
}
.feedback-panel h2,
.testimonials-panel h2 {
  color: #173126;
}
.feedback-panel textarea {
  width: 100%;
  min-height: 130px;
  margin: 18px 0;
}
.stars {
  display: flex;
  gap: 6px;
  margin-top: 20px;
}
.stars button {
  appearance: none;
  border: 0;
  background: transparent;
  font-size: 2rem;
  color: #b8b2a6;
  padding: 0;
  cursor: pointer;
}
.stars button.active {
  color: #b48732;
}
.consent-line {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.45;
  margin-bottom: 18px;
}
.consent-line input {
  width: auto;
  margin-top: 4px;
}
.feedback-status {
  margin-top: 12px;
  color: #3f5946;
  font-size: .9rem;
}

.testimonials-panel {
  background: #0e1d16;
  color: #ece6da;
  border: 1px solid rgba(201,166,94,.22);
}
.testimonials-panel .eyebrow {
  color: #c9a65e;
}
.testimonials-panel h2 {
  color: #f1eadc;
}
.testimonial-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
  margin-top: 26px;
}
.testimonial-card {
  border: 1px solid rgba(201,166,94,.22);
  border-radius: 18px;
  padding: 22px;
  background: rgba(255,255,255,.025);
}
.testimonial-card p {
  color: #d9ddd5;
  line-height: 1.65;
}
.testimonial-card span {
  color: #9aaa9d;
  font-size: .8rem;
}
.testimonial-stars {
  color: #c9a65e;
  letter-spacing: .1em;
  margin-bottom: 12px;
}

@media (max-width: 760px) {
  .support-oracle,
  .feedback-panel,
  .testimonials-panel {
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 18px;
  }
  .testimonial-list { grid-template-columns: 1fr; }
}


/* V8.1 — correção definitiva da memória: seletor real é #guardadas */
#guardadas {
  max-width: 1220px !important;
  margin: 0 auto 28px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  background: #e5e0d5 !important;
  color: #17291f !important;
}

#guardadas h2 {
  color: #173126 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

#guardadas .eyebrow,
#guardadas .section-number {
  color: #4d6655 !important;
  opacity: 1 !important;
}

#guardadas #savedList,
#guardadas .saved-item,
#guardadas .saved-item * {
  opacity: 1 !important;
}

#guardadas .saved-item strong {
  display: block;
  color: #173126 !important;
  font-weight: 700 !important;
}

#guardadas .saved-item time {
  color: #617067 !important;
}

#guardadas .saved-item p {
  color: #3f4d45 !important;
}

#guardadas .saved-item {
  border-color: rgba(23,49,38,.18) !important;
}

/* V8.1 freemium */
.spread-badge {
  display: inline-flex;
  align-self: flex-start;
  margin-top: 12px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #d8c28e;
  color: #172018;
  font-size: .62rem;
  letter-spacing: .11em;
  font-weight: 850;
}
.spread-badge.premium {
  background: transparent;
  border: 1px solid rgba(156,126,64,.42);
  color: #705c31;
}
.spread-card.active .spread-badge,
.spread-card.active .spread-badge.premium {
  color: #18231c;
  background: #d8c28e;
  border-color: transparent;
}
.freemium-note {
  max-width: 690px;
  margin: 20px 0 0;
  line-height: 1.55;
  color: #576158;
  font-size: .88rem;
}

/* V8.1 sustainability / feedback sections */
.support-oracle,
.feedback-panel,
.testimonials-panel {
  max-width: 1220px;
  margin: 0 auto 28px;
  border-radius: 26px;
  overflow: hidden;
}
.support-oracle {
  background: #173126;
  color: #efe8d9;
  border: 1px solid rgba(201,166,94,.34);
}
.support-oracle__inner,
.feedback-panel__inner,
.testimonials-panel__inner {
  padding: clamp(32px, 5vw, 58px);
}
.support-oracle h2,
.feedback-panel h2,
.testimonials-panel h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  font-size: clamp(2rem,4vw,3.3rem);
  line-height: 1.04;
  margin: 0 0 16px;
}
.support-oracle p { color: #d4dbd1; line-height: 1.65; max-width: 760px; }
.support-values { display:flex; flex-wrap:wrap; gap:10px; margin:24px 0 12px; }
.support-values button {
  border:1px solid rgba(216,194,142,.55);
  background:transparent;
  color:#f3ead4;
  border-radius:999px;
  padding:12px 19px;
  font-weight:800;
  cursor:pointer;
}
.support-values button:hover { background:#d8c28e; color:#172018; }
.support-note { font-size:.84rem; opacity:.76; }

.feedback-panel { background:#efe9dc; color:#172018; }
.feedback-panel h2 { color:#173126; }
.feedback-panel textarea {
  width:100%;
  min-height:130px;
  margin:18px 0;
  background:rgba(255,255,255,.35) !important;
  color:#172018 !important;
}
.stars { display:flex; gap:6px; margin:20px 0 6px; }
.stars button {
  border:0; background:transparent; color:#b6afa2;
  font-size:2rem; padding:0; cursor:pointer;
}
.stars button.active { color:#b48732; }
.consent-line { display:flex; gap:10px; align-items:flex-start; margin:12px 0 18px; line-height:1.45; }
.consent-line input { width:auto !important; margin-top:4px; }
.feedback-status { color:#3f5946; margin-top:12px; font-size:.9rem; }

.testimonials-panel {
  background:#0e1d16;
  color:#ece6da;
  border:1px solid rgba(201,166,94,.22);
}
.testimonials-panel .eyebrow { color:#c9a65e; }
.testimonials-panel h2 { color:#f1eadc; }
.testimonial-empty {
  margin-top:20px;
  padding:22px;
  border:1px dashed rgba(201,166,94,.28);
  border-radius:16px;
  color:#aeb9ae;
}

@media (max-width:760px) {
  #guardadas,
  .support-oracle,
  .feedback-panel,
  .testimonials-panel {
    margin-left:12px !important;
    margin-right:12px !important;
    border-radius:18px !important;
  }
}


/* V8.2 — refinamento final da leitura e apoio */
.reading-text {
  max-width: 860px;
}
.reading-text h3 {
  margin-top: 2.2rem !important;
  margin-bottom: .9rem !important;
  font-size: clamp(1.35rem, 2.1vw, 1.85rem) !important;
  line-height: 1.16 !important;
  letter-spacing: .015em !important;
}
.reading-text p {
  font-size: clamp(1rem, 1.35vw, 1.16rem) !important;
  line-height: 1.72 !important;
  margin: 0 0 1.15rem !important;
}
.reading-text .reading-bullet,
.reading-text .reading-step {
  padding-left: 1rem;
}
.reading-text strong {
  color: #26382e;
}

.support-values button.selected {
  background: #d8c28e !important;
  color: #172018 !important;
  border-color: #d8c28e !important;
}

.pix-support {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(216,194,142,.22);
}
.pix-label {
  margin: 0 0 10px !important;
  font-size: .78rem !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #cdb47a !important;
  font-weight: 800;
}
.pix-row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.pix-row code {
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(216,194,142,.22);
  color: #f1eadb;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .96rem;
}
.pix-copy {
  border: 0;
  border-radius: 999px;
  padding: 12px 16px;
  background: #d8c28e;
  color: #172018;
  font-weight: 850;
  cursor: pointer;
}
.pix-copy:hover { transform: translateY(-1px); }
.pix-status {
  min-height: 1.2em;
  margin: 10px 0 0 !important;
  color: #e8d6a8 !important;
  font-size: .86rem !important;
}

@media (max-width: 760px) {
  .reading-text p {
    font-size: 1rem !important;
    line-height: 1.66 !important;
  }
  .pix-row {
    align-items: stretch;
    flex-direction: column;
  }
  .pix-copy { width: 100%; }
  .pix-row code { width: 100%; overflow-wrap: anywhere; }
}

/* V9.0 · Crescimento, partilha e monetização */
.premium-gate{background:#0b1d15;color:#eee8dc;padding:clamp(60px,8vw,110px) 6vw;border-top:1px solid rgba(212,177,91,.18);border-bottom:1px solid rgba(212,177,91,.18)}
.premium-gate__inner{max-width:1120px;margin:0 auto}
.premium-gate h2{font-family:var(--serif,Georgia,serif);font-size:clamp(3.2rem,7vw,6.5rem);font-weight:400;line-height:.9;margin:.15em 0 .25em}
.premium-intro{max-width:650px;color:#bdc6bd;font-size:1.05rem}
.premium-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:38px 0 26px}
.premium-plan{position:relative;border:1px solid rgba(212,177,91,.25);border-radius:26px 26px 60px 26px;padding:30px;background:linear-gradient(145deg,rgba(25,53,39,.82),rgba(5,16,11,.9));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.premium-plan.featured{border-color:rgba(229,190,88,.5);background:linear-gradient(145deg,rgba(39,65,45,.92),rgba(8,20,14,.96))}
.premium-plan__tag{position:absolute;right:22px;top:20px;font-size:.62rem;letter-spacing:.14em;color:#e6c76f;font-weight:700}
.premium-plan__price{font-family:Georgia,serif;font-size:2.3rem;color:#e4bd59;display:block;margin-bottom:20px}
.premium-plan h3{font-family:Georgia,serif;font-size:2rem;font-weight:400;margin:0 0 10px}
.premium-plan p{color:#aeb9af;min-height:54px}
.premium-select{border:0;border-radius:999px;background:#e5bd57;color:#112018;font-weight:800;padding:13px 18px;cursor:pointer;margin-top:10px}
.premium-plan.featured .premium-select{background:#f0d486}
.premium-payment{max-width:760px;margin:32px auto 0;border:1px solid rgba(212,177,91,.24);border-radius:30px;padding:32px;background:#eee8dc;color:#153126}
.premium-payment h3{font-family:Georgia,serif;font-size:2rem;margin:.1em 0}
.premium-amount{font-family:Georgia,serif;font-size:2.7rem!important;color:#9e7422!important;margin:.1em 0 .4em!important}
.premium-payment p{color:#405248}
.premium-pix-row{margin:20px 0}.premium-pix-row code{color:#173126;background:#e3d9c6}
.premium-code-box{margin-top:24px;padding-top:22px;border-top:1px solid rgba(23,49,38,.16)}
.premium-code-box label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px}
.premium-code-row{display:flex;gap:10px}.premium-code-row input{flex:1;border:1px solid rgba(23,49,38,.2);background:#f7f1e6;border-radius:12px;padding:12px 14px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}
.share-status{font-size:.78rem;color:#6f7c73;margin-top:10px}
.result-actions{flex-wrap:wrap}
.share-story{background:#173126!important;color:#f2e8d4!important;border-color:#173126!important}
.story-preview{display:none}

@media(max-width:760px){
  .premium-plans{grid-template-columns:1fr}.premium-plan p{min-height:0}.premium-code-row{flex-direction:column}.premium-payment{padding:24px 20px}.premium-plan{padding:26px 22px}
}

/* V9.1 — intenção obrigatória */
.field-hint{margin:.45rem 0 0;color:var(--muted);font-size:.78rem}.field textarea[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:#d5b15a!important;box-shadow:0 0 0 2px rgba(213,177,90,.14)}


/* V9.2 — Registro Especial e entrega imediata */
.premium-contact{max-width:760px;margin:28px auto 0;padding:32px;border:1px solid rgba(212,177,91,.28);border-radius:30px;background:#f2eadc;color:#173126;box-shadow:0 28px 70px rgba(0,0,0,.18)}
.premium-contact h3{font-family:Georgia,serif;font-size:2rem;font-weight:400;margin:.15em 0 .35em}
.premium-contact>p{color:#46564c}
.premium-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 12px}
.premium-contact-grid label{display:flex;flex-direction:column;gap:7px;font-size:.76rem;font-weight:800;letter-spacing:.04em}
.premium-contact-grid label span small{font-weight:500;color:#78867d}
.premium-contact-grid input{width:100%;border:1px solid rgba(23,49,38,.2);background:#fbf6ed;color:#173126;border-radius:14px;padding:13px 14px;font:inherit;font-size:.95rem;font-weight:500;letter-spacing:0}
.premium-contact-grid input:focus{outline:2px solid rgba(190,145,46,.22);border-color:#b98b2d}
.premium-contact-grid input[aria-invalid="true"]{border-color:#b98231;box-shadow:0 0 0 2px rgba(185,130,49,.12)}
.premium-contact-email{grid-column:1/-1}
.premium-privacy{font-size:.76rem!important;line-height:1.55!important;color:#6b776f!important;margin:14px 0 20px!important}
.premium-contact-admin{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;padding:8px 0 2px;color:#b8c5ba;font-size:.7rem}
.premium-contact-admin strong{color:#e4c66f}
@media(max-width:760px){.premium-contact{padding:24px 20px}.premium-contact-grid{grid-template-columns:1fr}.premium-contact-email{grid-column:auto}}