/* Cartas de mercê nobiliárquica (títulos de nobreza) — o ápice das
   concessões. Diferente da carta de ordem (carta-imperial.css): veludo
   carmesim, carta-patente em velino com margem iluminada à esquerda e faixa
   de lises no topo, o nome do Soberano em capitais de ouro, o título em letra
   gótica e a bula de ouro pendente de cordões de seda. Blocos centrados usam
   margem automática. */

.cn { --cn-carmim: #5c0f1c; --cn-carmim-2: #7d1626; --cn-carmim-3: #3a0912; --cn-ouro: #b8962e; --cn-ouro-c: #d4af5a; --cn-ouro-p: #f0dc98;
  --cn-azul: #1b2b4d; --cn-velino: #fbf7ec; --cn-velino-2: #f2ead6; --cn-tinta: #24180e; --cn-suave: #6a5435;
  background: var(--cn-carmim-3); color: var(--cn-tinta); font-family: "EB Garamond", Georgia, serif; overflow-x: clip; }
.cn *, .cn *::before, .cn *::after { box-sizing: border-box; }
.cn img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.cn-oculto { position: absolute; width: 0; height: 0; overflow: hidden; }
.cn-nobr { white-space: nowrap; }
.cn-gotica { font-family: "UnifrakturMaguntia", "Cinzel Decorative", serif; font-weight: 400; letter-spacing: .01em; }
.cn-folha-ouro { background: linear-gradient(100deg, #7a5a18 0%, #c9a24a 16%, #f8e6a6 30%, #b48a32 46%, #f3dc90 62%, #8f6c22 80%, #dcbc64 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }

/* ── I. Salão de veludo ──────────────────────────────────────────────── */
.cn-salao { position: relative; isolation: isolate; overflow: hidden; text-align: center; color: #f8eedd; padding: 3rem 1.5rem 5rem; text-shadow: 0 2px 10px rgba(30, 0, 6, .7);
  background: radial-gradient(48% 52% at 50% 55%, rgba(40, 4, 12, .55), transparent 75%), url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2290%22 height=%22110%22%3E%3Cg fill=%22none%22 stroke=%22%23e7c873%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 opacity=%22.2%22%3E%3Cpath d=%22M45 18c6 8 7 17 0 27-7-10-6-19 0-27zM45 44c-9-11-24-6-20 5 2 6 10 6 12 1M45 44c9-11 24-6 20 5-2 6-10 6-12 1M33 50h24M45 50v12M40 62h10%22/%3E%3Cpath d=%22M45 18c6 8 7 17 0 27-7-10-6-19 0-27zM45 44c-9-11-24-6-20 5 2 6 10 6 12 1M45 44c9-11 24-6 20 5-2 6-10 6-12 1M33 50h24M45 50v12M40 62h10%22 transform=%22translate%28-45 55%29%22/%3E%3Cpath d=%22M45 18c6 8 7 17 0 27-7-10-6-19 0-27zM45 44c-9-11-24-6-20 5 2 6 10 6 12 1M45 44c9-11 24-6 20 5-2 6-10 6-12 1M33 50h24M45 50v12M40 62h10%22 transform=%22translate%2845 55%29%22/%3E%3C/g%3E%3C/svg%3E") center top / 90px 110px, radial-gradient(70% 70% at 50% 30%, var(--cn-carmim-2), var(--cn-carmim) 45%, var(--cn-carmim-3) 100%); }
.cn-salao::before { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(90deg, rgba(0, 0, 0, .55), transparent 18%, transparent 82%, rgba(0, 0, 0, .55)),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .18) 0 2px, transparent 2px 46px); }
.cn-salao::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 10px;
  background: repeating-linear-gradient(90deg, var(--cn-ouro) 0 14px, #8a6a22 14px 16px); box-shadow: 0 -1px 0 rgba(0, 0, 0, .4); }
.cn-trilha { margin: 0 auto 2.2rem; font-family: "Cinzel", Georgia, serif; font-size: .64rem; letter-spacing: .22em; text-transform: uppercase; color: rgba(248, 238, 221, .62); }
.cn-trilha a { color: inherit; text-decoration: none; }
.cn-trilha a:hover { color: var(--cn-ouro-p); }
.cn-trilha span { margin: 0 .6rem; color: var(--cn-ouro-c); }
.cn-coroa-grande { position: relative; width: clamp(220px, 34vw, 360px); aspect-ratio: 240 / 124; margin: .5rem auto 1.2rem; }
.cn-coroa-grande::before { content: ""; position: absolute; inset: -60% -30%; z-index: -1; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(240, 220, 152, .38), rgba(240, 220, 152, .1) 55%, transparent 75%); }
.cn-coroa-grande svg { width: 100%; height: 100%; filter: drop-shadow(0 14px 18px rgba(0, 0, 0, .55)); }
@media (prefers-reduced-motion: no-preference) {
  .cn-coroa-grande svg { animation: cn-desce 1.8s cubic-bezier(.2, .7, .2, 1) both; }
  @keyframes cn-desce { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: none; } }
}
.cn-rotulo { margin: 0 auto; font-family: "Cinzel", Georgia, serif; font-size: .74rem; letter-spacing: .36em; text-transform: uppercase; color: var(--cn-ouro-c); }
.cn-salao h1 { margin: .4rem auto 0; font-size: clamp(3.2rem, 9vw, 6.6rem); line-height: 1.02; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, .45)); }
.cn-salao h1 .cn-folha-ouro { padding: 0 .1em; }
.cn-salao-a { margin: 1rem auto 0; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: 1.2rem; color: rgba(248, 238, 221, .7); }
.cn-salao-nome { margin: .2rem auto 0; max-width: 40rem; font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; font-size: clamp(1.5rem, 3.6vw, 2.4rem); line-height: 1.15; }
.cn-salao-regio { margin: .4rem auto 0; font-family: "Cinzel", Georgia, serif; font-size: clamp(.72rem, 1.6vw, .9rem); letter-spacing: .26em; text-transform: uppercase; color: var(--cn-ouro-p); }
.cn-salao-data { margin: 1.8rem auto 0; font-family: "Cinzel", Georgia, serif; font-size: .64rem; letter-spacing: .24em; text-transform: uppercase; color: rgba(248, 238, 221, .58); }
.cn-ler { display: inline-block; margin-top: 2rem; padding: .85rem 1.7rem; border: 1px solid var(--cn-ouro-c); outline: 1px solid rgba(212, 175, 90, .4); outline-offset: 4px;
  font-family: "Cinzel", Georgia, serif; font-size: .7rem; letter-spacing: .24em; text-transform: uppercase; text-decoration: none; color: var(--cn-ouro-p) !important; transition: background .3s, color .3s; }
