/* ============================================================
   DOMINAS · Domínio Financeiro
   Design System — Signature Premium (manual de marca 10/4)
   Claro: 60% off-white · 25% marinho · 10% dourado · 5% cinza
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Cinzel:wght@500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
  /* Paleta Signature Premium */
  --navy: #0F2233;
  --navy-2: #0A1A28;        /* marinho mais profundo (rodapé/gradiente) */
  --gold: #C18B3D;
  --gold-dark: #A97229;
  --ivory: #F7F5EF;         /* fundo da página */
  --offwhite: #FAFAFA;
  --branco: #FFFFFF;        /* cards */
  --cinza: #CFCFCF;
  --bege: #E5D2AE;
  --taupe: #B8AE9F;

  /* Texto */
  --texto: #0F2233;         /* marinho — texto principal */
  --texto-2: #54606B;       /* secundário */
  --texto-3: #8A94A0;       /* terciário / labels neutros */
  --texto-claro: #FAFAFA;   /* sobre marinho */

  /* Linhas / sombras */
  --linha: rgba(15, 34, 51, .10);
  --linha-2: rgba(15, 34, 51, .18);
  --linha-ouro: rgba(193, 139, 61, .45);
  --sombra: 0 10px 30px rgba(15, 34, 51, .08);
  --sombra-hover: 0 18px 44px -12px rgba(15, 34, 51, .18);

  /* Status (legíveis sobre claro) */
  --good: #2F7D57;
  --warn: #C18B3D;
  --bad: #C0492F;

  /* Tipografia */
  --serif: 'Cormorant Garamond', Georgia, serif;        /* títulos */
  --wordmark: 'Cinzel', 'Cormorant Garamond', serif;    /* logo */
  --sans: 'Montserrat', system-ui, -apple-system, sans-serif; /* corpo */

  /* Layout */
  --maxw: 1160px;
  --radius: 16px;
  --radius-sm: 10px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { overflow-x: hidden; }

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--sans);
  font-weight: 400;
  line-height: 1.62;
  color: var(--texto);
  background: var(--ivory);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.wrap { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 28px; }

/* ---------- Tipografia ---------- */
h1, h2, h3 { font-family: var(--serif); font-weight: 600; line-height: 1.1; margin: 0; color: var(--texto); letter-spacing: .2px; }
.kicker { font-family: var(--sans); font-weight: 600; font-size: .72rem; letter-spacing: .26em; text-transform: uppercase; color: var(--gold); }
.serif-italic { font-family: var(--serif); font-style: italic; }

/* ---------- Topbar (marinho) ---------- */
.topbar {
  position: sticky; top: 0; z-index: 30;
  background: var(--navy);
  border-bottom: 1px solid rgba(193, 139, 61, .25);
}
.topbar .wrap { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 20px; }
/* logo real (PNG) substitui o SVG+wordmark inline — um só lugar, vale nas 25 páginas */
.brand { display: block; width: 190px; height: 40px; background: url('../brand/logo-horizontal-white.png') left center / contain no-repeat; text-decoration: none; font-size: 0; }
.brand svg, .brand .word, .brand .sub { display: none; }
.topbar .right { display: flex; align-items: center; gap: 22px; }
.greet { font-size: .9rem; color: rgba(250, 250, 250, .8); }
.greet b { color: var(--bege); font-weight: 600; }
.link-quiet { color: rgba(250, 250, 250, .72); text-decoration: none; font-size: .84rem; letter-spacing: .03em; transition: color .25s var(--ease); }
.link-quiet:hover { color: #fff; }
.back { display: inline-flex; align-items: center; gap: 8px; color: rgba(250, 250, 250, .72); text-decoration: none; font-size: .84rem; letter-spacing: .03em; transition: color .25s var(--ease); }
.back:hover { color: #fff; }

/* ---------- Hero ---------- */
.hero { padding: 90px 0 56px; }
.hero .kicker { margin-bottom: 24px; }
.hero h1 { font-size: clamp(2.6rem, 6vw, 4.4rem); letter-spacing: -.5px; }
.hero h1 .gold { color: var(--gold); }
.hero .lede { margin: 26px 0 0; max-width: 620px; font-size: 1.1rem; color: var(--texto-2); }
.hero .manifesto { margin-top: 28px; font-family: var(--serif); font-style: italic; font-size: 1.3rem; color: var(--navy); padding-left: 20px; border-left: 2px solid var(--gold); }

/* ---------- Stats ---------- */
.stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin-top: 44px; }
.stat { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--radius-sm); padding: 22px 24px; box-shadow: var(--sombra); }
.stat .n { font-family: var(--serif); font-size: 2.3rem; color: var(--gold); line-height: 1; }
.stat .l { font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--texto-3); margin-top: 9px; }