.cn-ler:hover { background: var(--cn-ouro-c); color: var(--cn-carmim-3) !important; }

/* ── II. A carta-patente ─────────────────────────────────────────────── */
.cn-mesa { padding: clamp(3.4rem, 7vw, 5.5rem) clamp(.5rem, 3vw, 2rem) clamp(3.4rem, 7vw, 5.5rem); scroll-margin-top: 6rem;
  background: radial-gradient(90% 60% at 50% 0%, #2a1a10, #170e09 70%); }
.cn-patente { position: relative; isolation: isolate; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: clamp(34px, 5vw, 64px) minmax(0, 1fr);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .32 0 0 0 0 .2 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(130% 100% at 50% 40%, transparent 60%, rgba(120, 90, 50, .2)),
    linear-gradient(var(--cn-velino), var(--cn-velino-2));
  box-shadow: 0 60px 100px -40px rgba(0, 0, 0, .95), 0 0 0 1px #8f7440, 0 0 0 7px #f6efdc, 0 0 0 8px #b8962e; }
.cn-faixa-topo { grid-column: 1 / -1; height: 26px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2240%22 height=%2226%22%3E%3Crect width=%2240%22 height=%2226%22 fill=%22%231b2b4d%22/%3E%3Cpath d=%22M0 2h40M0 24h40%22 stroke=%22%23d4af5a%22 stroke-width=%221.2%22/%3E%3Cpath d=%22M20 6c2.6 3.4 3 6.6 0 10-3-3.4-2.6-6.6 0-10zM20 16c-3.6-4.2-9-2.4-7.6 1.8.8 2.2 3.8 2.2 4.6.4M20 16c3.6-4.2 9-2.4 7.6 1.8-.8 2.2-3.8 2.2-4.6.4M15.5 18h9%22 fill=%22none%22 stroke=%22%23e7c873%22 stroke-width=%221.1%22 stroke-linecap=%22round%22/%3E%3C/svg%3E") repeat-x left center / 40px 26px; border-bottom: 1px solid #8a6a22; }
.cn-margem { background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2256%22 height=%22120%22%3E%3Crect width=%2256%22 height=%22120%22 fill=%22%23f6efdc%22/%3E%3Cpath d=%22M28 0C46 20 46 40 28 60S10 100 28 120%22 fill=%22none%22 stroke=%22%23a87e24%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M36 20c10-6 16 2 12 9-3 5-10 3-9-2M20 80c-10-6-16 2-12 9 3 5 10 3 9-2%22 fill=%22none%22 stroke=%22%23a87e24%22 stroke-width=%221.6%22/%3E%3Cg fill=%22%23c9a24a%22%3E%3Cellipse cx=%2240%22 cy=%2244%22 rx=%228%22 ry=%223.2%22 transform=%22rotate%28-35 40 44%29%22/%3E%3Cellipse cx=%2216%22 cy=%22104%22 rx=%228%22 ry=%223.2%22 transform=%22rotate%2835 16 104%29%22/%3E%3Cellipse cx=%2218%22 cy=%2238%22 rx=%227%22 ry=%222.8%22 transform=%22rotate%2830 18 38%29%22/%3E%3Cellipse cx=%2238%22 cy=%2298%22 rx=%227%22 ry=%222.8%22 transform=%22rotate%28-30 38 98%29%22/%3E%3C/g%3E%3Ccircle cx=%2247%22 cy=%2230%22 r=%223.2%22 fill=%22%23a3212d%22/%3E%3Ccircle cx=%229%22 cy=%2290%22 r=%223.2%22 fill=%22%231f3fa3%22/%3E%3Ccircle cx=%2228%22 cy=%2260%22 r=%222.6%22 fill=%22%23a3212d%22/%3E%3Ccircle cx=%2228%22 cy=%220%22 r=%222.6%22 fill=%22%231f3fa3%22/%3E%3Ccircle cx=%2228%22 cy=%22120%22 r=%222.6%22 fill=%22%231f3fa3%22/%3E%3C/svg%3E") repeat-y center top / 100% auto; border-right: 2px solid var(--cn-ouro); box-shadow: 1px 0 0 #f6efdc, 3px 0 0 rgba(184, 150, 46, .5); }
.cn-corpo { position: relative; padding: clamp(2.6rem, 6vw, 4.6rem) clamp(1.4rem, 6vw, 5rem) clamp(4rem, 7vw, 5.4rem); min-width: 0; }
.cn-corpo::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(184, 150, 46, .55); pointer-events: none; }
.cn-marca { position: absolute; z-index: -1; left: 50%; top: 46%; width: min(72%, 560px); transform: translate(-50%, -50%); opacity: .055; pointer-events: none; }
.cn-marca svg { width: 100%; height: auto; }

.cn-abertura { text-align: center; }
.cn-armas { width: clamp(70px, 9vw, 96px); margin: 0 auto 1.2rem; filter: drop-shadow(0 6px 10px rgba(60, 40, 10, .3)); }
.cn-invocacao { margin: 0 auto 1rem; max-width: 36rem; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: clamp(1.08rem, 2vw, 1.3rem); color: var(--cn-carmim-2); }
.cn-soberano { margin: 0 auto; max-width: 54rem; font-family: "Cinzel Decorative", "Cinzel", Georgia, serif; font-weight: 700; font-size: clamp(1.6rem, 4.4vw, 3.3rem);
  line-height: 1.12; letter-spacing: .03em; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .7)) drop-shadow(0 2px 3px rgba(90, 60, 10, .3)); }
.cn-soberano-sub { margin: .6rem auto 0; font-family: "Cinzel", Georgia, serif; font-size: clamp(.64rem, 1.3vw, .78rem); letter-spacing: .3em; text-transform: uppercase; color: var(--cn-suave); }
.cn-fio { display: flex; align-items: center; justify-content: center; gap: .9rem; width: min(460px, 82%); margin: 1.8rem auto; color: var(--cn-ouro); }
.cn-fio::before, .cn-fio::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, transparent, var(--cn-ouro)); }
.cn-fio::after { background: linear-gradient(90deg, var(--cn-ouro), transparent); }