/* ---------- Pilar ---------- */
.pilar { padding: 52px 0 8px; scroll-margin-top: 92px; }
.pilar-head { display: flex; align-items: baseline; gap: 18px; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--linha); }
.pilar-idx { font-family: var(--serif); font-size: 1.05rem; color: var(--gold); letter-spacing: .2em; white-space: nowrap; padding-top: 6px; }
.pilar-head .t { font-size: clamp(1.7rem, 3.4vw, 2.4rem); }
.pilar-head .intent { margin-top: 8px; color: var(--texto-2); font-size: 1rem; max-width: 600px; }

/* ---------- Grid de cards ---------- */
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }

.card {
  position: relative; display: flex; flex-direction: column;
  background: var(--branco);
  border: 1px solid var(--linha);
  border-radius: var(--radius);
  padding: 26px 24px 22px;
  text-decoration: none; color: inherit;
  min-height: 188px; overflow: hidden;
  box-shadow: var(--sombra);
  transition: transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);
}
.card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(420px 160px at 100% 0%, rgba(193,139,61,.08), transparent 70%); opacity: 0; transition: opacity .4s var(--ease); }
.card:hover { transform: translateY(-4px); border-color: var(--linha-ouro); box-shadow: var(--sombra-hover); }
.card:hover::before { opacity: 1; }
.card:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

.card .num { font-family: var(--serif); font-size: .92rem; color: var(--texto-3); letter-spacing: .12em; }
.card h3 { font-size: 1.42rem; margin: 10px 0 0; color: var(--navy); }
.card .desc { margin: 11px 0 0; font-size: .9rem; color: var(--texto-2); flex: 1; }
.card .foot { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; }

.badge { font-size: .58rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-dark); border: 1px solid var(--linha-ouro); padding: 5px 10px; border-radius: 100px; }
.card .go { font-size: 1.2rem; color: var(--gold); transition: transform .35s var(--ease); }
.card:hover .go { transform: translateX(5px); }

.card[data-status="soon"] { opacity: .72; }
.card[data-status="soon"] .badge.status { color: var(--texto-3); border-color: var(--linha-2); }
.card[data-status="ready"]::after { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: linear-gradient(180deg, var(--gold), transparent); }

.flag { position: absolute; top: 16px; right: 16px; font-size: .56rem; letter-spacing: .16em; text-transform: uppercase; color: var(--navy); background: var(--gold); padding: 4px 9px; border-radius: 100px; font-weight: 600; }

/* ---------- Footer (marinho) ---------- */
.foot-site { margin-top: 80px; background: var(--navy); padding: 40px 0 56px; }
.foot-site .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; }
.foot-site .mark { font-family: var(--wordmark); letter-spacing: 4px; font-size: 1.05rem; color: var(--bege); }
.foot-site .small { font-size: .76rem; color: rgba(250, 250, 250, .55); }
.foot-site a { color: var(--gold); text-decoration: none; }

/* ---------- Toast ---------- */
.toast {
  position: fixed; left: 50%; bottom: 34px; transform: translate(-50%, 20px);
  background: var(--navy); border: 1px solid rgba(193,139,61,.4); color: #fff;
  padding: 15px 22px; border-radius: 100px; font-size: .9rem; box-shadow: var(--sombra-hover);
  opacity: 0; pointer-events: none; transition: opacity .3s var(--ease), transform .3s var(--ease); z-index: 50;
}
.toast.show { opacity: 1; transform: translate(-50%, 0); }
.toast b { color: var(--gold); font-weight: 600; }

/* ---------- Botões ---------- */
.btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--sans); font-size: .92rem; font-weight: 600; letter-spacing: .02em; padding: 13px 24px; border-radius: var(--radius-sm); cursor: pointer; border: 1px solid var(--navy); background: var(--navy); color: #fff; text-decoration: none; transition: filter .25s var(--ease), transform .15s var(--ease); }
.btn:hover { filter: brightness(1.12); }
.btn:active { transform: translateY(1px); }
.btn.ghost { background: transparent; color: var(--navy); border-color: var(--linha-2); }
.btn.ghost:hover { border-color: var(--gold); color: var(--gold-dark); }

/* ---------- Acessibilidade / motion ---------- */
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* ---------- Responsivo ---------- */
@media (max-width: 720px) {
  .wrap { padding: 0 20px; }
  .hero { padding: 60px 0 40px; }
  .brand .sub { display: none; }
  .greet { display: none; }
  .pilar-head { flex-direction: column; gap: 4px; }
}

/* ============================================================
   COMPONENTES DE FERRAMENTA (reusados por todas)
   ============================================================ */
.tool-head { padding: 48px 0 26px; }
.tool-head .kicker { margin-bottom: 16px; }
.tool-head h1 { font-size: clamp(2rem, 4.5vw, 3rem); }
.tool-head .intent { margin-top: 14px; color: var(--texto-2); max-width: 640px; font-size: 1.04rem; }

.tool-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; padding-bottom: 30px; }
@media (max-width: 920px) { .tool-grid { grid-template-columns: 1fr; } }

.panel { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--radius); padding: 28px 26px; box-shadow: var(--sombra); }
.panel.sticky { position: sticky; top: 92px; }
@media (max-width: 920px) { .panel.sticky { position: static; } }
.panel h2 { font-size: 1.5rem; color: var(--navy); }
.panel .panel-sub { color: var(--texto-3); font-size: .85rem; margin: 4px 0 22px; }
.panel h3 { font-family: var(--serif); font-size: 1.25rem; margin: 26px 0 12px; color: var(--gold-dark); }

.field { margin-bottom: 16px; }
.field > label { display: block; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; color: var(--navy); font-weight: 600; margin-bottom: 7px; }
.field .hint { color: var(--texto-3); font-size: .73rem; text-transform: none; letter-spacing: 0; font-weight: 400; }

input[type=text], input[type=number], input[type=date], input[type=password], select, textarea {
  width: 100%; background: var(--offwhite); border: 1px solid var(--linha-2); border-radius: 10px;
  color: var(--texto); font-family: var(--sans); font-size: 1rem; padding: 12px 14px; transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
input:focus, select:focus, textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px rgba(193,139,61,.12); }
input::placeholder { color: var(--texto-3); }
textarea { resize: vertical; min-height: 58px; }

.row2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.row3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; }
@media (max-width: 520px) { .row3 { grid-template-columns: 1fr; } }

.inline-prefix { position: relative; }
.inline-prefix input { padding-left: 36px; }
.inline-prefix .pfx { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--texto-3); font-size: .95rem; pointer-events: none; }

.insumo-row { display: grid; grid-template-columns: 1fr 120px 72px 42px; gap: 8px; margin-bottom: 9px; align-items: center; }
.insumo-row .del { background: none; border: 1px solid var(--linha-2); color: var(--texto-3); border-radius: 8px; cursor: pointer; height: 44px; font-size: 1.1rem; line-height: 1; }
.insumo-row .del:hover { border-color: var(--bad); color: var(--bad); }
@media (max-width: 520px) { .insumo-row { grid-template-columns: 1fr 1fr; } .insumo-row .del { grid-column: 2; } }
.add-link { background: none; border: none; color: var(--gold-dark); cursor: pointer; font-size: .86rem; padding: 6px 0; letter-spacing: .03em; font-weight: 600; }
.add-link:hover { text-decoration: underline; }