.cn-texto { max-width: 46rem; margin: 0 auto; font-size: clamp(1.04rem, 1.8vw, 1.18rem); line-height: 1.85; text-align: justify; hyphens: manual; }
.cn-texto p { margin: 0 0 1.1rem; }
.cn-titulos { font-size: .95em; color: #3b2c1c; }
.cn-titulos .cn-sep { display: inline-block; margin: 0 .45em; font-size: .8em; color: var(--cn-carmim-2); }
.cn-saudacao { text-align: center !important; font-style: italic; color: var(--cn-suave); }
.cn-capitular { float: left; margin: .2rem .7rem 0 0; font-family: "UnifrakturMaguntia", "Cinzel Decorative", serif; font-size: 5.2rem; line-height: .82; color: var(--cn-carmim-2);
  text-shadow: 2px 2px 0 rgba(184, 150, 46, .45); }
.cn-rubro { font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .84em; letter-spacing: .14em; text-transform: uppercase; color: var(--cn-carmim-2); }

/* a mercê */
.cn-merce { position: relative; max-width: 44rem; margin: 2.6rem auto 2.4rem; padding: 2.4rem 1.6rem 2.6rem; text-align: center;
  background: radial-gradient(80% 90% at 50% 45%, rgba(255, 252, 240, .95), rgba(242, 231, 205, .5));
  border-top: 3px double var(--cn-ouro); border-bottom: 3px double var(--cn-ouro); }
.cn-merce p { margin: 0; }
.cn-merce-coroa { width: clamp(150px, 22vw, 210px); aspect-ratio: 240 / 124; margin: 0 auto .6rem; }
.cn-merce-coroa svg { width: 100%; height: 100%; filter: drop-shadow(0 6px 8px rgba(60, 40, 10, .35)); }
.cn-merce-de { font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: 1.2rem; color: var(--cn-suave); }
.cn-merce-titulo { margin: .2rem auto .3rem !important; font-size: clamp(2.8rem, 7.4vw, 5rem); line-height: 1.05; color: var(--cn-carmim-2);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .8), 2px 3px 0 rgba(184, 150, 46, .35); }
.cn-merce-nome { margin-top: .4rem !important; font-family: "Pinyon Script", "Cormorant Garamond", cursive; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.15; color: var(--cn-azul); }
.cn-merce-regio { margin-top: .5rem !important; font-family: "Cinzel", Georgia, serif; font-size: clamp(.72rem, 1.6vw, .88rem); letter-spacing: .24em; text-transform: uppercase; color: var(--cn-tinta); }
.cn-merce-id { margin-top: .5rem !important; font-family: "Cinzel", Georgia, serif; font-size: .62rem; letter-spacing: .2em; text-transform: uppercase; color: var(--cn-suave); }