.ficha { width: 100%; border-collapse: collapse; margin-top: 4px; }
.ficha td { padding: 11px 2px; border-bottom: 1px solid var(--linha); font-size: .94rem; color: var(--texto-2); }
.ficha thead td { color: var(--texto-3); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.ficha td.val { text-align: right; font-variant-numeric: tabular-nums; color: var(--navy); font-weight: 500; white-space: nowrap; }
.ficha tr.total td { border-bottom: none; border-top: 1px solid var(--linha-2); font-family: var(--serif); font-size: 1.18rem; padding-top: 14px; color: var(--navy); }
.ficha tr.total td.val { color: var(--gold-dark); }

.kpis { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin: 22px 0 4px; }
@media (max-width: 520px) { .kpis { grid-template-columns: 1fr; } }
.kpi { background: var(--ivory); border: 1px solid var(--linha); border-radius: 12px; padding: 16px; }
.kpi .l { font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: var(--texto-3); }
.kpi .v { font-family: var(--serif); font-size: 1.7rem; margin-top: 6px; font-variant-numeric: tabular-nums; color: var(--navy); }
.kpi .v.good { color: var(--good); }
.kpi .v.warn { color: var(--gold-dark); }
.kpi .v.bad { color: var(--bad); }

.prices { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; }
@media (max-width: 680px) { .prices { grid-template-columns: 1fr; } }
.price { border: 1px solid var(--linha); border-radius: 12px; padding: 18px 16px; text-align: center; background: var(--offwhite); }
.price.rec { border-color: var(--gold); box-shadow: inset 0 0 0 1px rgba(193,139,61,.25); background: rgba(193,139,61,.05); }
.price .tag { font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; color: var(--texto-3); }
.price.rec .tag { color: var(--gold-dark); }
.price .p { font-family: var(--serif); font-size: 1.85rem; color: var(--navy); margin: 9px 0 6px; font-variant-numeric: tabular-nums; }
.price .mc { font-size: .78rem; color: var(--texto-2); }

.note { margin-top: 20px; font-size: .86rem; color: var(--texto-2); border-left: 2px solid var(--linha-ouro); padding-left: 14px; }
.warn-box { background: rgba(192,73,47,.08); border: 1px solid rgba(192,73,47,.35); color: #9c3b27; border-radius: 10px; padding: 12px 14px; font-size: .85rem; margin-top: 14px; }

/* ===== Pilar I — Diagnóstico ===== */
.radar-wrap { position: relative; width: 100%; max-width: 440px; margin: 0 auto 8px; }
.radar-wrap canvas { max-width: 100%; height: auto; }

.range-row { margin-bottom: 15px; }
.range-row .rl { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 6px; }
.range-row .rl .name { font-size: .92rem; color: var(--texto); }
.range-row .rl .num { font-family: var(--serif); font-size: 1.2rem; color: var(--gold-dark); font-variant-numeric: tabular-nums; }
input[type=range] { -webkit-appearance: none; appearance: none; width: 100%; height: 4px; border-radius: 4px; background: var(--cinza); outline: none; padding: 0; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border-radius: 50%; background: var(--gold); cursor: pointer; border: 3px solid var(--branco); box-shadow: 0 1px 4px rgba(15,34,51,.2); }
input[type=range]::-moz-range-thumb { width: 18px; height: 18px; border-radius: 50%; background: var(--gold); cursor: pointer; border: 3px solid var(--branco); }

.quiz-q { margin-bottom: 24px; }
.quiz-q .q { font-family: var(--serif); font-size: 1.2rem; color: var(--navy); margin-bottom: 12px; }
.opts { display: flex; flex-direction: column; gap: 8px; }
.opt { display: block; text-align: left; background: var(--offwhite); border: 1px solid var(--linha-2); border-radius: 10px; padding: 13px 16px; color: var(--texto-2); cursor: pointer; font-family: var(--sans); font-size: .95rem; transition: border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease); }
.opt:hover { border-color: var(--gold); color: var(--navy); }
.opt.sel { border-color: var(--gold); color: var(--navy); background: rgba(193,139,61,.08); font-weight: 500; }

.check-list { display: flex; flex-direction: column; gap: 10px; }
.check-item { display: flex; gap: 13px; align-items: flex-start; background: var(--offwhite); border: 1px solid var(--linha); border-radius: 10px; padding: 14px 16px; cursor: pointer; transition: border-color .2s var(--ease), background .2s var(--ease); }
.check-item:hover { border-color: var(--linha-2); }
.check-item.on { border-color: var(--gold); background: rgba(193,139,61,.07); }
.check-item .box { flex: none; width: 20px; height: 20px; border: 1px solid var(--linha-2); border-radius: 5px; margin-top: 1px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: .8rem; }
.check-item.on .box { background: var(--gold); border-color: var(--gold); }
.check-item .ci-text { font-size: .95rem; color: var(--texto-2); }
.check-item.on .ci-text { color: var(--navy); }

.result-card { border: 1px solid var(--gold); border-radius: var(--radius); padding: 24px; margin-bottom: 18px; background: rgba(193,139,61,.06); }
.result-card .rk { font-size: .66rem; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-dark); }
.result-card .rt { font-family: var(--serif); font-size: 2rem; color: var(--navy); margin: 6px 0 10px; }
.result-card .rd { color: var(--texto-2); font-size: .98rem; }
.big-score { font-family: var(--serif); font-size: 3rem; color: var(--gold); line-height: 1; }