/* disposições em duas colunas */
.cn-disposicoes { max-width: 52rem; margin: 0 auto; }
.cn-disposicoes h3 { margin: 0 auto 1.4rem; text-align: center; font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .78rem; letter-spacing: .32em; text-transform: uppercase; color: var(--cn-carmim-2); }
.cn-artigos { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 3rem; column-rule: 1px solid rgba(184, 150, 46, .45); counter-reset: art; }
.cn-artigos li { counter-increment: art; break-inside: avoid; margin: 0 0 1.3rem; text-align: left; font-size: clamp(1rem, 1.7vw, 1.1rem); line-height: 1.75; }
.cn-artigos li::before { content: "Artigo " counter(art, upper-roman); display: block; margin-bottom: .25rem; font-family: "Cinzel", Georgia, serif; font-weight: 700; font-size: .68rem; letter-spacing: .24em; text-transform: uppercase; color: var(--cn-carmim-2); }
.cn-artigos strong { font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .86em; color: var(--cn-azul); }

/* titulatura do agraciado */
.cn-titulatura-agraciado { position: relative; max-width: 46rem; margin: 2.6rem auto 0; padding: 2rem 1.8rem 1.8rem; background: rgba(255, 252, 242, .7);
  border: 1px solid var(--cn-carmim-2); outline: 1px solid var(--cn-ouro); outline-offset: 4px; }