.layer { margin-bottom: 16px; }
.layer .lh { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 7px; }
.layer .lh .ln { font-size: .95rem; color: var(--navy); }
.layer .lh .ls { font-size: .8rem; color: var(--texto-3); font-variant-numeric: tabular-nums; }
.bar { height: 8px; background: var(--cinza); border-radius: 6px; overflow: hidden; }
.bar > span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--gold), var(--bege)); border-radius: 6px; transition: width .5s var(--ease); }
.layer.weak .bar > span { background: linear-gradient(90deg, #C0492F, #e0a08e); }

.reco { display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; border-left: 2px solid var(--gold); margin-bottom: 10px; background: var(--ivory); border-radius: 0 10px 10px 0; }
.reco .rtxt { font-size: .9rem; color: var(--texto-2); }
.reco a { color: var(--gold-dark); text-decoration: none; font-weight: 600; }
.reco a:hover { text-decoration: underline; }

/* ===== Pilar III — Ritmo ===== */
.cal-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 8px; }
.cal-day { border: 1px solid var(--linha); border-radius: 10px; padding: 12px; cursor: pointer; min-height: 96px; background: var(--offwhite); transition: border-color .2s var(--ease), background .2s var(--ease); }
.cal-day:hover { border-color: var(--linha-2); }
.cal-day.on { border-color: var(--gold); background: rgba(193,139,61,.08); }
.cal-day .d { font-family: var(--serif); font-size: 1.05rem; color: var(--gold-dark); }
.cal-day .chk { float: right; color: var(--gold); opacity: 0; }
.cal-day.on .chk { opacity: 1; }
.cal-day .act { font-size: .78rem; color: var(--texto-2); margin-top: 6px; line-height: 1.4; }
.cal-day.on .act { color: var(--navy); }

.planner { width: 100%; border-collapse: collapse; }
.planner th { text-align: left; font-size: .66rem; letter-spacing: .1em; text-transform: uppercase; color: var(--texto-3); padding: 8px 6px; font-weight: 600; }
.planner td { padding: 6px; border-top: 1px solid var(--linha); vertical-align: middle; }
.planner .mes { font-family: var(--serif); color: var(--gold-dark); white-space: nowrap; }
.planner input { padding: 9px 10px; font-size: .9rem; }
.planner .var { font-variant-numeric: tabular-nums; font-size: .9rem; white-space: nowrap; }

.step { display: flex; gap: 14px; padding: 16px 18px; border: 1px solid var(--linha); border-radius: 12px; margin-bottom: 10px; align-items: flex-start; background: var(--branco); }
.step.done { border-color: var(--gold); background: rgba(193,139,61,.06); }
.step .n { flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--gold); color: var(--gold-dark); display: flex; align-items: center; justify-content: center; font-family: var(--serif); }
.step.done .n { background: var(--gold); color: #fff; }
.step .sc { flex: 1; }
.step .st { font-size: 1.1rem; color: var(--navy); font-family: var(--serif); }
.step .sd { font-size: .88rem; color: var(--texto-2); margin-top: 4px; }
.step .sd a { color: var(--gold-dark); text-decoration: none; font-weight: 500; }
.step .sd a:hover { text-decoration: underline; }
.step .toggle { flex: none; align-self: center; background: none; border: 1px solid var(--linha-2); color: var(--texto-3); border-radius: 100px; cursor: pointer; padding: 7px 14px; font-size: .78rem; transition: border-color .2s var(--ease), color .2s var(--ease); }
.step.done .toggle { border-color: var(--gold); color: var(--gold-dark); }

/* nudge de número derivado (MC) */
.derive-hint { margin-top: 8px; font-size: .8rem; color: var(--texto-3); line-height: 1.5; }
.derive-hint a { color: var(--gold-dark); text-decoration: none; font-weight: 600; }
.derive-hint a:hover { text-decoration: underline; }
.derive-hint b { color: var(--gold-dark); font-weight: 600; }
.hint-link { background: none; border: none; color: var(--gold-dark); cursor: pointer; font-size: .8rem; padding: 0; text-decoration: underline; font-weight: 600; }
.hint-link:hover { filter: brightness(1.1); }

/* chip de campo compartilhado */
.shared-tag { display: inline-block; margin-left: 8px; font-size: .56rem; letter-spacing: .12em; text-transform: uppercase; color: var(--texto-3); border: 1px solid var(--linha-2); border-radius: 100px; padding: 2px 8px; vertical-align: middle; font-weight: 500; }

/* CTA Perfil da Clínica (Hub) */
.profile-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 4px 0 14px; padding: 24px 26px; background: linear-gradient(110deg, rgba(193,139,61,.12), var(--branco)); border: 1px solid var(--linha-ouro); border-radius: var(--radius); text-decoration: none; color: inherit; box-shadow: var(--sombra); transition: border-color .3s var(--ease), transform .3s var(--ease); }
.profile-cta:hover { border-color: var(--gold); transform: translateY(-2px); }
.profile-cta .cta-kicker { font-size: .66rem; letter-spacing: .24em; text-transform: uppercase; color: var(--gold-dark); font-weight: 600; }
.profile-cta h3 { font-family: var(--serif); font-size: 1.6rem; margin: 6px 0 6px; color: var(--navy); }
.profile-cta p { margin: 0; color: var(--texto-2); font-size: .95rem; max-width: 680px; }
.profile-cta .go { font-size: 1.6rem; color: var(--gold); }