.cn-titulatura-agraciado h3 { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); margin: 0; padding: .3rem 1rem; white-space: nowrap;
  background: var(--cn-carmim-2); color: var(--cn-ouro-p); font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .64rem; letter-spacing: .26em; text-transform: uppercase; }
.cn-titulatura-agraciado p { margin: 0; text-align: justify; font-size: 1rem; line-height: 1.8; }
.cn-titulatura-agraciado strong { font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .9em; color: var(--cn-azul); }

.cn-mandado { max-width: 46rem; margin: 2.2rem auto 0; text-align: center; font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .8rem; letter-spacing: .26em; text-transform: uppercase; color: var(--cn-carmim-2); }
.cn-dada { max-width: 34rem; margin: 1.4rem auto 0; text-align: center; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: clamp(1.12rem, 2.2vw, 1.34rem); line-height: 1.6; color: var(--cn-suave); }

.cn-assinaturas { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.15fr); gap: clamp(1.2rem, 3vw, 2.4rem); align-items: center; max-width: 54rem; margin: 3rem auto 0; }
.cn-chancelaria { text-align: center; font-family: "Cinzel", Georgia, serif; font-size: .6rem; letter-spacing: .16em; text-transform: uppercase; line-height: 1.8; color: var(--cn-suave); }
.cn-chancelaria strong { display: block; font-size: 1.12em; color: var(--cn-azul); }
.cn-chancelaria em { display: block; margin-bottom: .4rem; font-family: "Cormorant Garamond", Georgia, serif; font-style: italic; font-size: 1.5em; letter-spacing: 0; text-transform: none; color: var(--cn-tinta); }
.cn-firma { text-align: center; }
.cn-firma .cn-assinatura { display: block; white-space: nowrap; font-family: "Pinyon Script", "Cormorant Garamond", cursive; font-size: clamp(1.8rem, 3.6vw, 2.6rem); line-height: 1.1; color: #1d2c55; transform: rotate(-2deg); }
.cn-firma .cn-traco { display: block; width: 86%; height: 1px; margin: .5rem auto .5rem; background: var(--cn-suave); opacity: .6; }
.cn-firma small { display: block; font-family: "Cinzel", Georgia, serif; font-size: .58rem; letter-spacing: .2em; text-transform: uppercase; color: var(--cn-suave); line-height: 1.7; }

/* bula de ouro pendente de cordões de seda, que saem de uma fenda no pergaminho */
.cn-bula { position: relative; width: clamp(108px, 13vw, 140px); margin: 0 auto; pointer-events: none; }
.cn-fenda { display: block; width: 58%; height: 8px; margin: 0 auto; border-radius: 4px; background: linear-gradient(#3a2a18, #6b5233);
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, .6), 0 1px 0 rgba(255, 255, 255, .7), 0 0 0 3px rgba(184, 150, 46, .35); outline: 1px dashed rgba(138, 106, 34, .6); outline-offset: 5px; }
.cn-cordoes { position: relative; height: clamp(34px, 4vw, 44px); margin-top: -4px; }
.cn-cordoes::before, .cn-cordoes::after { content: ""; position: absolute; top: 0; width: 10px; height: 100%; border-radius: 5px;
  background: repeating-linear-gradient(135deg, #a3212d 0 5px, #e0c06a 5px 8px, #7a1520 8px 10px); box-shadow: 0 2px 3px rgba(0, 0, 0, .35); }
.cn-cordoes::before { left: 40%; transform: rotate(8deg); transform-origin: top center; }
.cn-cordoes::after { right: 40%; transform: rotate(-8deg); transform-origin: top center; }
.cn-disco { position: relative; aspect-ratio: 1; border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, #fff3c4, #e2bd5a 22%, #b88a26 50%, #7a5714 78%, #5a3f0c);
  box-shadow: 0 16px 24px -8px rgba(0, 0, 0, .7), inset 0 -8px 14px rgba(70, 45, 5, .55), inset 0 6px 10px rgba(255, 245, 200, .55), 0 0 0 3px #8a6418, 0 0 0 5px #e7c873; }
.cn-disco::before { content: ""; position: absolute; inset: 9%; border-radius: 50%; border: 2px solid rgba(90, 60, 10, .55); box-shadow: inset 0 0 0 4px rgba(255, 240, 190, .25); }
.cn-disco img { position: absolute; inset: 0; width: 62%; height: 62%; margin: auto; object-fit: contain; filter: sepia(1) saturate(2.2) brightness(.7) contrast(1.4); mix-blend-mode: multiply; opacity: .72; }
.cn-borlas { position: relative; height: 54px; }
.cn-borlas::before, .cn-borlas::after { content: ""; position: absolute; top: -6px; width: 20px; height: 54px; border-radius: 45% 45% 4px 4px;
  background: repeating-linear-gradient(90deg, #a3212d 0 2px, #7a1520 2px 3px, #e0c06a 3px 4px); box-shadow: inset 0 6px 0 #e0c06a, 0 4px 6px rgba(0, 0, 0, .4); }
.cn-borlas::before { left: 26%; }
.cn-borlas::after { right: 26%; }

/* ── III. O Condado e a coroa ────────────────────────────────────────── */
.cn-condado { padding: clamp(3.6rem, 7vw, 5.8rem) 1.5rem; color: #f8eedd; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2290%22 height=%22110%22%3E%3Cg fill=%22none%22 stroke=%22%23e7c873%22 stroke-width=%221.2%22 stroke-linecap=%22round%22 opacity=%22.2%22%3E%3Cpath d=%22M45 18c6 8 7 17 0 27-7-10-6-19 0-27zM45 44c-9-11-24-6-20 5 2 6 10 6 12 1M45 44c9-11 24-6 20 5-2 6-10 6-12 1M33 50h24M45 50v12M40 62h10%22/%3E%3Cpath d=%22M45 18c6 8 7 17 0 27-7-10-6-19 0-27zM45 44c-9-11-24-6-20 5 2 6 10 6 12 1M45 44c9-11 24-6 20 5-2 6-10 6-12 1M33 50h24M45 50v12M40 62h10%22 transform=%22translate%28-45 55%29%22/%3E%3Cpath d=%22M45 18c6 8 7 17 0 27-7-10-6-19 0-27zM45 44c-9-11-24-6-20 5 2 6 10 6 12 1M45 44c9-11 24-6 20 5-2 6-10 6-12 1M33 50h24M45 50v12M40 62h10%22 transform=%22translate%2845 55%29%22/%3E%3C/g%3E%3C/svg%3E") center / 90px 110px, var(--cn-condado-fundo, radial-gradient(80% 80% at 50% 0%, var(--cn-carmim-2), var(--cn-carmim-3) 75%)); }
.cn-condado__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; max-width: 1060px; margin: 0 auto; }
.cn-rot { display: block; font-family: "Cinzel", Georgia, serif; font-size: .68rem; letter-spacing: .3em; text-transform: uppercase; color: var(--cn-ouro-c); }
.cn-condado h2 { margin: .6rem 0 1.1rem; font-size: clamp(2.4rem, 5vw, 3.4rem); line-height: 1.05; color: var(--cn-ouro-p); }
.cn-condado p { margin: 0 0 1rem; font-size: 1.12rem; line-height: 1.8; color: rgba(248, 238, 221, .86); }
.cn-heraldica { text-align: center; padding: 2rem 1.4rem; border: 1px solid rgba(212, 175, 90, .45); outline: 1px solid rgba(212, 175, 90, .2); outline-offset: 6px; background: rgba(0, 0, 0, .18); }
.cn-heraldica .cn-merce-coroa { width: min(100%, 260px); }
.cn-heraldica h3 { margin: 1rem 0 .6rem; font-family: "Cinzel", Georgia, serif; font-weight: 600; font-size: .78rem; letter-spacing: .26em; text-transform: uppercase; color: var(--cn-ouro-p); }
.cn-heraldica p { font-size: 1.04rem; margin: 0; }
.cn-condado a { color: var(--cn-ouro-p); text-decoration-color: rgba(212, 175, 90, .55); text-underline-offset: .2em; }
.cn-ficha { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; max-width: 60rem; margin: 3rem auto 0; background: rgba(212, 175, 90, .35); border-block: 1px solid rgba(212, 175, 90, .55); }
.cn-ficha div { padding: 1rem .8rem; text-align: center; background: #4a0c17; }
.cn-ficha dt { font-family: "Cinzel", Georgia, serif; font-size: .58rem; letter-spacing: .22em; text-transform: uppercase; color: var(--cn-ouro-c); }
.cn-ficha dd { margin: .35rem 0 0; font-family: "Cormorant Garamond", Georgia, serif; font-size: 1.14rem; line-height: 1.3; color: #f8eedd; }

/* ── Responsivo ──────────────────────────────────────────────────────── */
@media (max-width: 860px) {
  .cn-artigos { columns: 1; }
  .cn-condado__grade { grid-template-columns: minmax(0, 1fr); text-align: center; }
  .cn-ficha { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  /* No celular, a carta ocupa a largura toda: prolonga o carmesim do salão
     em vez de deixar uma faixa de mesa quase preta antes e depois da folha. */
  .cn-mesa { padding: 1.6rem 0 2.4rem; background: var(--cn-carmim-3); }
  /* A seção seguinte continua no mesmo tom junto à borda inferior da carta. */
  .cn-condado { --cn-condado-fundo: linear-gradient(var(--cn-carmim-3), var(--cn-carmim-3)); }
  .cn-patente { grid-template-columns: 22px minmax(0, 1fr); box-shadow: 0 0 0 1px #8f7440; }
  .cn-faixa-topo { height: 20px; background-size: 30px 20px; }
  .cn-corpo { padding: 2.4rem 24px 3.6rem 24px; }
  .cn-corpo::before { inset: 8px; }
  .cn-texto, .cn-artigos li, .cn-titulatura-agraciado p { text-align: left; }
  .cn-texto { font-size: 1.02rem; line-height: 1.75; }
  .cn-capitular { font-size: 4rem; }
  .cn-merce { padding: 2rem .6rem; }
  .cn-titulatura-agraciado { padding: 2rem 1rem 1.4rem; }
  .cn-titulatura-agraciado h3 { white-space: normal; width: max-content; max-width: 86%; text-align: center; }
  .cn-assinaturas { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; }
}
@media (max-width: 440px) {
  .cn-firma .cn-assinatura { white-space: normal; font-size: 1.9rem; }
}
@media print {
  .cn-salao, .cn-condado { display: none; }
  .cn-mesa { padding: 0 0 8rem; background: none; }
}