.profile-summary { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 12px; }
.psum { background: var(--ivory); border: 1px solid var(--linha); border-radius: 12px; padding: 14px 16px; }
.psum .l { font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; color: var(--texto-3); }
.psum .v { font-family: var(--serif); font-size: 1.3rem; color: var(--gold-dark); margin-top: 5px; font-variant-numeric: tabular-nums; }
.uses { margin-top: 18px; font-size: .85rem; color: var(--texto-2); line-height: 1.7; }
.uses b { color: var(--navy); font-weight: 600; }

/* abas (Painel 3 em 1) */
.tabs { display: flex; gap: 6px; border-bottom: 1px solid var(--linha); margin-bottom: 22px; flex-wrap: wrap; }
.tab { background: none; border: none; color: var(--texto-2); font-family: var(--sans); font-size: .95rem; padding: 12px 16px; cursor: pointer; border-bottom: 2px solid transparent; letter-spacing: .02em; }
.tab:hover { color: var(--navy); }
.tab.active { color: var(--gold-dark); border-bottom-color: var(--gold); font-weight: 600; }
.tabpanel { display: none; }
.tabpanel.active { display: block; }

.led-row { display: grid; gap: 8px; margin-bottom: 8px; align-items: center; }
.led-row.fluxo { grid-template-columns: 1fr 130px 120px 44px; }
.led-row.contas { grid-template-columns: 1fr 120px 130px 120px 44px; }
@media (max-width: 640px) { .led-row.fluxo, .led-row.contas { grid-template-columns: 1fr 1fr; } }
.led-row .del { background: none; border: 1px solid var(--linha-2); color: var(--texto-3); border-radius: 8px; cursor: pointer; height: 44px; font-size: 1.1rem; line-height: 1; }
.led-row .del:hover { border-color: var(--bad); color: var(--bad); }
.val.pos, .pos { color: var(--good); }
.val.neg, .neg { color: var(--bad); }

/* linha de serviço (Dizer Não) */
.svc-row { display: grid; grid-template-columns: 1fr 104px 104px 86px 42px; gap: 8px; align-items: center; margin-bottom: 8px; }
.svc-row .del { background: none; border: 1px solid var(--linha-2); color: var(--texto-3); border-radius: 8px; cursor: pointer; height: 44px; font-size: 1.1rem; line-height: 1; }
.svc-row .del:hover { border-color: var(--bad); color: var(--bad); }
@media (max-width: 640px) { .svc-row { grid-template-columns: 1fr 1fr; } .svc-row .del { grid-column: 2; } }