/* CB Poker Team · components.css · biblioteca de componentes (atomic design).
   Carregar DEPOIS de tokens.css. Classes só de vitrine (catálogo): pv-*, fa-*, fb-*, fg-*, p20-*, p24-*.
   Arquivos de origem, na ordem: 00-icones-logo.css, 10-base.css, 20-atomos.css, 30-nicho.css, 40-moleculas-organismos.css, 61-fund-a.css, 62-fund-b.css, 63-atomos.css, 64-mol-nicho.css, 65-org.css, 66-templates.css, 67-social.css, 68-docs.css, 90-vitrine.css */
/* ===== 00-icones-logo.css ===== */
/* ===== ÍCONES: máscara (forma cheia + furo vazado). Cor = currentColor. Gerado de assets/Icones. ===== */
.ico{display:inline-block;flex:none;width:1.25em;height:1.25em;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.25em}
.ico-cadeado{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Ccircle cx=%2250%22 cy=%2260%22 r=%225%22/%3E%3Crect x=%2247%22 y=%2260%22 width=%226%22 height=%2210%22 rx=%222%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Crect x=%2230%22 y=%2246%22 width=%2240%22 height=%2234%22 rx=%227%22/%3E%3Cpath d=%22M36 46V34a14 14 0 0 1 28 0v12%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%227%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-escudo{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M38 50l8 8 16-16%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%227%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Cpath d=%22M50 18 76 28v20c0 18-11 30-26 34C35 78 24 66 24 48V28Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-alerta{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Crect x=%2246%22 y=%2242%22 width=%228%22 height=%2218%22 rx=%223%22/%3E%3Ccircle cx=%2250%22 cy=%2266%22 r=%224.5%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Cpath d=%22M50 20 82 76H18Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-email{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M20 34l30 24 30-24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Crect x=%2218%22 y=%2230%22 width=%2264%22 height=%2244%22 rx=%226%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-relogio{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M50 32v19l12 8%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%227%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2232%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-pessoa{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Ccircle cx=%2250%22 cy=%2235%22 r=%2215%22/%3E%3Cpath d=%22M22 82c0-16 12-26 28-26s28 10 28 26Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-grupo{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Ccircle cx=%2238%22 cy=%2238%22 r=%2212%22/%3E%3Cpath d=%22M14 80c0-14 10-22 24-22s24 8 24 22Z%22/%3E%3Ccircle cx=%2266%22 cy=%2234%22 r=%2210%22/%3E%3Cpath d=%22M60 54c14-2 26 6 26 22H66c0-8-2-15-6-22Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-check{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M22 52l18 18 38-40%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%2212%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-fechar{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M28 28l44 44M72 28 28 72%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%2212%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-mais{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M50 22v56M22 50h56%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%2212%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-seta{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M16 42h42V26l28 24-28 24V58H16Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-chevron{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M38 22l28 28-28 28%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%2212%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-busca{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Ccircle cx=%2243%22 cy=%2243%22 r=%2215%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Ccircle cx=%2243%22 cy=%2243%22 r=%2227%22/%3E%3Cpath d=%22M62 62l20 20%22 stroke=%22%23000%22 stroke-width=%2213%22 stroke-linecap=%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-calendario{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Crect x=%2227%22 y=%2240%22 width=%2246%22 height=%224%22 rx=%222%22/%3E%3Crect x=%2229%22 y=%2254%22 width=%2212%22 height=%2210%22 rx=%222%22/%3E%3Crect x=%2244%22 y=%2254%22 width=%2212%22 height=%2210%22 rx=%222%22/%3E%3Crect x=%2259%22 y=%2254%22 width=%2212%22 height=%2210%22 rx=%222%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Crect x=%2218%22 y=%2224%22 width=%2264%22 height=%2258%22 rx=%228%22/%3E%3Crect x=%2230%22 y=%2214%22 width=%229%22 height=%2218%22 rx=%224%22/%3E%3Crect x=%2261%22 y=%2214%22 width=%229%22 height=%2218%22 rx=%224%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-play{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M32 20 80 50 32 80Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-video{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M43 37 62 50 43 63Z%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Crect x=%2214%22 y=%2224%22 width=%2272%22 height=%2252%22 rx=%228%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-download{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M42 16h16v30h14L50 70 28 46h14Z%22/%3E%3Crect x=%2218%22 y=%2276%22 width=%2264%22 height=%229%22 rx=%224%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-documento{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M58 14v18h18Z%22/%3E%3Crect x=%2236%22 y=%2248%22 width=%2230%22 height=%225%22 rx=%222%22/%3E%3Crect x=%2236%22 y=%2260%22 width=%2230%22 height=%225%22 rx=%222%22/%3E%3Crect x=%2236%22 y=%2272%22 width=%2218%22 height=%225%22 rx=%222%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Cpath d=%22M26 14h32l18 18v54H26Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-grafico{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Crect x=%2218%22 y=%2252%22 width=%2216%22 height=%2230%22 rx=%223%22/%3E%3Crect x=%2242%22 y=%2232%22 width=%2216%22 height=%2250%22 rx=%223%22/%3E%3Crect x=%2266%22 y=%2218%22 width=%2216%22 height=%2264%22 rx=%223%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-menu{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Crect x=%2218%22 y=%2224%22 width=%2264%22 height=%2210%22 rx=%225%22/%3E%3Crect x=%2218%22 y=%2245%22 width=%2264%22 height=%2210%22 rx=%225%22/%3E%3Crect x=%2218%22 y=%2266%22 width=%2264%22 height=%2210%22 rx=%225%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-mensagem{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Ccircle cx=%2236%22 cy=%2243%22 r=%225%22/%3E%3Ccircle cx=%2250%22 cy=%2243%22 r=%225%22/%3E%3Ccircle cx=%2264%22 cy=%2243%22 r=%225%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Cpath d=%22M18 26a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v34a8 8 0 0 1-8 8H44L28 82V68h-2a8 8 0 0 1-8-8Z%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-info{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Crect x=%2245%22 y=%2244%22 width=%2210%22 height=%2224%22 rx=%224%22/%3E%3Ccircle cx=%2250%22 cy=%2233%22 r=%225.5%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2232%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-ficha{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2218%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%225%22/%3E%3Crect x=%2246%22 y=%2216%22 width=%228%22 height=%2212%22 rx=%222%22/%3E%3Crect x=%2246%22 y=%2272%22 width=%228%22 height=%2212%22 rx=%222%22/%3E%3Crect x=%2216%22 y=%2246%22 width=%2212%22 height=%228%22 rx=%222%22/%3E%3Crect x=%2272%22 y=%2246%22 width=%2212%22 height=%228%22 rx=%222%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Ccircle cx=%2250%22 cy=%2250%22 r=%2234%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-carta{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M50 36 62 50 50 64 38 50Z%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Crect x=%2226%22 y=%2214%22 width=%2248%22 height=%2272%22 rx=%228%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-trofeu{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M30 18h40v22a20 20 0 0 1-40 0Z%22/%3E%3Cpath d=%22M44 62h12v10h10v10H34V72h10Z%22/%3E%3Cpath d=%22M30 24H16v6a14 14 0 0 0 14 14M70 24h14v6a14 14 0 0 1-14 14%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%226%22/%3E%3C/g%3E%3C/svg%3E")}
.ico-editar{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cdefs%3E%3Cmask id=%22f%22%3E%3Crect width=%22100%22 height=%22100%22 fill=%22%23fff%22/%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M54 26l20 20%22 stroke=%22%23000%22 stroke-width=%225%22/%3E%3C/g%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22%23000%22 mask=%22url(%23f)%22%3E%3Cpath d=%22M62 18l20 20-38 38H24V56Z%22/%3E%3C/g%3E%3C/svg%3E")}
/* ===== LOGO oficial (2023-CB_LOGTIPOS.ai), recolorido por tema. Nunca redesenhar. ===== */
.logo-cb{display:inline-block;flex:none;width:var(--logo-w,96px);aspect-ratio:119.789/107.383;background:var(--logo-img) center/contain no-repeat}
.logo-cb--simbolo{aspect-ratio:100/110;background-image:var(--simbolo-img)}
:root,[data-theme="claro"]{--logo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 119.789 107.383%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 45.394531 89.96875 C 43.539062 89.398438 42.238281 90.085938 41.769531 91.628906 C 41.277344 93.234375 42.019531 94.484375 43.84375 95.042969 L 44.847656 95.347656 L 46.398438 90.273438 Z M 45.496094 96.53125 L 43.671875 95.972656 C 40.84375 95.109375 40.324219 93.140625 40.871094 91.351562 C 41.414062 89.574219 42.992188 88.246094 45.691406 89.070312 L 46.675781 89.371094 L 47.449219 86.839844 L 48.371094 87.125 Z M 45.496094 96.53125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 31.835938 90.238281 C 33.882812 91.367188 36.34375 90.632812 37.449219 88.617188 C 38.5625 86.597656 37.867188 84.121094 35.820312 82.992188 C 33.78125 81.871094 31.316406 82.613281 30.207031 84.632812 C 29.101562 86.640625 29.792969 89.117188 31.835938 90.238281 M 36.285156 82.144531 C 38.886719 83.578125 39.617188 86.6875 38.296875 89.082031 C 36.988281 91.464844 33.972656 92.519531 31.367188 91.085938 C 28.773438 89.660156 28.046875 86.550781 29.359375 84.164062 C 30.675781 81.769531 33.691406 80.71875 36.285156 82.144531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 23.460938 85.738281 L 22.726562 85.109375 L 25.4375 81.917969 L 20.121094 82.902344 L 19.1875 82.105469 L 24.859375 81.160156 L 24.890625 74.0625 L 25.851562 74.878906 L 25.714844 81.589844 L 29.09375 77.613281 L 29.828125 78.238281 Z M 23.460938 85.738281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 16.105469 78.953125 L 12.757812 75.023438 L 13.464844 74.421875 L 16.1875 77.617188 L 18.746094 75.4375 L 16.242188 72.496094 L 16.914062 71.921875 L 19.421875 74.863281 L 22.242188 72.460938 L 19.519531 69.261719 L 20.226562 68.660156 L 23.578125 72.589844 Z M 16.105469 78.953125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 14.65625 66.753906 C 13.648438 65.089844 12.222656 64.738281 10.84375 65.570312 C 9.40625 66.441406 9.125 67.867188 10.109375 69.5 L 10.65625 70.398438 L 15.199219 67.652344 Z M 14.035156 64.714844 L 15.714844 61.585938 L 16.304688 62.566406 L 14.75 65.316406 C 15 65.597656 15.246094 65.910156 15.472656 66.285156 L 16.003906 67.164062 L 18.273438 65.796875 L 18.769531 66.621094 L 10.347656 71.710938 L 9.359375 70.078125 C 7.828125 67.546875 8.753906 65.734375 10.359375 64.765625 C 11.484375 64.085938 12.828125 63.914062 14.035156 64.714844 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 3.75 55.59375 L 4.410156 57.800781 L 3.519531 58.066406 L 1.921875 52.730469 L 2.8125 52.464844 L 3.472656 54.667969 L 12.015625 52.113281 L 12.289062 53.042969 Z M 3.75 55.59375 %22/%3E %3Cg clip-path=%22url(%23clip-1)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 1.167969 49.023438 L 0.433594 43.910156 L 1.351562 43.78125 L 1.949219 47.9375 L 5.28125 47.457031 L 4.730469 43.628906 L 5.601562 43.503906 L 6.152344 47.332031 L 9.828125 46.800781 L 9.226562 42.644531 L 10.148438 42.515625 L 10.882812 47.625 Z M 1.167969 49.023438 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-2)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 7.644531 33.832031 L 1.375 36.015625 L 7.476562 38.707031 Z M 8.515625 33.527344 L 8.324219 39.082031 L 9.945312 39.796875 L 9.910156 40.820312 L 0.238281 36.5 L 0.273438 35.4375 L 10.21875 31.9375 L 10.183594 32.941406 Z M 8.515625 33.527344 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-3)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 0.949219 27.265625 L 1.257812 26.160156 L 10.824219 24.367188 L 3.53125 17.941406 L 3.835938 16.835938 L 13.296875 19.457031 L 13.039062 20.386719 L 5.246094 18.230469 L 11.988281 24.195312 L 11.730469 25.113281 L 2.851562 26.789062 L 10.667969 28.953125 L 10.410156 29.882812 Z M 0.949219 27.265625 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E");--simbolo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%2221.5 -2 100 110%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E")}
[data-theme="sombra"]{--logo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 119.789 107.383%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 45.394531 89.96875 C 43.539062 89.398438 42.238281 90.085938 41.769531 91.628906 C 41.277344 93.234375 42.019531 94.484375 43.84375 95.042969 L 44.847656 95.347656 L 46.398438 90.273438 Z M 45.496094 96.53125 L 43.671875 95.972656 C 40.84375 95.109375 40.324219 93.140625 40.871094 91.351562 C 41.414062 89.574219 42.992188 88.246094 45.691406 89.070312 L 46.675781 89.371094 L 47.449219 86.839844 L 48.371094 87.125 Z M 45.496094 96.53125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 31.835938 90.238281 C 33.882812 91.367188 36.34375 90.632812 37.449219 88.617188 C 38.5625 86.597656 37.867188 84.121094 35.820312 82.992188 C 33.78125 81.871094 31.316406 82.613281 30.207031 84.632812 C 29.101562 86.640625 29.792969 89.117188 31.835938 90.238281 M 36.285156 82.144531 C 38.886719 83.578125 39.617188 86.6875 38.296875 89.082031 C 36.988281 91.464844 33.972656 92.519531 31.367188 91.085938 C 28.773438 89.660156 28.046875 86.550781 29.359375 84.164062 C 30.675781 81.769531 33.691406 80.71875 36.285156 82.144531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 23.460938 85.738281 L 22.726562 85.109375 L 25.4375 81.917969 L 20.121094 82.902344 L 19.1875 82.105469 L 24.859375 81.160156 L 24.890625 74.0625 L 25.851562 74.878906 L 25.714844 81.589844 L 29.09375 77.613281 L 29.828125 78.238281 Z M 23.460938 85.738281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 16.105469 78.953125 L 12.757812 75.023438 L 13.464844 74.421875 L 16.1875 77.617188 L 18.746094 75.4375 L 16.242188 72.496094 L 16.914062 71.921875 L 19.421875 74.863281 L 22.242188 72.460938 L 19.519531 69.261719 L 20.226562 68.660156 L 23.578125 72.589844 Z M 16.105469 78.953125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 14.65625 66.753906 C 13.648438 65.089844 12.222656 64.738281 10.84375 65.570312 C 9.40625 66.441406 9.125 67.867188 10.109375 69.5 L 10.65625 70.398438 L 15.199219 67.652344 Z M 14.035156 64.714844 L 15.714844 61.585938 L 16.304688 62.566406 L 14.75 65.316406 C 15 65.597656 15.246094 65.910156 15.472656 66.285156 L 16.003906 67.164062 L 18.273438 65.796875 L 18.769531 66.621094 L 10.347656 71.710938 L 9.359375 70.078125 C 7.828125 67.546875 8.753906 65.734375 10.359375 64.765625 C 11.484375 64.085938 12.828125 63.914062 14.035156 64.714844 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 3.75 55.59375 L 4.410156 57.800781 L 3.519531 58.066406 L 1.921875 52.730469 L 2.8125 52.464844 L 3.472656 54.667969 L 12.015625 52.113281 L 12.289062 53.042969 Z M 3.75 55.59375 %22/%3E %3Cg clip-path=%22url(%23clip-1)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 1.167969 49.023438 L 0.433594 43.910156 L 1.351562 43.78125 L 1.949219 47.9375 L 5.28125 47.457031 L 4.730469 43.628906 L 5.601562 43.503906 L 6.152344 47.332031 L 9.828125 46.800781 L 9.226562 42.644531 L 10.148438 42.515625 L 10.882812 47.625 Z M 1.167969 49.023438 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-2)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 7.644531 33.832031 L 1.375 36.015625 L 7.476562 38.707031 Z M 8.515625 33.527344 L 8.324219 39.082031 L 9.945312 39.796875 L 9.910156 40.820312 L 0.238281 36.5 L 0.273438 35.4375 L 10.21875 31.9375 L 10.183594 32.941406 Z M 8.515625 33.527344 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-3)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 0.949219 27.265625 L 1.257812 26.160156 L 10.824219 24.367188 L 3.53125 17.941406 L 3.835938 16.835938 L 13.296875 19.457031 L 13.039062 20.386719 L 5.246094 18.230469 L 11.988281 24.195312 L 11.730469 25.113281 L 2.851562 26.789062 L 10.667969 28.953125 L 10.410156 29.882812 Z M 0.949219 27.265625 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E");--simbolo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%2221.5 -2 100 110%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23BA1818%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E")}
.logo-cb--mono{--logo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 119.789 107.383%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 45.394531 89.96875 C 43.539062 89.398438 42.238281 90.085938 41.769531 91.628906 C 41.277344 93.234375 42.019531 94.484375 43.84375 95.042969 L 44.847656 95.347656 L 46.398438 90.273438 Z M 45.496094 96.53125 L 43.671875 95.972656 C 40.84375 95.109375 40.324219 93.140625 40.871094 91.351562 C 41.414062 89.574219 42.992188 88.246094 45.691406 89.070312 L 46.675781 89.371094 L 47.449219 86.839844 L 48.371094 87.125 Z M 45.496094 96.53125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 31.835938 90.238281 C 33.882812 91.367188 36.34375 90.632812 37.449219 88.617188 C 38.5625 86.597656 37.867188 84.121094 35.820312 82.992188 C 33.78125 81.871094 31.316406 82.613281 30.207031 84.632812 C 29.101562 86.640625 29.792969 89.117188 31.835938 90.238281 M 36.285156 82.144531 C 38.886719 83.578125 39.617188 86.6875 38.296875 89.082031 C 36.988281 91.464844 33.972656 92.519531 31.367188 91.085938 C 28.773438 89.660156 28.046875 86.550781 29.359375 84.164062 C 30.675781 81.769531 33.691406 80.71875 36.285156 82.144531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 23.460938 85.738281 L 22.726562 85.109375 L 25.4375 81.917969 L 20.121094 82.902344 L 19.1875 82.105469 L 24.859375 81.160156 L 24.890625 74.0625 L 25.851562 74.878906 L 25.714844 81.589844 L 29.09375 77.613281 L 29.828125 78.238281 Z M 23.460938 85.738281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 16.105469 78.953125 L 12.757812 75.023438 L 13.464844 74.421875 L 16.1875 77.617188 L 18.746094 75.4375 L 16.242188 72.496094 L 16.914062 71.921875 L 19.421875 74.863281 L 22.242188 72.460938 L 19.519531 69.261719 L 20.226562 68.660156 L 23.578125 72.589844 Z M 16.105469 78.953125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 14.65625 66.753906 C 13.648438 65.089844 12.222656 64.738281 10.84375 65.570312 C 9.40625 66.441406 9.125 67.867188 10.109375 69.5 L 10.65625 70.398438 L 15.199219 67.652344 Z M 14.035156 64.714844 L 15.714844 61.585938 L 16.304688 62.566406 L 14.75 65.316406 C 15 65.597656 15.246094 65.910156 15.472656 66.285156 L 16.003906 67.164062 L 18.273438 65.796875 L 18.769531 66.621094 L 10.347656 71.710938 L 9.359375 70.078125 C 7.828125 67.546875 8.753906 65.734375 10.359375 64.765625 C 11.484375 64.085938 12.828125 63.914062 14.035156 64.714844 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 3.75 55.59375 L 4.410156 57.800781 L 3.519531 58.066406 L 1.921875 52.730469 L 2.8125 52.464844 L 3.472656 54.667969 L 12.015625 52.113281 L 12.289062 53.042969 Z M 3.75 55.59375 %22/%3E %3Cg clip-path=%22url(%23clip-1)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 1.167969 49.023438 L 0.433594 43.910156 L 1.351562 43.78125 L 1.949219 47.9375 L 5.28125 47.457031 L 4.730469 43.628906 L 5.601562 43.503906 L 6.152344 47.332031 L 9.828125 46.800781 L 9.226562 42.644531 L 10.148438 42.515625 L 10.882812 47.625 Z M 1.167969 49.023438 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-2)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 7.644531 33.832031 L 1.375 36.015625 L 7.476562 38.707031 Z M 8.515625 33.527344 L 8.324219 39.082031 L 9.945312 39.796875 L 9.910156 40.820312 L 0.238281 36.5 L 0.273438 35.4375 L 10.21875 31.9375 L 10.183594 32.941406 Z M 8.515625 33.527344 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-3)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 0.949219 27.265625 L 1.257812 26.160156 L 10.824219 24.367188 L 3.53125 17.941406 L 3.835938 16.835938 L 13.296875 19.457031 L 13.039062 20.386719 L 5.246094 18.230469 L 11.988281 24.195312 L 11.730469 25.113281 L 2.851562 26.789062 L 10.667969 28.953125 L 10.410156 29.882812 Z M 0.949219 27.265625 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E");--simbolo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%2221.5 -2 100 110%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23111111%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E")}
[data-theme="sombra"] .logo-cb--mono,.logo-cb--mono-paper{--logo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%220 0 119.789 107.383%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 45.394531 89.96875 C 43.539062 89.398438 42.238281 90.085938 41.769531 91.628906 C 41.277344 93.234375 42.019531 94.484375 43.84375 95.042969 L 44.847656 95.347656 L 46.398438 90.273438 Z M 45.496094 96.53125 L 43.671875 95.972656 C 40.84375 95.109375 40.324219 93.140625 40.871094 91.351562 C 41.414062 89.574219 42.992188 88.246094 45.691406 89.070312 L 46.675781 89.371094 L 47.449219 86.839844 L 48.371094 87.125 Z M 45.496094 96.53125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 31.835938 90.238281 C 33.882812 91.367188 36.34375 90.632812 37.449219 88.617188 C 38.5625 86.597656 37.867188 84.121094 35.820312 82.992188 C 33.78125 81.871094 31.316406 82.613281 30.207031 84.632812 C 29.101562 86.640625 29.792969 89.117188 31.835938 90.238281 M 36.285156 82.144531 C 38.886719 83.578125 39.617188 86.6875 38.296875 89.082031 C 36.988281 91.464844 33.972656 92.519531 31.367188 91.085938 C 28.773438 89.660156 28.046875 86.550781 29.359375 84.164062 C 30.675781 81.769531 33.691406 80.71875 36.285156 82.144531 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 23.460938 85.738281 L 22.726562 85.109375 L 25.4375 81.917969 L 20.121094 82.902344 L 19.1875 82.105469 L 24.859375 81.160156 L 24.890625 74.0625 L 25.851562 74.878906 L 25.714844 81.589844 L 29.09375 77.613281 L 29.828125 78.238281 Z M 23.460938 85.738281 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 16.105469 78.953125 L 12.757812 75.023438 L 13.464844 74.421875 L 16.1875 77.617188 L 18.746094 75.4375 L 16.242188 72.496094 L 16.914062 71.921875 L 19.421875 74.863281 L 22.242188 72.460938 L 19.519531 69.261719 L 20.226562 68.660156 L 23.578125 72.589844 Z M 16.105469 78.953125 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 14.65625 66.753906 C 13.648438 65.089844 12.222656 64.738281 10.84375 65.570312 C 9.40625 66.441406 9.125 67.867188 10.109375 69.5 L 10.65625 70.398438 L 15.199219 67.652344 Z M 14.035156 64.714844 L 15.714844 61.585938 L 16.304688 62.566406 L 14.75 65.316406 C 15 65.597656 15.246094 65.910156 15.472656 66.285156 L 16.003906 67.164062 L 18.273438 65.796875 L 18.769531 66.621094 L 10.347656 71.710938 L 9.359375 70.078125 C 7.828125 67.546875 8.753906 65.734375 10.359375 64.765625 C 11.484375 64.085938 12.828125 63.914062 14.035156 64.714844 %22/%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 3.75 55.59375 L 4.410156 57.800781 L 3.519531 58.066406 L 1.921875 52.730469 L 2.8125 52.464844 L 3.472656 54.667969 L 12.015625 52.113281 L 12.289062 53.042969 Z M 3.75 55.59375 %22/%3E %3Cg clip-path=%22url(%23clip-1)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 1.167969 49.023438 L 0.433594 43.910156 L 1.351562 43.78125 L 1.949219 47.9375 L 5.28125 47.457031 L 4.730469 43.628906 L 5.601562 43.503906 L 6.152344 47.332031 L 9.828125 46.800781 L 9.226562 42.644531 L 10.148438 42.515625 L 10.882812 47.625 Z M 1.167969 49.023438 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-2)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 7.644531 33.832031 L 1.375 36.015625 L 7.476562 38.707031 Z M 8.515625 33.527344 L 8.324219 39.082031 L 9.945312 39.796875 L 9.910156 40.820312 L 0.238281 36.5 L 0.273438 35.4375 L 10.21875 31.9375 L 10.183594 32.941406 Z M 8.515625 33.527344 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-3)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 0.949219 27.265625 L 1.257812 26.160156 L 10.824219 24.367188 L 3.53125 17.941406 L 3.835938 16.835938 L 13.296875 19.457031 L 13.039062 20.386719 L 5.246094 18.230469 L 11.988281 24.195312 L 11.730469 25.113281 L 2.851562 26.789062 L 10.667969 28.953125 L 10.410156 29.882812 Z M 0.949219 27.265625 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E");--simbolo-img:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22 viewBox=%2221.5 -2 100 110%22%3E %3Cdefs%3E %3CclipPath id=%22clip-0%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 69 38 L 115 38 L 115 106.769531 L 69 106.769531 Z M 69 38 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-1%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 42 L 11 42 L 11 50 L 0.238281 50 Z M 0.238281 42 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-2%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 31 L 11 31 L 11 41 L 0.238281 41 Z M 0.238281 31 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-3%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 0.238281 16 L 14 16 L 14 30 L 0.238281 30 Z M 0.238281 16 %22/%3E %3C/clipPath%3E %3CclipPath id=%22clip-4%22%3E %3Cpath clip-rule=%22nonzero%22 d=%22M 104 15 L 119.34375 15 L 119.34375 32 L 104 32 Z M 104 15 %22/%3E %3C/clipPath%3E %3C/defs%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 73.710938 56.042969 C 69.953125 58.445312 65.4375 59.878906 60.488281 59.878906 C 46.5625 59.878906 36.222656 48.621094 36.222656 35.695312 C 36.222656 22.765625 46.5625 11.425781 60.488281 11.425781 C 72.832031 11.425781 82.753906 20.515625 84.425781 31.609375 L 96.015625 31.609375 C 94.265625 14.34375 79.003906 0 60.488281 0 C 40.390625 0 24.792969 16.597656 24.792969 35.695312 C 24.792969 54.789062 40.390625 71.304688 60.488281 71.304688 C 65.152344 71.304688 69.617188 70.398438 73.710938 68.761719 Z M 73.710938 56.042969 %22/%3E %3Cg clip-path=%22url(%23clip-0)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 86.839844 96.261719 C 97.847656 96.261719 102.9375 93.757812 102.9375 86.003906 C 102.9375 78.664062 97.933594 75.578125 87.925781 75.578125 L 80.753906 75.578125 L 80.753906 96.261719 Z M 87.925781 66.40625 C 95.679688 66.40625 99.933594 63.90625 99.933594 57.398438 C 99.933594 50.394531 95.847656 47.972656 87.925781 47.972656 L 80.753906 47.972656 L 80.753906 66.40625 Z M 69.914062 38.132812 L 87.675781 38.132812 C 103.019531 38.132812 110.691406 43.890625 110.691406 56.316406 C 110.691406 62.988281 107.605469 67.742188 102.519531 69.992188 C 110.109375 71.992188 114.527344 78.25 114.527344 86.089844 C 114.527344 99.515625 105.855469 106.769531 87.089844 106.769531 L 69.914062 106.769531 Z M 69.914062 38.132812 %22/%3E %3C/g%3E %3Cg clip-path=%22url(%23clip-4)%22%3E %3Cpath fill-rule=%22nonzero%22 fill=%22%23FFFFFF%22 fill-opacity=%221%22 d=%22M 108.355469 20.925781 C 107.695312 18.570312 108.117188 16.976562 109.6875 15.878906 C 111.101562 14.886719 112.902344 14.898438 114.328125 15.914062 C 115.847656 17 116.253906 18.597656 115.59375 20.949219 C 117.417969 21.210938 118.722656 22.152344 119.195312 23.976562 C 119.605469 25.570312 119.164062 26.988281 117.867188 28.027344 C 116.285156 29.296875 114.597656 29.191406 112.851562 28.128906 C 113.148438 29.484375 113.78125 30.535156 114.914062 31.398438 L 109.054688 31.398438 C 110.15625 30.558594 110.78125 29.515625 111.121094 28.117188 C 109.855469 28.929688 108.574219 29.191406 107.242188 28.695312 C 105.898438 28.191406 105.019531 27.214844 104.726562 25.800781 C 104.230469 23.40625 105.589844 21.605469 108.355469 20.925781 %22/%3E %3C/g%3E %3C/svg%3E")}
.choice input[type="checkbox"]::after,.selo-check{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M22 52l18 18 38-40%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%2212%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E")}
.select-wrap::after{--i:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22%3E%3Cg fill=%22%23000%22%3E%3Cpath d=%22M38 22l28 28-28 28%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%2212%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/g%3E%3C/svg%3E")}

/* ===== 10-base.css ===== */
/* =====================================================================
   CB Poker Team — biblioteca de componentes (CSS puro, atomic design)
   Carregar DEPOIS de tokens.css. Envolver a página em <body class="ds">.
   Contexto: data-theme="claro" (o normal) | data-theme="sombra" (a inversão).
   Escala: --u = 1 no canvas 1080 (.slide, .canvas) e .5 na web.
   Ordem: 0 Base · 1 Átomos · 2 Nicho (primitivas) · 3 Moléculas · 4 Organismos
   Regra de consumo: nada digita matiz, família ou corpo. Tudo sai dos tokens.
   ===================================================================== */

/* =========================== 0 · BASE ================================ */
:root{--u:.5}
.slide,.canvas{--u:1}
/* variáveis de contexto: herdam do [data-theme] mais próximo */
:root,[data-theme="claro"]{
  --kicker-cor:var(--acento);
  --naipe-espadas:var(--espadas);
  --ghost:var(--tint-claro);
  --anel:var(--anel-paper);
  --logo-cor:var(--ink);
  --scrim:rgba(17,17,17,.56);
}
[data-theme="sombra"]{
  --kicker-cor:var(--emprestada);
  --naipe-espadas:var(--paper);
  --ghost:var(--tint-escuro);
  --anel:var(--anel-sombra);
  --logo-cor:var(--paper);
  --scrim:rgba(0,0,0,.72);
}
/* A peça real usa o kicker VERMELHO sobre a sombra (22px no canvas, 3,03:1). Na peça, fica
   fiel à fonte com .kicker--fonte; na web o kicker troca para o dourado. */
.ds,.ds *{box-sizing:border-box}
.ds{margin:0;font-family:var(--font-texto);font-weight:500;background:var(--surface);color:var(--text);
  line-height:1.42;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.ds) :is(h1,h2,h3,h4,p,ul,ol,figure,blockquote){margin:0}
:where(.ds) :is(ul,ol){padding:0;list-style:none}
:where(.ds) a{color:inherit}
:where(.ds) img{display:block;max-width:100%}
[data-theme]{color:var(--text)}
.sec,.pane,.slide,.canvas,.page{background:var(--surface);color:var(--text)}
.ds ::selection{background:var(--highlight);color:var(--on-action)}
.ds [hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--space-7)}
.leitura{max-width:var(--pagina-leitura)}
.stack{display:flex;flex-direction:column;gap:var(--gap,var(--space-4))}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap,var(--space-4))}
.grid{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gap,var(--space-5))}
@media (max-width:720px){.grid{grid-template-columns:1fr}}
:where(.ds) :focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ds *,.ds *::before,.ds *::after{transition:none!important;animation:none!important}}

/* ===== 20-atomos.css ===== */
/* =========================== 1 · ÁTOMOS ============================== */

/* A · Título (Anton, caixa alta, um peso só). Entrelinha ≥ 1,08 por causa de Ã, Ç, Ê, Ó.
   O padding-top protege o acento da primeira linha, que o Anton desenha acima da maiúscula. */
.hd{font-family:var(--font-display);font-weight:400;text-transform:uppercase;color:var(--text-strong);
  text-wrap:balance;padding-top:calc(16px * var(--u))}
.hd-xl{font-size:clamp(48px,7vw,88px);line-height:1.04;letter-spacing:-1px}
.hd-capa{font-size:clamp(40px,5.2vw,66px);line-height:1.08;letter-spacing:-.5px}
.hd-miolo{font-size:clamp(34px,4.2vw,52px);line-height:1.10}
.hd-prova{font-size:clamp(28px,3.2vw,39px);line-height:1.14}
.hd-card{font-size:26px;line-height:1.1}
.slide .hd-capa{font-size:132px;line-height:1.08;letter-spacing:-1px}
.slide .hd-miolo{font-size:104px;line-height:1.10;letter-spacing:-1px}
.slide .hd-prova{font-size:78px;line-height:1.14;letter-spacing:0}
/* O pivô: uma palavra ou número por título, em `highlight`. Nunca quebra no meio. */
.pivo{color:var(--highlight);white-space:nowrap}
.dim{color:var(--text-muted);white-space:nowrap}

/* A · Texto */
.sub{color:var(--text)}
.corpo{color:var(--text-muted)}
.corpo b,.corpo strong,.sub b{color:var(--text);font-weight:700}
.corpo--forte{color:var(--text)}
.apoio{color:var(--text-muted)}
.rotulo{color:var(--text)}
.rodape{color:var(--text-muted)}
.mono-rotulo{text-transform:uppercase;color:var(--text-muted)}
.notacao{color:var(--text)}
.slide .sub{font-size:40px;line-height:1.28;letter-spacing:-.3px}
.slide .corpo{font-size:34px;line-height:1.42}
.slide .mono-rotulo{font-size:24px;letter-spacing:2px}
.slide .rodape{font-size:26px;letter-spacing:.6px}
.link{color:var(--text);font-weight:700;text-decoration:underline;text-decoration-color:var(--highlight);
  text-decoration-thickness:2px;text-underline-offset:3px}
.link:hover{color:var(--highlight)}

/* A · Kicker: o nome da série, no topo. Vem da PEÇA, nunca do slide. */
.kicker{display:inline-block;text-transform:uppercase;color:var(--kicker-cor)}
.kicker--fonte{color:var(--acento)}
.slide .kicker{font-size:22px;letter-spacing:3.4px}

/* A · Régua de acento: o único ornamento do sistema, chapada. */
.regua{display:block;height:calc(8px * var(--u));width:34%;background:var(--rule);flex:none;border:0}

/* A · Botão = a barra da chamada. Chapado, canto reto, Anton em uma linha. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;
  padding:12px 23px;border:var(--stroke) solid var(--action);background:var(--action);color:var(--on-action);
  font-family:var(--font-display);font-weight:400;font-size:23px;line-height:1;letter-spacing:.5px;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background var(--dur-estado) var(--ease-saida),color var(--dur-estado) var(--ease-saida),border-color var(--dur-estado) var(--ease-saida),transform var(--dur-estado) var(--ease-saida)}
.btn:hover{background:var(--line);border-color:var(--line);color:var(--surface)}
.btn:active{transform:translateY(1px)}
.btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.btn .ico{font-size:.9em}
.btn--sec{background:transparent;color:var(--text);border-color:var(--line)}
.btn--sec:hover{background:var(--line);color:var(--surface)}
.btn--texto{background:transparent;border-color:transparent;color:var(--text);padding-inline:4px;
  font-family:var(--font-texto);font-weight:700;font-size:15px;letter-spacing:0;text-transform:none;
  text-decoration:underline;text-decoration-color:var(--highlight);text-decoration-thickness:2px;text-underline-offset:4px}
.btn--texto:hover{background:transparent;border-color:transparent;color:var(--highlight)}
.btn--sm{min-height:36px;padding:8px 16px;font-size:18px}
.btn--block{display:flex;width:100%}
.btn[disabled],.btn.is-disabled{background:var(--rail);border-color:var(--rail);color:var(--text-muted);cursor:not-allowed;transform:none}
.slide .btn{font-size:46px;padding:26px 46px;border:0;min-height:0}

/* A · Botão de ícone: quadrado 44px, traço único */
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;
  border:var(--stroke) solid var(--line);background:transparent;color:var(--text);cursor:pointer;font-size:18px;
  border-radius:var(--radius-md);transition:background var(--dur-estado) var(--ease-saida),color var(--dur-estado) var(--ease-saida)}
.icon-btn:hover{background:var(--line);color:var(--surface)}
.icon-btn--acao{background:var(--action);border-color:var(--action);color:var(--on-action)}
.icon-btn--sem-borda{border-color:transparent}

/* A · Ícone em círculo: forma cheia em paper dentro de um disco chapado na cor do papel que chama */
.ico-circ{--tam:48px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--tam);height:var(--tam);
  border-radius:var(--radius-pill);background:var(--action);color:var(--on-action);font-size:calc(var(--tam) * .5)}
.ico-circ .ico{width:1.16em;height:1.16em}
.ico-circ--acento{background:var(--acento);color:var(--paper)}
.ico-circ--emprestada{background:var(--emprestada);color:var(--sombra)}
.ico-circ--tinta{background:var(--line);color:var(--surface)}
.ico-circ--contorno{background:transparent;border:var(--stroke) solid var(--line);color:var(--text)}

/* A · Etiqueta mono (a tag do lado, o rótulo da mesa) */
.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-weight:500;font-size:12px;
  line-height:1.3;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.tag--pivo{color:var(--highlight)}
.tag--caixa{padding:4px 8px;border:var(--stroke) solid var(--line);color:var(--text)}
.tag--cheia{padding:5px 9px;background:var(--line);color:var(--surface)}
.slide .tag{font-size:24px;letter-spacing:2px}

/* A · Estado: ícone + palavra, nunca só cor */
.status{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-texto);font-weight:700;font-size:14px;line-height:1.2;
  padding:5px 10px 5px 7px;border:var(--stroke) solid currentColor;border-radius:var(--radius-sm);color:var(--text)}
.status .ico{font-size:15px}
.status--pendente{color:var(--text-muted)}
.status--atencao{color:var(--highlight)}
.status--feito{background:var(--line);border-color:var(--line);color:var(--surface)}
.status--aberto{border-style:dashed}
/* A · Estado de trabalho (produto): preenchimento tonal OU contorno, nunca os dois; ícone e palavra sempre.
   Só em tela de produto (quadro, painel); nunca em arte com carta, onde azul e verde são naipes. */
.status--em-andamento{background:var(--estado-andamento-fundo);border-color:var(--estado-andamento-fundo);color:var(--estado-andamento-tinta)}
.status--aguardando{background:var(--estado-aguardando-fundo);border-color:var(--estado-aguardando-fundo);color:var(--estado-aguardando-tinta)}
.status--finalizado{background:var(--estado-finalizado-fundo);border-color:var(--estado-finalizado-fundo);color:var(--estado-finalizado-tinta)}
.status--proximo{background:transparent;border-style:dashed;color:var(--estado-proximo-tinta)}

/* A · Naipe: cor de naipe pinta naipe */
.naipe{font-weight:700}
.n-espadas{color:var(--naipe-espadas)} .n-copas{color:var(--copas)} .n-ouros{color:var(--ouros)} .n-paus{color:var(--paus)}

/* A · Número em disco (passo) */
.num-disco{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(56px * var(--u));height:calc(56px * var(--u));
  min-width:26px;min-height:26px;border-radius:var(--radius-pill);background:var(--acento);color:var(--paper);
  font-family:var(--font-display);font-size:max(14px, calc(30px * var(--u)));line-height:1}
.num-disco--emprestada{background:var(--emprestada);color:var(--sombra)}

/* A · Botão de dealer: disco com D, sempre menor que um assento */
.dealer{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(48px * var(--u));height:calc(48px * var(--u));
  min-width:22px;min-height:22px;border-radius:var(--radius-pill);background:var(--emprestada);color:var(--sombra);
  border:calc(3px * var(--u)) solid var(--ink);font-family:var(--font-display);font-size:max(12px, calc(28px * var(--u)));line-height:1}

/* A · Carta (o objeto liso, geometria exata). Proporção 150:210, traço de peso do sistema, índice no canto. */
.carta{--e:calc(var(--esc,1) * var(--u));position:relative;flex:none;width:calc(150px * var(--e));height:calc(210px * var(--e));
  background:var(--paper);border:calc(4px * var(--e)) solid var(--ink);border-radius:calc(16px * var(--e));
  display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}
.carta .idx{position:absolute;top:calc(8px * var(--e));left:calc(14px * var(--e));font-family:var(--font-display);font-size:calc(46px * var(--e));line-height:1}
.carta .nc{font-size:calc(92px * var(--e));line-height:1;margin-top:calc(10px * var(--e))}
.carta.n-espadas{color:var(--ink)} .carta.n-copas{color:var(--copas)} .carta.n-ouros{color:var(--ouros)} .carta.n-paus{color:var(--paus)}
.carta--verso{background:repeating-linear-gradient(45deg,var(--acento) 0,var(--acento) calc(8px * var(--e)),var(--verso-listra) calc(8px * var(--e)),var(--verso-listra) calc(16px * var(--e)))}
.carta--verso::after{content:"";width:60%;height:74%;border:calc(3px * var(--e)) solid var(--paper);border-radius:calc(8px * var(--e))}
.carta--morta{transform:rotate(-8deg);border-color:var(--apagado);color:var(--apagado)!important}
[data-theme="sombra"] .carta{border-color:var(--ink)}

/* A · Ator do elenco: PNG recortado, nunca espelhado, nunca deformado */
.ator{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none}
.ator img{display:block;height:calc(560px * var(--esc,1) * var(--u));width:auto;object-fit:contain}

/* A · Ficha (pilha em corte). A altura conta a história. */
.fichas{display:inline-flex;flex-direction:column;align-items:center;gap:calc(18px * var(--u))}
.pilha{display:flex;flex-direction:column-reverse}
.pilha i{display:block;width:calc(132px * var(--u));height:calc(26px * var(--u));border:calc(4px * var(--u)) solid var(--line);
  border-radius:var(--radius-pill);margin-top:calc(-4px * var(--u));background:var(--acento)}
.pilha--emprestada i{background:var(--emprestada)}

/* A · Rótulo de arte (mono, caixa alta, embaixo do objeto) */
.rotulo-arte{font-family:var(--font-mono);font-weight:500;font-size:calc(24px * var(--u));letter-spacing:calc(2px * var(--u));
  text-transform:uppercase;color:var(--text-muted);text-align:center}
.ds:not(.slide) .rotulo-arte{font-size:12px;letter-spacing:.12em}
.slide .rotulo-arte{font-size:24px;letter-spacing:2px}

/* A · Controles de formulário */
.input,.select,.textarea{width:100%;min-height:44px;padding:10px 14px;border:var(--stroke) solid var(--line);border-radius:var(--radius-md);
  background:var(--surface-raised);color:var(--text);font:500 16px/1.4 var(--font-texto);
  transition:box-shadow var(--dur-estado) var(--ease-saida)}
.textarea{min-height:104px;resize:vertical}
.input::placeholder,.textarea::placeholder{color:var(--text-muted)}
.input:focus,.select:focus,.textarea:focus{outline:none;box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--focus-ring)}
.input[aria-invalid="true"]{border-color:var(--highlight);border-width:3px}
.input[disabled]{background:var(--surface-soft);color:var(--text-muted);border-style:dashed}
.select{appearance:none;padding-right:40px;background-image:none}
.select-wrap{position:relative;display:block}
.select-wrap::after{content:"";position:absolute;right:14px;top:50%;width:14px;height:14px;margin-top:-7px;background:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transform:rotate(90deg);pointer-events:none}
.choice{display:inline-flex;align-items:flex-start;gap:10px;font:500 16px/1.4 var(--font-texto);color:var(--text);cursor:pointer}
.choice input{appearance:none;flex:none;width:22px;height:22px;margin:0;border:var(--stroke) solid var(--line);border-radius:var(--radius-sm);
  background:var(--surface-raised);display:grid;place-items:center;cursor:pointer}
.choice input[type="radio"]{border-radius:var(--radius-pill)}
.choice input::after{content:"";width:14px;height:14px;background:var(--on-action);transform:scale(0);transition:transform var(--dur-estado) var(--ease-saida)}
.choice input:checked{background:var(--action);border-color:var(--action)}
.choice input[type="checkbox"]::after{-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.choice input[type="radio"]::after{width:8px;height:8px;border-radius:var(--radius-pill)}
.choice input:checked::after{transform:scale(1)}
.choice input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}
.switch{appearance:none;flex:none;width:46px;height:26px;margin:0;border:var(--stroke) solid var(--line);border-radius:var(--radius-pill);
  background:var(--rail);position:relative;cursor:pointer;transition:background var(--dur-estado) var(--ease-saida)}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--line);
  transition:transform var(--dur-estado) var(--ease-saida)}
.switch:checked{background:var(--action);border-color:var(--action)}
.switch:checked::after{transform:translateX(20px);background:var(--on-action)}

/* A · Avatar: iniciais, nunca foto no feed público */
.avatar{--tam:40px;display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--tam);height:var(--tam);
  border-radius:var(--radius-pill);border:var(--stroke) solid var(--line);background:var(--surface-raised);color:var(--text);
  font:700 calc(var(--tam) * .38)/1 var(--font-texto);letter-spacing:-.02em}
.avatar--cheio{background:var(--line);color:var(--surface)}
.avatar-grupo{display:flex}.avatar-grupo .avatar{margin-left:-8px;box-shadow:var(--anel)}.avatar-grupo .avatar:first-child{margin-left:0}

/* A · Tooltip */
.tooltip{position:relative;display:inline-block;max-width:260px;padding:8px 11px;border-radius:var(--radius-sm);
  background:var(--line);color:var(--surface);font:600 13px/1.35 var(--font-texto)}
.tooltip::after{content:"";position:absolute;left:16px;bottom:-6px;border:6px solid transparent;border-bottom:0;border-top-color:var(--line)}
.tooltip .tnum{font-family:var(--font-mono);font-weight:500}

/* A · Progresso e medidor: trilho com contorno, preenchimento chapado */
.progresso{height:14px;border:var(--stroke) solid var(--line);background:var(--rail);overflow:hidden}
.progresso > i{display:block;height:100%;width:var(--v,40%);background:var(--action)}
.medidor{display:grid;grid-template-columns:repeat(var(--n,10),1fr);gap:4px}
.medidor i{height:14px;background:var(--rail);border-radius:2px}
.medidor i.on{background:var(--action)}

/* A · Carregando: três fichas acendendo em sequência (estado, não enfeite) */
.carregando{display:inline-flex;gap:6px;align-items:center}
.carregando i{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--rail);animation:cb-acende 1.2s var(--ease-saida) infinite}
.carregando i:nth-child(2){animation-delay:.2s}.carregando i:nth-child(3){animation-delay:.4s}
@keyframes cb-acende{0%,60%,100%{background:var(--rail)}30%{background:var(--action)}}

/* A · Divisores */
.divisor{border:0;height:var(--stroke-fino);background:var(--hairline);margin:0}
.divisor--traco{height:var(--stroke);background:var(--line)}

/* ===== 30-nicho.css ===== */
/* =========================== 2 · PRIMITIVAS DO NICHO =================
   Portadas de primitivas.mjs: mesmos números (canvas), multiplicados por --u.
   Elas NÃO escolhem layout: o slide ou a tela decide onde entram.
   A cor troca pelo data-theme da seção, nunca por classe no componente.
   ===================================================================== */

/* Mão: duas cartas levemente giradas, como quem segura */
.mao{display:inline-flex;flex-direction:column;align-items:center;gap:calc(18px * var(--u))}
.mao-cartas{display:flex}
.mao-cartas .carta:first-child{transform:rotate(-7deg)}
.mao-cartas .carta:last-child{transform:rotate(6deg);margin-left:calc(-22px * var(--esc,1) * var(--u))}

/* Board: as cartas comunitárias; as fechadas saem no verso e dizem a rua sozinhas */
.board{display:inline-flex;flex-direction:column;align-items:center;gap:calc(20px * var(--u))}
.board-cartas{display:flex;gap:calc(14px * var(--esc,1) * var(--u))}

/* Barra de proporção: a forma mais honesta de mostrar frequência */
.barra-prop{display:flex;flex-direction:column;gap:calc(18px * var(--u));width:100%}
.barra-trilho{display:flex;height:calc(var(--alt,96px) * var(--u));width:100%;border:calc(4px * var(--u)) solid var(--line);overflow:hidden}
.seg{display:flex;align-items:center;justify-content:center;min-width:0;flex:var(--v,1)}
.seg b{font-family:var(--font-display);font-weight:400;font-size:calc(46px * var(--u));color:var(--paper);line-height:1}
.seg + .seg{box-shadow:inset calc(4px * var(--u)) 0 0 var(--surface)}
.cor-acento{background:var(--acento)} .cor-emprestada{background:var(--emprestada)}
.cor-tinta{background:var(--line)} .cor-cinza{background:var(--empty)}
.seg.cor-tinta b{color:var(--surface)} .seg.cor-cinza b{color:var(--text)} .seg.cor-emprestada b{color:var(--sombra)}
.barra-legenda{display:flex;gap:calc(36px * var(--u));flex-wrap:wrap}
.leg{display:inline-flex;align-items:center;gap:calc(12px * var(--u));font-family:var(--font-texto);font-weight:600;
  font-size:calc(28px * var(--u));color:var(--text-muted)}
.ds:not(.slide) .leg{font-size:14px}
.leg i{width:calc(26px * var(--u));height:calc(26px * var(--u));min-width:12px;min-height:12px;flex:none}

/* Travamento numérico: numeral gigante contra uma palavra curta (até 5 palavras) */
.numeral{display:flex;align-items:baseline;gap:calc(28px * var(--u))}
.numeral .num{font-family:var(--font-display);font-weight:400;font-size:calc(260px * var(--u));line-height:.84;color:var(--highlight)}
.numeral .num i{font-size:calc(120px * var(--u));font-style:normal}
.numeral .num-txt{font-family:var(--font-display);font-size:calc(64px * var(--u));line-height:1.02;text-transform:uppercase;max-width:calc(400px * var(--u));color:var(--text-strong)}

/* Mesa vista de cima: um DIAGRAMA DE ESTADO da jogada */
.mesa-wrap{display:flex;flex-direction:column;align-items:center;gap:calc(10px * var(--u));width:100%}
.mesa{position:relative;width:100%;max-width:calc(820px * var(--u));aspect-ratio:16/10;margin:calc(34px * var(--u)) 0}
.mesa--vert{max-width:calc(560px * var(--u));aspect-ratio:10/12}
.mesa--recorte.mesa--vert{aspect-ratio:10/11}
.feltro{position:absolute;inset:9% 6%;border:calc(4px * var(--u)) solid var(--line);border-radius:var(--radius-pill);background:var(--surface)}
.mesa--rico .feltro{inset:17% 6%}
.mesa--vert .feltro{inset:20% 7%}
.mesa--recorte .feltro{inset:15% 7%}
.feltro--jogo{background:var(--feltro);border-color:var(--line)}
.mesa-centro{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;
  gap:calc(14px * var(--u));max-width:58%;text-align:center}
.assento{position:absolute;transform:translate(-50%,-50%);min-width:calc(118px * var(--u));padding:calc(12px * var(--u)) calc(12px * var(--u));
  background:var(--surface);border:calc(4px * var(--u)) solid var(--line);border-radius:calc(14px * var(--u));text-align:center;
  font-family:var(--font-display);font-size:calc(30px * var(--u));color:var(--text);display:flex;flex-direction:column;align-items:center;gap:calc(6px * var(--u))}
.assento--foco{background:var(--acento);border-color:var(--acento);color:var(--paper)}
.assento--vilao{border-style:dashed}
.assento .pos{font-family:var(--font-display);font-size:calc(30px * var(--u));line-height:1}
.assento .stack{font-family:var(--font-mono);font-size:calc(21px * var(--u));letter-spacing:calc(1px * var(--u));color:var(--text-muted)}
.assento .acao{font-family:var(--font-display);font-size:calc(22px * var(--u));text-transform:uppercase;letter-spacing:.5px;color:var(--acento);white-space:nowrap}
.assento .acao{color:var(--highlight)}
.assento--foco .stack,.assento--foco .acao{color:var(--paper)!important}
.assento .cartas{display:flex;gap:calc(4px * var(--u))}
.assento .cartas .carta{--esc:.28}
.assento .dealer{position:absolute;right:calc(-20px * var(--u));bottom:calc(-18px * var(--u))}
.pote-valor{font-family:var(--font-display);font-size:calc(58px * var(--u));line-height:1;color:var(--text-strong)}
.pote-comp{font-family:var(--font-mono);font-size:calc(22px * var(--u));letter-spacing:calc(1px * var(--u));color:var(--text-muted)}
.pote{font-family:var(--font-display);font-size:calc(34px * var(--u));text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}

/* Cadeia de ruas: estações ligadas por conector com cabeça triangular */
.ruas{display:flex;align-items:stretch;width:100%}
.rua{flex:1;display:flex;flex-direction:column;gap:calc(16px * var(--u));justify-content:center;padding:calc(62px * var(--u)) calc(18px * var(--u));
  border:calc(4px * var(--u)) solid var(--line);text-align:center;min-width:0;color:var(--text)}
.rua b{font-family:var(--font-display);font-weight:400;font-size:calc(var(--rua-corpo,42px) * var(--u));text-transform:uppercase;line-height:1.06}
.rua span{font-family:var(--font-texto);font-weight:600;font-size:calc(30px * var(--u));color:var(--text-muted)}
.rua--foco{background:var(--acento);border-color:var(--acento);color:var(--paper)}
.rua--foco span{color:var(--paper)}
.rua--morta b,.rua--morta span{color:var(--text-dead)}
.seta{flex:none;width:calc(34px * var(--u));align-self:center;height:calc(6px * var(--u));background:var(--line);position:relative}
.seta::after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);border-top:calc(14px * var(--u)) solid transparent;
  border-bottom:calc(14px * var(--u)) solid transparent;border-left:calc(18px * var(--u)) solid var(--line)}

/* Comparação espelhada: os dois lados no MESMO grid de quatro linhas */
.versus{display:flex;width:100%;align-items:stretch}
.lado{flex:1;display:grid;grid-template-rows:auto auto 1fr auto;gap:calc(24px * var(--u));padding:calc(38px * var(--u)) calc(30px * var(--u));
  border:calc(4px * var(--u)) solid var(--line);min-width:0}
.lado + .lado{border-left-width:0}
.lado-tag{font-family:var(--font-mono);font-size:calc(24px * var(--u));letter-spacing:calc(2px * var(--u));text-transform:uppercase;color:var(--text-muted)}
.lado-tit{font-family:var(--font-display);font-weight:400;font-size:calc(60px * var(--u));line-height:1.04;text-transform:uppercase;color:var(--text-strong)}
.lado-arte{display:flex;align-items:center;justify-content:center;min-height:0}
.lado-txt{font-family:var(--font-texto);font-weight:500;font-size:calc(30px * var(--u));line-height:1.38;color:var(--text-muted)}
.lado--ruim .lado-tag,.lado--ruim .lado-tit{color:var(--apagado)}
.lado--bom .lado-tag{color:var(--highlight)}
.ds:not(.slide) .lado-tag{font-size:12px;letter-spacing:.12em}
.ds:not(.slide) .lado-txt{font-size:15px}

/* Antes e depois de uma decisão: UM objeto em DOIS momentos, régua vertical de acento */
.versus-split{display:grid;grid-template-columns:1fr calc(6px * var(--u)) 1fr;gap:calc(40px * var(--u));align-items:start;width:100%}
.versus-split > .regua-v{background:var(--rule);align-self:stretch;min-width:3px}
.versus-split .vs-tag{font-family:var(--font-mono);font-size:max(12px, calc(22px * var(--u)));letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}

/* Dupla: o par vira DOIS personagens, sobrepostos, o de trás menor */
.dupla{display:inline-flex;flex-direction:column;align-items:center;gap:calc(18px * var(--u))}
.dupla-atores{display:flex;align-items:flex-end;justify-content:center}
.dupla-a{position:relative;z-index:1;transform:scale(.9);transform-origin:bottom right}
.dupla-b{position:relative;z-index:2;margin-left:calc(-90px * var(--esc,1) * var(--u))}

/* Ícone composto: DUAS ideias do conteúdo, a segunda por cima com anel de papel */
.ico-composto{position:relative;display:inline-flex;width:var(--tam,64px);height:var(--tam,64px)}
.ico-composto > .ico-circ{--tam:inherit;width:100%;height:100%}
.ico-composto .sobre{position:absolute;right:-8%;bottom:-8%;border-radius:var(--radius-pill);box-shadow:var(--anel)}
.ico-composto .sobre .ico-circ{--tam:calc(var(--tam-base,64px) * .62)}

/* Grade de cartões irmãos e curtos (2 a 4, nunca sequência). Colunas: 3 → 3; 4 → 2×2; 5+ → 3 */
.grade-cards{width:100%;display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:calc(20px * var(--u))}
.grade-card{border-radius:calc(14px * var(--u));padding:calc(26px * var(--u)) calc(24px * var(--u));background:var(--surface-soft);
  border-top:calc(6px * var(--u)) solid var(--line);display:flex;flex-direction:column;gap:calc(10px * var(--u))}
.grade-card.is-acento{border-top-color:var(--acento)}
.grade-card.is-emprestada{border-top-color:var(--emprestada)}
.grade-card > b{font-family:var(--font-texto);font-weight:700;font-size:max(15px, calc(32px * var(--u)));letter-spacing:-.2px;line-height:1.15;color:var(--text)}
.grade-card > span{font-family:var(--font-texto);font-weight:500;font-size:max(14px, calc(26px * var(--u)));line-height:1.4;color:var(--text-muted)}

/* Duas vias: uma ESCOLHA entre caminhos equivalentes, badge "ou" no meio */
.duas-vias{width:100%;display:flex;align-items:center}
.via{flex:1;border-radius:calc(14px * var(--u));padding:calc(56px * var(--u)) calc(36px * var(--u));background:var(--surface-soft);
  display:flex;flex-direction:column;gap:calc(26px * var(--u))}
.via b{font-family:var(--font-texto);font-weight:700;font-size:max(17px, calc(38px * var(--u)));letter-spacing:-.3px;line-height:1.15;color:var(--highlight)}
.via span{font-family:var(--font-texto);font-weight:500;font-size:max(14px, calc(30px * var(--u)));line-height:1.4;color:var(--text-muted)}
.ou{flex:none;width:calc(64px * var(--u));height:calc(64px * var(--u));min-width:32px;min-height:32px;margin:0 calc(-6px * var(--u));border-radius:var(--radius-pill);
  background:var(--line);color:var(--surface);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);
  font-size:max(12px, calc(22px * var(--u)));z-index:1;box-shadow:var(--anel)}

/* Resumo/índice: duas colunas, numeral pequeno, a ordem não importa */
.resumo{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:calc(16px * var(--u)) calc(28px * var(--u))}
.resumo-item{display:flex;align-items:center;gap:calc(14px * var(--u));font-family:var(--font-texto);font-weight:600;font-size:max(15px, calc(28px * var(--u)));color:var(--text)}
.resumo-item .n{flex:none;width:calc(36px * var(--u));height:calc(36px * var(--u));min-width:22px;min-height:22px;border-radius:var(--radius-pill);
  display:flex;align-items:center;justify-content:center;background:var(--acento);color:var(--paper);font-family:var(--font-display);font-size:max(12px, calc(20px * var(--u)))}

/* Passos: marcador CHAPADO ligado por linha que estica até o próximo */
.passos{width:100%;display:flex;flex-direction:column}
.passo{display:flex;gap:calc(24px * var(--u));align-items:stretch;padding-bottom:calc(22px * var(--u))}
.passo:last-child{padding-bottom:0}
.passo-marca{flex:none;display:flex;flex-direction:column;align-items:center}
.passo-linha{width:calc(4px * var(--u));min-width:2px;flex:1;min-height:calc(20px * var(--u));background:var(--line);margin-top:calc(4px * var(--u))}
.passo:last-child .passo-linha{display:none}
.passo-txt{font-family:var(--font-texto);font-size:max(16px, calc(36px * var(--u)));font-weight:500;line-height:1.4;padding-top:calc(8px * var(--u));color:var(--text)}
.passo-txt b{font-weight:700}

/* Caixa de alerta: ressalva no meio da peça, nunca uma inversão inteira */
.alerta{display:flex;align-items:center;gap:calc(24px * var(--u));border:calc(4px * var(--u)) solid var(--line);border-radius:calc(16px * var(--u));
  padding:calc(24px * var(--u)) calc(30px * var(--u));background:var(--surface-soft)}
.alerta .ico-circ{--tam:max(34px, calc(64px * var(--u)))}
.alerta-txt{font-family:var(--font-texto);font-weight:500;font-size:max(15px, calc(32px * var(--u)));line-height:1.4;color:var(--text)}
.alerta-txt b{font-weight:700}

/* Grade de cem casas: a proporção dita por ÁREA */
.grade-cem{display:grid;grid-template-columns:repeat(10,1fr);gap:calc(10px * var(--u));aspect-ratio:1;width:100%;max-width:calc(560px * var(--u))}
.grade-cem i{display:block;aspect-ratio:1;background:var(--rail);border-radius:calc(6px * var(--u))}
.grade-cem i.on{background:var(--acento)}
.grade-cem i.on-2{background:var(--line)}

/* Tela de app REDESENHADA (nunca print): código em caixas */
.tela{--larg:280px;width:calc(var(--larg) * var(--u) * 2);border:calc(5px * var(--u)) solid var(--line);border-radius:calc(36px * var(--u));
  padding:calc(32px * var(--u)) calc(20px * var(--u));display:flex;flex-direction:column;align-items:center;gap:calc(20px * var(--u));background:var(--surface)}
.tela-notch{width:calc(64px * var(--u));height:calc(7px * var(--u));border-radius:var(--radius-pill);background:var(--line)}
.tela-rotulo{font-family:var(--font-mono);font-size:max(10px, calc(18px * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center}
.tela-codigo{display:flex;gap:calc(6px * var(--u))}
.tela-codigo span{width:calc(var(--larg) * .121 * var(--u) * 2);height:calc(var(--larg) * .186 * var(--u) * 2);border-radius:calc(8px * var(--u));
  border:calc(3px * var(--u)) solid var(--highlight);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);
  font-weight:600;font-size:calc(var(--larg) * .107 * var(--u) * 2);color:var(--highlight)}

/* Envelope com código: o e-mail ENTREGA aquele código */
.env-codigo{position:relative;display:inline-flex}
.env-chip{position:absolute;bottom:calc(-14px * var(--u));right:calc(-26px * var(--u));display:flex;gap:calc(4px * var(--u));background:var(--surface);
  border:calc(3px * var(--u)) solid var(--line);border-radius:calc(10px * var(--u));padding:calc(8px * var(--u)) calc(10px * var(--u))}
.env-chip span{font-family:var(--font-mono);font-size:max(12px, calc(24px * var(--u)));font-weight:600;color:var(--text)}

/* ===== 40-moleculas-organismos.css ===== */
/* =========================== 3 · MOLÉCULAS ========================== */

/* Cabeçalho de seção: kicker + título + sub. Texto que introduz forma grupo com o que vem depois. */
.sec-head{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--pagina-leitura)}
.sec-head .regua{margin-top:var(--space-2)}

/* Proposta (endomarketing): três estados de um bloco de texto que o time confirma.
   borda sólida acento = proposta desta rodada · bloco sombra = já fechado · tracejada = pergunta em aberto */
.proposta{border:var(--stroke) solid var(--acento);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);
  display:flex;flex-direction:column;gap:var(--space-2);background:var(--surface)}
.proposta--fechado{background:var(--sombra);border-color:var(--sombra);color:var(--paper)}
.proposta--fechado .tag{color:var(--apoio-escuro)}
.proposta--aberto{border-style:dashed}
.proposta .tag{color:var(--highlight)}
.proposta--fechado .tag{color:var(--emprestada)}
.proposta p{font-weight:700;font-size:16px;line-height:1.4}
.proposta .linhas{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.proposta .linhas i{display:block;height:1px;background:var(--hairline)}

/* Adequado × inadequado (valores): dois lados no mesmo grid, lista de comportamentos */
.adequa{display:grid;grid-template-columns:1fr 1fr;border:var(--stroke) solid var(--line)}
.adequa > div{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}
.adequa > div + div{border-left:var(--stroke) solid var(--line)}
.adequa .lado-tit{font-size:26px}
.adequa ul{border:var(--stroke) solid var(--acento);border-radius:var(--radius-md);padding:12px 14px 12px 26px;list-style:disc;display:flex;flex-direction:column;gap:6px;
  font-size:13px;line-height:1.35;color:var(--text)}
.adequa ul li::marker{color:var(--acento)}
.adequa .ruim ul{border-color:var(--apagado)}

/* Citação: fala de alguém do time, com atribuição em mono */
.citacao{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--pagina-leitura)}
.citacao .regua{width:120px}
.citacao q{font-family:var(--font-display);font-size:clamp(24px,2.6vw,32px);line-height:1.12;text-transform:uppercase;quotes:"\201C" "\201D";color:var(--text-strong)}
.citacao cite{font-style:normal}

/* Bloco de código (POP): o comando que a pessoa roda, e a saída que ela confere */
.codigo{border-radius:var(--radius-md);background:var(--sombra);color:var(--paper);overflow:hidden;font:400 13px/1.55 var(--font-mono)}
.codigo-topo{display:flex;align-items:center;gap:6px;padding:8px 12px;border-bottom:1px solid var(--trilho-escuro);
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--apoio-escuro)}
.codigo-topo i{width:8px;height:8px;border-radius:50%;background:var(--acento)}
.codigo-topo i + i{background:var(--morto-escuro)}
.codigo pre{margin:0;padding:12px 14px;white-space:pre-wrap;font:inherit}
.saida{border-left:4px solid var(--line);background:var(--surface-soft);padding:10px 14px;font:400 12.5px/1.55 var(--font-mono);color:var(--text);white-space:pre-wrap}

/* Entrada e saída (POP): cartões com topo de acento, rótulo ENTRA / SAI */
.es-card{border-top:var(--stroke-forte) solid var(--acento);background:var(--surface-soft);border-radius:0 0 var(--radius-md) var(--radius-md);padding:12px 14px;
  display:flex;flex-direction:column;gap:4px}
.es-card b{font-size:14px;color:var(--text)} .es-card b em{font-style:normal;font-weight:500}
.es-card span{font-size:13px;color:var(--text-muted);line-height:1.4}

/* Decisão no caminho (POP): pergunta em Anton, SIM e NÃO em mono de acento */
.decisao{display:flex;flex-direction:column;gap:6px;padding-left:14px;border-left:4px solid var(--acento)}
.decisao > b{font-family:var(--font-display);font-weight:400;font-size:20px;text-transform:uppercase;line-height:1.1;color:var(--text-strong)}
.decisao p{font-size:13px;line-height:1.4;color:var(--text)}
.decisao p em{font-style:normal;font-family:var(--font-mono);font-weight:600;color:var(--highlight);margin-right:6px}

/* Campo: rótulo + controle + ajuda. O erro vem com ícone e texto, nunca só com cor. */
.field{display:flex;flex-direction:column;gap:6px}
.field > label,.field .field-rotulo{font:700 14px/1.25 var(--font-texto);color:var(--text)}
.field .ajuda{font:500 13px/1.35 var(--font-texto);color:var(--text-muted)}
.field .erro{display:flex;align-items:center;gap:6px;font:700 13px/1.35 var(--font-texto);color:var(--highlight)}

/* Busca */
.busca{position:relative;display:block}
.busca .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px}
.busca .input{padding-left:42px}

/* Abas: sublinhado de acento na ativa, peso de texto e não cor sozinha */
.abas{display:flex;gap:4px;border-bottom:var(--stroke) solid var(--line)}
.aba{appearance:none;background:none;border:0;padding:10px 14px 12px;margin-bottom:calc(var(--stroke) * -1);cursor:pointer;
  font:600 15px/1 var(--font-texto);color:var(--text-muted);border-bottom:4px solid transparent}
.aba:hover{color:var(--text)}
.aba[aria-selected="true"]{color:var(--text);font-weight:800;border-bottom-color:var(--rule)}

/* Item de navegação */
.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);text-decoration:none;
  font:600 15px/1.2 var(--font-texto);color:var(--text-muted);border:var(--stroke) solid transparent}
.nav-item .ico{font-size:18px}
.nav-item:hover{color:var(--text);background:var(--surface-soft)}
.nav-item[aria-current="page"]{color:var(--text);font-weight:800;border-color:var(--line)}
.nav-item[aria-current="page"] .ico{color:var(--highlight)}
.nav-item .contagem{margin-left:auto;font:500 12px/1 var(--font-mono);padding:3px 6px;border-radius:var(--radius-sm);background:var(--action);color:var(--on-action)}

/* Métrica (KPI): número em Anton, rótulo, variação com ícone E palavra */
.metrica{display:flex;flex-direction:column;gap:6px;padding:var(--space-4);border:var(--stroke) solid var(--line);background:var(--surface-raised);min-width:0}
.metrica .m-rotulo{font:500 12px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.metrica .m-valor{font-family:var(--font-display);font-size:44px;line-height:1;color:var(--text-strong)}
.metrica .m-valor small{font-size:.5em;margin-left:2px}
.metrica .m-var{display:flex;align-items:center;gap:6px;font:700 13px/1.3 var(--font-texto);color:var(--text)}
.metrica .m-var .ico{font-size:13px}
.metrica .m-var.sobe .ico{transform:rotate(-90deg)} .metrica .m-var.desce .ico{transform:rotate(90deg)}
.metrica .m-var.alerta-var{color:var(--highlight)}
.metrica--destaque{background:var(--sombra);border-color:var(--sombra)}

/* Aviso temporário */
.toast{display:flex;align-items:flex-start;gap:12px;max-width:420px;padding:14px 16px;border:var(--stroke) solid var(--line);border-radius:var(--radius-md);
  background:var(--surface-raised);color:var(--text);box-shadow:var(--contato)}
.toast .ico-circ{--tam:30px}
.toast b{display:block;font:800 15px/1.25 var(--font-texto)}
.toast p{font:500 14px/1.4 var(--font-texto);color:var(--text-muted)}
.toast .icon-btn{width:30px;height:30px;border-color:transparent;margin-left:auto;font-size:13px}

/* Linha de dado com rótulo: o número sempre acompanha texto */
.dado-linha{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--hairline);font-size:15px}
.dado-linha b{font-family:var(--font-mono);font-weight:500}

/* =========================== 4 · ORGANISMOS ========================= */

/* Esqueleto do slide (canvas 1080): topo com lockup e kicker, miolo, rodapé com arroba e paginador */
.slide{position:relative;width:1080px;height:1350px;padding:84px 84px 76px;display:flex;flex-direction:column;overflow:hidden;
  font-family:var(--font-texto);flex:none}
.slide--a4{height:1528px}
.slide--story{height:1920px;padding:160px 84px 220px}
.slide-topo{display:flex;justify-content:space-between;align-items:center;flex:none}
.slide-topo .logo-cb{--logo-w:96px}
.slide-conteudo{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:28px;min-height:0;padding:52px 0 28px}
.slide-conteudo > .hd,.slide-conteudo > .sub,.slide-conteudo > .corpo,.slide-conteudo > .btn,.slide-conteudo > .regua{flex:none}
.slide-conteudo > .regua{height:8px}
.slide-conteudo .arte{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center}
.slide-conteudo.reg-pe .arte{order:1}.slide-conteudo.reg-pe .hd{order:2}.slide-conteudo.reg-pe .sub{order:3}.slide-conteudo.reg-pe .corpo{order:4}
.slide-rodape{display:flex;justify-content:space-between;align-items:center;flex:none;font:600 26px/1.3 var(--font-texto);letter-spacing:.6px;color:var(--text-muted)}
.slide-rodape .pager{color:var(--acento);font-weight:700}
.slide .btn{align-self:flex-start}
/* Miniatura: o slide é desenhado em 1080 e reduzido inteiro (nunca redesenhado menor) */
.mini{--s:.3;width:calc(1080px * var(--s));height:calc(1350px * var(--s));flex:none;overflow:hidden;position:relative}
.mini--a4{height:calc(1528px * var(--s))}
.mini--story{height:calc(1920px * var(--s))}
.mini > .slide{transform:scale(var(--s));transform-origin:0 0;position:absolute;top:0;left:0}

/* Organograma: uma raiz ligada por linha reta a até três filhos; conselho solto ao lado */
.organo{display:flex;flex-direction:column;align-items:center;gap:0}
.organo-no{border-radius:var(--radius-md);background:var(--surface-soft);padding:10px 14px;text-align:center;min-width:170px;border-top:3px solid transparent}
.organo-no b{display:block;font:700 14px/1.25 var(--font-texto);color:var(--text)}
.organo-no span{display:block;font:500 11px/1.35 var(--font-texto);color:var(--text-muted);margin-top:3px}
.organo-no--raiz{border-top-color:var(--acento)}
.organo-tronco{width:2px;height:18px;background:var(--line)}
.organo-filhos{display:flex;gap:18px;position:relative;padding-top:18px}
.organo-filhos::before{content:"";position:absolute;top:0;left:var(--l,25%);right:var(--r,25%);height:2px;background:var(--line)}
.organo-filhos > .organo-no{position:relative}
.organo-filhos > .organo-no::before{content:"";position:absolute;left:50%;top:-18px;width:2px;height:18px;background:var(--line)}

/* Barra superior do produto */
.topnav{display:flex;align-items:center;gap:var(--space-5);padding:14px var(--space-5);border-bottom:var(--stroke) solid var(--line);background:var(--surface)}
.topnav .logo-cb{--logo-w:84px}
.topnav nav{display:flex;gap:4px}
.topnav .acoes{margin-left:auto;display:flex;align-items:center;gap:10px}

/* Menu lateral do produto (a âncora escura pontual do painel) */
.sidebar{display:flex;flex-direction:column;gap:6px;width:240px;padding:20px 14px;background:var(--surface);border-right:var(--stroke) solid var(--line);min-height:100%}
.sidebar .logo-cb{--logo-w:84px;margin:0 8px 18px}
.sidebar .grupo-rotulo{font:500 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:14px 12px 6px}
.sidebar .rodape-side{margin-top:auto;padding-top:14px;border-top:1px solid var(--hairline);display:flex;align-items:center;gap:10px;font:600 14px/1.2 var(--font-texto)}

/* Modal: só quando a decisão exige interromper. Traço, sem vidro, fundo escurecido chapado */
.scrim{position:absolute;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:24px}
.modal{width:min(520px,100%);background:var(--surface-raised);color:var(--text);border:var(--stroke) solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--contato);display:flex;flex-direction:column}
.modal-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 0}
.modal-corpo{padding:14px 22px 20px;display:flex;flex-direction:column;gap:12px}
.modal-pe{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--hairline)}

/* Tabela: cabeçalho em mono, linhas com hairline, números em mono alinhados à direita */
.tabela{width:100%;border-collapse:collapse;font:500 14px/1.35 var(--font-texto);color:var(--text)}
.tabela th{text-align:left;font:500 11px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);
  padding:10px 12px;border-bottom:var(--stroke) solid var(--line)}
.tabela td{padding:12px;border-bottom:1px solid var(--hairline);vertical-align:middle}
.tabela td.num,.tabela th.num{text-align:right;font-family:var(--font-mono);font-weight:500}
.tabela tbody tr:hover{background:var(--surface-soft)}
.tabela .fonte{font:700 13px var(--font-texto);color:var(--text);text-decoration:underline;text-decoration-color:var(--highlight);text-underline-offset:3px}

/* Item tipado do painel: cada seção responde UMA pergunta (quem, quando, onde) */
.item-painel{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--hairline)}
.item-painel:last-child{border-bottom:0}
.item-painel .titulo{font:700 16px/1.3 var(--font-texto);color:var(--text)}
.item-painel .meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:4px;font:500 13px/1.3 var(--font-texto);color:var(--text-muted)}
.item-painel .meta span{display:inline-flex;align-items:center;gap:5px}
.item-painel .meta .ico{font-size:13px}

/* Gráfico: moldura, legenda e dica de valor */
.grafico{position:relative;display:flex;flex-direction:column;gap:12px}
.grafico svg{display:block;width:100%;height:auto;overflow:visible}
.grafico .eixo text{font:500 11px var(--font-mono);fill:var(--text-muted)}
.grafico .grade-linha{stroke:var(--hairline);stroke-width:1}
.grafico .base{stroke:var(--line);stroke-width:2}
.legenda{display:flex;flex-wrap:wrap;gap:8px 18px;font:600 13px/1.2 var(--font-texto);color:var(--text-muted)}
.legenda span{display:inline-flex;align-items:center;gap:7px}
.legenda i{width:12px;height:12px;flex:none}
.dica{position:absolute;pointer-events:none;padding:8px 10px;border-radius:var(--radius-sm);background:var(--line);color:var(--surface);
  font:600 12px/1.35 var(--font-texto);white-space:nowrap;transform:translate(-50%,calc(-100% - 10px));opacity:0;transition:opacity 120ms}
.dica b{font-family:var(--font-mono);font-weight:500}
.dica.on{opacity:1}
.c1{fill:var(--chart-1);background:var(--chart-1)} .c2{fill:var(--chart-2);background:var(--chart-2)}
.c3{fill:var(--chart-3);background:var(--chart-3)} .c0{fill:var(--chart-other);background:var(--chart-other)}
.s1{stroke:var(--chart-1);fill:none} .s2{stroke:var(--chart-2);fill:none} .s3{stroke:var(--chart-3);fill:none}

/* ===== 61-fund-a.css ===== */
/* =========================== 61 · FUNDAMENTOS (parte I) ==============
   Vitrine das pranchas de fundamento (cards de página, 1280px). Prefixo fa-.
   Montam a prancha: cabeçalho, mesa de revisão, rótulos, selos de certo e errado,
   janela de tela web, medidas desenhadas. Não use em produto.
   ===================================================================== */

/* Cabeçalho da prancha */
.fa-cab{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:end;padding:34px 40px 26px;
  background:var(--surface);color:var(--text);border-bottom:var(--stroke) solid var(--line)}
.fa-num{display:flex;align-items:center;gap:10px;font:500 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--highlight)}
.fa-num::before{content:"";width:28px;height:4px;background:var(--rule)}
.fa-tit{font-family:var(--font-display);font-weight:400;font-size:64px;line-height:1.08;letter-spacing:-.5px;
  text-transform:uppercase;padding-top:10px;color:var(--text-strong)}
.fa-lead{justify-self:end;max-width:640px;font:600 17px/1.42 var(--font-texto);color:var(--text)}
.fa-lead b{font-weight:800}

/* A mesa de revisão: onde as peças são postas para a crítica */
.fa-palco{position:relative;padding:36px 40px 40px;background:var(--rail);color:var(--text)}
.fa-palco--papel{background:var(--surface)}
.fa-palco + .fa-palco{border-top:var(--stroke) solid var(--line)}
/* Rótulo de faixa. Sobre o trilho o apoio reprova (4,19:1): o rótulo sai na tinta. */
.fa-rot{display:flex;align-items:center;gap:10px;margin-bottom:16px;font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;
  text-transform:uppercase;color:var(--text)}
.fa-rot b{font-weight:500;color:var(--highlight)}
.fa-peca{position:relative;flex:none}
.fa-leg{margin-top:10px;font:600 13px/1.35 var(--font-texto);color:var(--text)}
.fa-leg span{font:500 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:3px}

/* Selo de certo e errado: ícone mais palavra, nunca só cor */
.fa-selo{display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 6px;font:500 11px/1 var(--font-mono);letter-spacing:.1em;
  text-transform:uppercase;white-space:nowrap;background:var(--line);color:var(--surface);border-radius:var(--radius-sm)}
.fa-selo .ico{font-size:13px}
.fa-selo--nao{background:var(--acento);color:var(--paper)}
.fa-selo--meio{background:transparent;color:var(--text);box-shadow:inset 0 0 0 var(--stroke) var(--line)}

/* Janela de tela web (moldura de revisão, não chrome de navegador) */
.fa-janela{position:relative;background:var(--surface);color:var(--text);border:var(--stroke) solid var(--ink);overflow:hidden}
.fa-janela-topo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;border-bottom:var(--stroke) solid var(--ink);
  background:var(--paper);color:var(--ink);font:500 11px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}

/* O travessão desenhado: mostra o sinal proibido sem digitá-lo no texto */
.fa-traco{display:inline-block;width:.95em;height:.09em;min-height:2px;background:currentColor;vertical-align:.32em;margin:0 .22em}

/* Medida desenhada (grade e espaço): linha de acento com as duas pontas e o valor em mono */
.fa-med{position:absolute;z-index:15;border-color:var(--acento);color:var(--acento);pointer-events:none}
.fa-med--h{height:0;border-top:2px solid var(--acento)}
.fa-med--v{width:0;border-left:2px solid var(--acento)}
.fa-med--h::before,.fa-med--h::after{content:"";position:absolute;top:-7px;width:2px;height:12px;background:var(--acento)}
.fa-med--h::before{left:0}.fa-med--h::after{right:0}
.fa-med--v::before,.fa-med--v::after{content:"";position:absolute;left:-7px;height:2px;width:12px;background:var(--acento)}
.fa-med--v::before{top:0}.fa-med--v::after{bottom:0}
.fa-med b{position:absolute;white-space:nowrap;padding:2px 5px;background:var(--acento);color:var(--paper);
  font:500 10px/1.1 var(--font-mono);letter-spacing:.06em}
.fa-med--h b{left:50%;top:-9px;transform:translate(-50%,-50%)}
.fa-med--v b{top:50%;left:6px;transform:translateY(-50%)}

/* Disco numerado solto (item de lista da prancha, fora das notas) */
.fa-n{font-style:normal;flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-pill);
  background:var(--acento);color:var(--paper);font:400 12px/1 var(--font-display)}
/* Painel de contexto dentro da prancha: pinta o fundo do tema que declarar */
.fa-ctx{background:var(--surface);color:var(--text)}
/* Pino só com o número, para margens estreitas (a margem de 84 de um slide reduzido) */
.pv-pin.fa-so-n{padding:3px}

/* CORREÇÃO DE BASE: as classes de tipo geradas em tokens.css (.display-*, .canvas-display-*,
   .canvas-barra, .canvas-kicker) saem sem caixa alta. Display do sistema é sempre caixa alta. */
.display-xl,.display-capa,.display-miolo,.display-prova,.display-card,.display-barra,
.canvas-display-capa,.canvas-display-miolo,.canvas-display-prova,.canvas-barra,.canvas-kicker{text-transform:uppercase}

/* CORREÇÃO DE BASE: seletores "[data-theme=sombra] X" casam com QUALQUER ancestral sombra, inclusive o
   <html>, e vazam para seções claras aninhadas. Aqui o pino e a ação do assento leem o token do
   contexto mais próximo (herança de variável), que é o comportamento pretendido. */
.ds [data-theme] .pv-pin{background:var(--line);color:var(--surface)}
.ds [data-theme] .pv-pin.claro{background:var(--paper);color:var(--ink)}
.ds .assento .acao{color:var(--highlight)}
.ds .assento--foco .acao{color:var(--paper)}

/* ===== 62-fund-b.css ===== */
/* =========================== 0 · FUNDAMENTOS (parte II) ==============
   Pranchas 13 a 23: profundidade, estados, elenco, primitivas, composição,
   iconografia, movimento, atomic, estrutura, logo e dados.
   As classes fb-* montam as pranchas (vitrine, não produto). A única classe
   de produto aqui é .stack-bb, a primitiva derivada de exemplo do card 16.
   ===================================================================== */

/* Prancha: seção cheia de 1280, cabeçalho com régua e blocos em grade */
.fb{position:relative;padding:40px 48px 44px;background:var(--surface);color:var(--text)}
.fb--tinta{background:var(--sombra)}
.fb-cab{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:end;padding-bottom:26px;margin-bottom:30px;
  border-bottom:var(--stroke) solid var(--line)}
.fb-cab .hd{padding-top:6px}
.fb-num{display:flex;align-items:center;gap:10px;margin-bottom:4px;font:500 12px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.fb-num::before{content:"";width:28px;height:var(--rule-h);background:var(--rule)}
.fb-lead{font:500 16px/1.5 var(--font-texto);color:var(--text-muted)}
.fb-lead b{color:var(--text);font-weight:700}
.fb-sec{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}
.fb-sec b{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.1;letter-spacing:0;color:var(--text-strong)}
.fb-rot{display:block;font:500 11px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.fb-txt{font:500 14px/1.45 var(--font-texto);color:var(--text-muted)}
.fb-txt b{color:var(--text);font-weight:700}
.fb-txt code,.fb-code{font:500 12px/1.4 var(--font-mono);color:var(--text);background:var(--surface-soft);padding:1px 5px;border-radius:3px}
.fb-bloco{margin-top:36px}
.fb-a{position:relative}
.fb-g{display:grid;gap:var(--gap,24px);grid-template-columns:var(--gt,repeat(var(--cols,3),minmax(0,1fr)))}
.fb-soft{background:var(--surface-soft);border-radius:var(--radius-md);padding:var(--pad,20px)}
.fb-borda{border:var(--stroke) solid var(--line);border-radius:var(--radius-md);padding:var(--pad,20px)}
.fb-palco{display:flex;align-items:center;justify-content:center;gap:16px;min-height:var(--alt,120px);padding:16px;border-radius:var(--radius-md);
  background:var(--surface);color:var(--text)}
.fb-palco--soft{background:var(--surface-soft)}
.fb-palco--linha{border:var(--stroke) solid var(--line)}
.fb-hair{border:0;height:1px;background:var(--hairline);margin:0}
.fb-seta-b{display:block;width:4px;height:22px;margin:4px auto 10px;background:var(--line);position:relative}
.fb-seta-b::after{content:"";position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--line)}

/* Veredito: palavra + ícone, nunca só cor */
.fb-ver{display:inline-flex;align-items:center;gap:6px;flex:none;padding:4px 8px 4px 6px;border-radius:var(--radius-sm);
  font:800 11px/1 var(--font-texto);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.fb-ver .ico{font-size:13px}
.fb-ver--ok{background:var(--line);color:var(--surface)}
.fb-ver--nao{border:var(--stroke) solid var(--highlight);color:var(--highlight)}
.fb-ver--neutro{border:var(--stroke) dashed var(--text-muted);color:var(--text-muted)}

/* O banido, riscado: uma barra de acento em diagonal por cima do exemplo */
.fb-risco{position:relative;overflow:hidden}
.fb-risco::after{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:4px;margin-top:-2px;background:var(--acento);transform:rotate(-14deg);pointer-events:none}

/* Lista numerada de regras dentro da prancha (não é cartão: hairline entre itens) */
.fb-regras{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:0 32px}
.fb-regra{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-top:1px solid var(--hairline)}
.fb-regra > span{font:500 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--highlight)}
.fb-regra > b{font:800 15px/1.3 var(--font-texto);color:var(--text)}
.fb-regra > p{font:500 13.5px/1.45 var(--font-texto);color:var(--text-muted)}
.fb-regra > p code{font:500 12px var(--font-mono);color:var(--text)}

/* Tabela compacta de doutrina */
.fb-tab{width:100%;border-collapse:collapse;font:500 13.5px/1.4 var(--font-texto);color:var(--text)}
.fb-tab th{text-align:left;font:500 10.5px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px;border-bottom:var(--stroke) solid var(--line)}
.fb-tab td{padding:9px 10px;border-bottom:1px solid var(--hairline);vertical-align:top}
.fb-tab td:first-child{font-weight:800}
.fb-tab code{font:500 12px var(--font-mono)}

/* Chips de nome (componentes, variações) */
.fb-chips{display:flex;flex-wrap:wrap;gap:6px}
.fb-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:var(--stroke-fino) solid var(--line);border-radius:var(--radius-sm);
  font:500 12px/1.1 var(--font-mono);color:var(--text);white-space:nowrap}
.fb-chip--cheio{background:var(--line);color:var(--surface)}
.fb-chip--vazio{border-style:dashed;color:var(--text-muted)}

/* Estados forçados para a vitrine (o mesmo visual do :hover, :focus, :active reais) */
.btn.fb-hover{background:var(--line);border-color:var(--line);color:var(--surface)}
.btn--sec.fb-hover{background:var(--line);color:var(--surface)}
.btn.fb-foco{outline:3px solid var(--focus-ring);outline-offset:3px}
.btn.fb-press{transform:translateY(1px);background:var(--line);border-color:var(--line);color:var(--surface)}
.input.fb-foco{box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--focus-ring)}

/* Silhueta de blocos (ficha técnica de personagem que ainda não existe) */
.fb-sil{position:relative;width:260px;height:300px;flex:none}
.fb-sil i{position:absolute;display:block;border:var(--stroke) dashed var(--line);background:var(--surface-soft)}
.fb-sil b{position:absolute;font:500 10px/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}

/* ============ PRIMITIVA DERIVADA DE EXEMPLO: stack em blinds ============
   Onde um stack cai numa escala com faixas nomeadas. O stack é NÚMERO, nunca
   pilha desenhada; as faixas vêm do conteúdo (parâmetro), nunca da primitiva.
   Uso: <div class="stack-bb" style="--v:18;--max:100"> …faixas… marcador </div> */
.stack-bb{--e:var(--u);position:relative;width:100%;padding-top:calc(78px * var(--e))}
.stack-bb-trilho{display:flex;height:calc(56px * var(--e));border:calc(4px * var(--e)) solid var(--line);min-width:0}
.stack-bb-faixa{flex:var(--f,1);display:flex;align-items:center;justify-content:center;background:var(--rail);min-width:0;
  font-family:var(--font-mono);font-size:max(10px, calc(20px * var(--e)));letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.stack-bb-faixa + .stack-bb-faixa{box-shadow:inset calc(4px * var(--e)) 0 0 var(--surface)}
.stack-bb-faixa.is-foco{background:var(--action);color:var(--on-action)}
.stack-bb-marca{position:absolute;top:0;left:calc(var(--v) / var(--max) * 100%);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}
.stack-bb-marca b{font-family:var(--font-display);font-weight:400;font-size:calc(52px * var(--e));line-height:1;color:var(--text-strong)}
.stack-bb-marca i{display:block;width:calc(4px * var(--e));min-width:2px;height:calc(22px * var(--e));background:var(--line)}
.stack-bb-escala{display:flex;justify-content:space-between;margin-top:calc(10px * var(--e));font-family:var(--font-mono);font-size:max(10px, calc(20px * var(--e)));color:var(--text-muted)}

/* ===== 63-atomos.css ===== */
/* =========================== 63 · ÁTOMOS (complementos) ===============
   Completa 20-atomos.css sem mudar o que ele decide. Três famílias:
   1. Estados forçados (.is-hover, .is-foco): espelham :hover e :focus-visible para documentação,
      teste visual e protótipo. Em produto o estado vem do navegador.
   2. Estados que faltavam: desativado e pressionado no botão de ícone, erro e desativado em
      select e textarea, desativado em choice e switch.
   3. Tamanhos: ícone em 16/20/24/32 e botão de ícone pequeno.
   ===================================================================== */

/* 1 · Estados forçados */
.btn.is-hover{background:var(--line);border-color:var(--line);color:var(--surface)}
.btn--texto.is-hover{background:transparent;border-color:transparent;color:var(--highlight)}
.icon-btn.is-hover{background:var(--line);border-color:var(--line);color:var(--surface)}
.link.is-hover{color:var(--highlight)}
.btn.is-foco,.icon-btn.is-foco{outline:3px solid var(--focus-ring);outline-offset:3px}
.link.is-foco,.choice input.is-foco{outline:3px solid var(--focus-ring);outline-offset:2px}
.input.is-foco,.select.is-foco,.textarea.is-foco{outline:none;box-shadow:0 0 0 3px var(--surface),0 0 0 6px var(--focus-ring)}

/* 2 · Botão de ícone: foco, pressionado (alternância ligada) e desativado */
.icon-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.icon-btn--acao:hover{border-color:var(--line)}
.icon-btn[aria-pressed="true"]{background:var(--line);border-color:var(--line);color:var(--surface)}
.icon-btn[disabled],.icon-btn.is-disabled,.icon-btn[disabled]:hover{background:var(--rail);border-color:var(--rail);color:var(--text-muted);cursor:not-allowed}
.icon-btn--sm{width:36px;height:36px;font-size:15px}

/* 3 · Ícone em tamanho fixo (o padrão segue o corpo do texto: 1.25em) */
.ico--16{width:16px;height:16px}
.ico--20{width:20px;height:20px}
.ico--24{width:24px;height:24px}
.ico--32{width:32px;height:32px}

/* 4 · Campos: erro e desativado valem para os três controles; o traço de 3px compensa o padding
   para o texto não pular 1px quando o erro aparece. Na sombra, o controle nativo fica escuro. */
[data-theme="sombra"] :is(.input,.select,.textarea){color-scheme:dark}
:is(.input,.select,.textarea)[aria-invalid="true"]{border-color:var(--highlight);border-width:3px;padding:9px 13px}
.select[aria-invalid="true"]{padding-right:39px}
:is(.select,.textarea)[disabled]{background:var(--surface-soft);color:var(--text-muted);border-style:dashed;cursor:not-allowed}
.input[disabled]{cursor:not-allowed}
.select-wrap:has(.select[disabled]){color:var(--text-muted)}
.select option{background:var(--surface-raised);color:var(--text)}

/* 5 · Choice: desativado. E o switch DENTRO de .choice: sem isto, `.choice input` (mais
   específico) encolhe o switch para 22px e esconde a bolinha. */
.choice:has(input:disabled){color:var(--text-muted);cursor:not-allowed}
.choice input:disabled{background:var(--rail);border-color:var(--rail);cursor:not-allowed}
.choice input:disabled:checked::after{background:var(--text-muted)}
.choice input.switch{width:46px;height:26px;border-radius:var(--radius-pill);display:block;position:relative;
  background:var(--rail);border-color:var(--line)}
.choice input.switch::after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:var(--radius-pill);
  background:var(--line);-webkit-mask:none;mask:none;transform:none;transition:transform var(--dur-estado) var(--ease-saida)}
.choice input.switch:checked{background:var(--action);border-color:var(--action)}
.choice input.switch:checked::after{transform:translateX(20px);background:var(--on-action)}
.switch:disabled,.choice input.switch:disabled{background:var(--rail);border-color:var(--rail);cursor:not-allowed}
.switch:disabled::after,.choice input.switch:disabled::after{background:var(--text-muted)}
.choice > span{min-width:0}

/* ===== 64-mol-nicho.css ===== */
/* =========================== 64 · MOLÉCULAS DO NICHO E DE DOCUMENTO ===
   Completa e corrige 30-nicho.css e 40-moleculas-organismos.css contra as peças reais
   (b1-01-slow-play, apresentacao-ceo-time-v2, cultura-documento-trabalho, pop-editar-aula-drills).
   Tudo em --u: 1 no canvas (.slide), .5 na web. Nenhum matiz digitado.
   ===================================================================== */

/* ---- Correção de escala: `.ds:not(.slide) X` casava também DENTRO do slide (o body é .ds),
   e o corpo web vencia o do canvas por especificidade. Aqui o canvas volta a mandar. */
.ds .slide .leg{font-size:28px}
.ds .slide .lado-tag{font-size:24px;letter-spacing:2px}
.ds .slide .lado-txt{font-size:30px}
.ds .slide .rotulo-arte{font-size:24px;letter-spacing:2px}

/* ---- Mão e board: o rótulo mono fica colado ao objeto */
.mao .rotulo-arte,.board .rotulo-arte{white-space:nowrap}
.board-cartas .carta--verso{flex:none}

/* ---- Barra de proporção: título mono acima; duas barras empilhadas = comparação */
.barra-prop .barra-tit{font-family:var(--font-mono);font-weight:500;font-size:max(12px, calc(24px * var(--u)));
  letter-spacing:calc(2px * var(--u));text-transform:uppercase;color:var(--text-muted)}
.barras-par{display:flex;flex-direction:column;gap:calc(46px * var(--u));width:100%}
.seg b{white-space:nowrap}
.ds:not(.slide) .seg b{font-size:max(18px, calc(46px * var(--u)))}
.ds .slide .seg b{font-size:46px}

/* ---- Travamento numérico. A peça real alinha número e rótulo pelo CENTRO
   (endomarketing.md, oitava rodada: baseline com corpos tão díspares afunda o rótulo)
   e encosta o par à esquerda da coluna, nunca centralizado na página. */
.numeral{align-items:center;justify-content:flex-start}
.numeral .num{flex:none;white-space:nowrap}
.numeral .num-txt{flex:0 1 auto}
/* Empilhado: o mesmo travamento dentro de uma coluna estreita (versus split) */
.numeral--pilha{flex-direction:column;align-items:center;text-align:center;gap:calc(8px * var(--u))}
.numeral--pilha .num{font-size:calc(128px * var(--u))}
.numeral--pilha .num i{font-size:calc(60px * var(--u))}
.numeral--pilha .num-txt{font-size:calc(30px * var(--u));max-width:calc(260px * var(--u))}
.ds:not(.slide) .numeral--pilha .num-txt{font-size:max(15px, calc(30px * var(--u)))}

/* ---- Ruas: o corpo do rótulo cai com o número de estações (42 / 34 / 28) */
.ruas:has(> .rua:nth-of-type(4)){--rua-corpo:34px}
.ruas:has(> .rua:nth-of-type(5)){--rua-corpo:28px}
.ds:not(.slide) .rua span{font-size:max(13px, calc(30px * var(--u)))}
.ds:not(.slide) .rua b{font-size:max(15px, calc(var(--rua-corpo,42px) * var(--u)))}
.ds .slide .rua span{font-size:30px}
.ds .slide .rua b{font-size:var(--rua-corpo,42px)}
.rua{line-height:1.25}

/* ---- Versus: na peça real o lado bom mantém o próprio contorno, e o meio lê como divisória
   (os dois traços somados). Mesmo grid de quatro linhas nos dois lados. */
.lado + .lado{border-left-width:calc(4px * var(--u))}
.lado-arte .mao-cartas{padding:calc(10px * var(--u)) 0}
.lado--ruim .lado-txt,.lado--bom .lado-txt{color:var(--text-muted)}

/* ---- Versus split: UM objeto em DOIS momentos, régua vertical fina de acento */
.versus-split{grid-template-columns:1fr calc(4px * var(--u)) 1fr;gap:0;align-items:stretch}
.versus-split > .regua-v{background:var(--rule);min-width:2px}
.vs-lado{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  gap:calc(14px * var(--u));padding:0 calc(28px * var(--u));min-width:0}
.vs-txt{font-family:var(--font-texto);font-weight:600;font-size:max(13px, calc(26px * var(--u)));line-height:1.35;color:var(--text-muted)}
.vs-lado--antes .num{color:var(--text-muted)}

/* ---- Ícone composto: o de cima é a SEGUNDA ideia, na cor que contrasta com o de baixo.
   Dourado só no escuro; no claro o par é acento + tinta. */
.ico-composto{--tam-base:var(--tam,64px)}
.ico-composto .sobre .ico-circ{--tam:calc(var(--tam-base) * .62);background:var(--par-bg);color:var(--par-fg)}
:root,[data-theme="claro"]{--par-bg:var(--ink);--par-fg:var(--paper)}
[data-theme="sombra"]{--par-bg:var(--emprestada);--par-fg:var(--sombra)}
.ico-composto .sobre{box-shadow:0 0 0 max(3px, calc(8px * var(--u))) var(--surface)}
.ico-composto-legenda{display:flex;align-items:center;gap:calc(44px * var(--u))}

/* ---- Grade de cartões: topo de cor, rótulo Figtree 700, colunas decididas pelo conteúdo */
.grade-card{border-top-color:var(--acento)}
.grade-card.is-tinta{border-top-color:var(--line)}

/* ---- Duas vias: ícone em círculo no topo de cada via, "ou" no meio */
.via .ico-circ{--tam:max(40px, calc(112px * var(--u)))}
.ou{text-transform:lowercase}

/* ---- Passos: o número é algarismo em Anton dentro do disco chapado */
.passo-marca .num-disco{position:relative;z-index:1}
.passo-linha{background:var(--line)}

/* ---- Tela de código. A base multiplicava por 2 e o aparelho saía com o DOBRO no canvas.
   `--larg` é a largura no canvas (280 no padrão), como o `tam` da primitiva. */
.tela{width:calc(var(--larg) * var(--u));border-width:max(2px, calc(5px * var(--u)));border-radius:calc(36px * var(--u));
  padding:calc(32px * var(--u)) calc(20px * var(--u));gap:calc(20px * var(--u))}
.tela-codigo{gap:calc(6px * var(--u))}
.tela-codigo span{width:calc(var(--larg) * .121 * var(--u));height:calc(var(--larg) * .186 * var(--u));
  border-width:max(2px, calc(3px * var(--u)));font-size:calc(var(--larg) * .107 * var(--u))}
.tela-rodape{font-family:var(--font-texto);font-weight:500;font-size:max(11px, calc(18px * var(--u)));color:var(--text-muted);text-align:center}

/* ---- Envelope com código: o chip sai do canto do envelope, com anel de papel */
.env-chip{box-shadow:0 0 0 max(3px, calc(6px * var(--u))) var(--surface)}

/* ---- Caixa de alerta: contorno de tinta + tinta tingida, ícone de alerta à esquerda */
.alerta{border-width:max(2px, calc(4px * var(--u)))}

/* ---- Proposta (endomarketing de cultura). Fiel à peça real:
   borda sólida acento com um véu do próprio acento = proposta desta rodada;
   bloco preto chapado = já fechado (com a fonte); tracejada sem fundo = pergunta em aberto. */
.proposta{border:max(2px, calc(4px * var(--u))) solid var(--acento);border-radius:calc(24px * var(--u));
  padding:calc(36px * var(--u)) calc(32px * var(--u));gap:calc(18px * var(--u));
  background:color-mix(in srgb, var(--acento) 4.5%, transparent);color:var(--text)}
.proposta .tag{font-size:max(11px, calc(26px * var(--u)));letter-spacing:.12em;color:var(--acento)}
[data-theme="sombra"] .proposta:not(.proposta--fechado) .tag{color:var(--emprestada)}
.proposta p{font-family:var(--font-texto);font-weight:700;font-size:max(15px, calc(38px * var(--u)));line-height:1.34}
.proposta .linhas{gap:calc(34px * var(--u));margin-top:calc(6px * var(--u))}
.proposta .linhas i{height:max(1px, calc(3px * var(--u)));background:var(--text-muted)}
.proposta--fechado{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.proposta--fechado .tag{color:var(--emprestada)}
.proposta--fechado .fonte{font-family:var(--font-mono);font-weight:500;font-size:max(11px, calc(22px * var(--u)));letter-spacing:.08em;color:var(--apoio-escuro)}
[data-theme="sombra"] .proposta--fechado{background:var(--paper);border-color:var(--paper);color:var(--ink)}
[data-theme="sombra"] .proposta--fechado .tag{color:var(--acento)}
[data-theme="sombra"] .proposta--fechado .fonte{color:var(--apoio-claro)}
.proposta--aberto{border-style:dashed;border-width:max(2px, calc(5px * var(--u)));border-radius:calc(28px * var(--u));background:transparent}
.proposta--aberto .pergunta{font-family:var(--font-display);font-weight:400;text-transform:uppercase;
  font-size:max(20px, calc(56px * var(--u)));line-height:1.14;color:var(--text-strong)}
.proposta--aberto .contexto{font-family:var(--font-texto);font-weight:500;font-size:max(13px, calc(27px * var(--u)));line-height:1.4;color:var(--text-muted)}
/* A legenda dos três estados, como na capa do documento */
.proposta-legenda{display:flex;flex-direction:column;gap:calc(12px * var(--u))}
.proposta-legenda > span{display:flex;align-items:center;gap:calc(16px * var(--u));font-family:var(--font-texto);font-weight:700;
  font-size:max(13px, calc(24px * var(--u)));line-height:1.25;color:var(--text)}
.proposta-legenda i{flex:none;width:max(20px, calc(44px * var(--u)));height:max(20px, calc(44px * var(--u)));border-radius:calc(12px * var(--u))}
.proposta-legenda .l-proposta{border:max(2px, calc(4px * var(--u))) solid var(--acento);background:color-mix(in srgb, var(--acento) 6%, transparent)}
.proposta-legenda .l-fechado{background:var(--ink)}
[data-theme="sombra"] .proposta-legenda .l-fechado{background:var(--paper)}
.proposta-legenda .l-aberto{border:max(2px, calc(4px * var(--u))) dashed var(--acento)}

/* ---- Adequação (INADEQUADO × ADEQUADO): o versus do documento de cultura */
.adequa-valor{display:block;font-family:var(--font-mono);font-weight:500;font-size:max(12px, calc(26px * var(--u)));letter-spacing:.14em;
  text-transform:uppercase;color:var(--highlight);margin-bottom:calc(20px * var(--u))}
.adequa{border:0;grid-template-columns:1fr 1fr}
.adequa > div{border:max(2px, calc(4px * var(--u))) solid var(--line);padding:calc(38px * var(--u)) calc(30px * var(--u));gap:calc(24px * var(--u));
  display:grid;grid-template-rows:auto auto 1fr;align-content:start}
.adequa > div + div{border-left:max(2px, calc(4px * var(--u))) solid var(--line)}
.adequa .lado-tag{font-family:var(--font-mono);font-size:max(11px, calc(24px * var(--u)));letter-spacing:.12em;text-transform:uppercase}
.adequa .ruim .lado-tag,.adequa .ruim .lado-tit{color:var(--apagado)}
.adequa .bom .lado-tag{color:var(--highlight)}
.adequa .lado-tit{font-size:max(22px, calc(60px * var(--u)));line-height:1.04;color:var(--text-strong)}
.adequa ul,.adequa .ruim ul{border:max(2px, calc(4px * var(--u))) solid var(--acento);border-radius:calc(24px * var(--u));
  background:color-mix(in srgb, var(--acento) 4.5%, transparent);padding:calc(22px * var(--u));list-style:none;
  display:flex;flex-direction:column;justify-content:center;gap:calc(10px * var(--u))}
.adequa li{display:flex;gap:calc(12px * var(--u));align-items:flex-start;font-family:var(--font-texto);font-weight:600;
  font-size:max(13px, calc(21px * var(--u)));line-height:1.26;color:var(--text)}
.adequa li::before{content:"";flex:none;width:max(5px, calc(9px * var(--u)));height:max(5px, calc(9px * var(--u)));border-radius:50%;
  background:var(--acento);margin-top:.5em}
.adequa .fato{border-radius:calc(24px * var(--u));background:var(--surface-soft);padding:calc(32px * var(--u));text-align:center;
  font-family:var(--font-texto);font-weight:600;font-size:max(14px, calc(30px * var(--u)));line-height:1.4;color:var(--text);
  display:flex;align-items:center;justify-content:center}
.adequa .fato-pergunta{font-family:var(--font-texto);font-weight:500;font-size:max(13px, calc(30px * var(--u)));line-height:1.4;color:var(--text-muted)}

/* ---- Citação: régua, fala em Anton com UM pivô, atribuição em mono */
.citacao{gap:calc(28px * var(--u))}
.citacao .regua{width:34%;height:max(4px, calc(8px * var(--u)))}
.citacao q{quotes:'"' '"'}
.ds .slide .citacao q{font-size:52px;line-height:1.12}
.citacao cite{font-family:var(--font-mono);font-weight:500;font-size:max(11px, calc(24px * var(--u)));letter-spacing:.14em;
  text-transform:uppercase;color:var(--text-muted);margin-top:calc(-8px * var(--u))}

/* ---- Bloco de código (POP): o comando no escuro, a saída no claro com barra lateral.
   O topo imita a janela: dois pontos (acento e dourado) e o rótulo do lugar onde se digita. */
.codigo{border-radius:calc(18px * var(--u));font:500 max(12px, calc(26px * var(--u)))/1.65 var(--font-mono);color:var(--paper)}
.codigo-topo{gap:calc(10px * var(--u));padding:calc(14px * var(--u)) calc(22px * var(--u));border-bottom:0;background:var(--tint-escuro);
  font:600 max(10px, calc(18px * var(--u)))/1 var(--font-texto);letter-spacing:.08em;color:var(--apagado)}
.codigo-topo i{width:max(7px, calc(12px * var(--u)));height:max(7px, calc(12px * var(--u)));background:var(--acento)}
.codigo-topo i + i{background:var(--emprestada)}
.codigo-topo b{font-weight:600;margin-left:calc(8px * var(--u))}
.codigo pre{padding:calc(22px * var(--u)) calc(24px * var(--u))}
[data-theme="sombra"] .codigo{background:var(--trilho-escuro)}
.saida{border-left:max(5px, calc(10px * var(--u))) solid var(--line);border-radius:0 calc(14px * var(--u)) calc(14px * var(--u)) 0;
  padding:calc(20px * var(--u)) calc(24px * var(--u));font:500 max(11px, calc(24px * var(--u)))/1.6 var(--font-mono)}
.codigo-nota{font-family:var(--font-texto);font-weight:600;font-size:max(13px, calc(26px * var(--u)));line-height:1.5;color:var(--text)}
.codigo-nota code,.decisao code{font-family:var(--font-mono);font-weight:600}

/* ---- Entrada e saída (POP): o mesmo cartão de topo acento da grade, rótulo ENTRA / SAI */
.es-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--u))}
.es-card{border-top:calc(6px * var(--u)) solid var(--acento);border-radius:calc(14px * var(--u));background:var(--surface-soft);
  padding:calc(26px * var(--u)) calc(24px * var(--u));gap:calc(10px * var(--u))}
.es-card b{font-family:var(--font-texto);font-weight:700;font-size:max(15px, calc(32px * var(--u)));line-height:1.15;letter-spacing:-.2px;color:var(--text)}
.es-card span{font-family:var(--font-texto);font-weight:500;font-size:max(13px, calc(26px * var(--u)));line-height:1.4;color:var(--text-muted)}

/* ---- Decisão no caminho (POP): barra de acento, pergunta em Anton, SIM e NÃO com o que fazer */
.decisao{gap:calc(10px * var(--u));padding-left:calc(20px * var(--u));border-left:max(4px, calc(8px * var(--u))) solid var(--acento)}
.decisao > b{font-size:max(17px, calc(30px * var(--u)));line-height:1.1}
.decisao p{font-family:var(--font-texto);font-weight:600;font-size:max(13px, calc(23px * var(--u)));line-height:1.45;color:var(--text)}
.decisao p em{font-family:var(--font-texto);font-weight:800;margin-right:0;color:var(--text)}
.decisao p em.sim{color:var(--highlight)}
.decisoes{display:flex;flex-direction:column;gap:calc(20px * var(--u))}

/* `.via span` pegava também o disco do ícone (cor e corpo de texto). Devolve o disco ao átomo. */
.via .ico-circ{font-size:calc(var(--tam) * .5);color:var(--paper);line-height:1}
.via .ico-circ--emprestada{color:var(--sombra)}
/* O disco de cima cobria metade do desenho de baixo: o de baixo sobe um pouco para a esquerda. */
.ico-composto > .ico-circ .ico{transform:translate(-13%,-13%)}

/* ===== 65-org.css ===== */
/* =====================================================================
   65 · MOLÉCULAS DE PRODUTO E ORGANISMOS (painel, área do jogador, landing)
   Complementa 40-moleculas-organismos.css. Produto é claro por padrão; a sombra entra
   em UM bloco pontual (sidebar, rodapé do site). Movimento: só mudança de estado,
   180ms, saída exponencial, e some com redução de movimento.
   ===================================================================== */

/* ---- Transições permitidas (estado, nunca enfeite) ---------------------------------- */
.aba{transition:color var(--dur-estado) var(--ease-saida),border-color var(--dur-estado) var(--ease-saida)}
.nav-item{transition:color var(--dur-estado) var(--ease-saida),background var(--dur-estado) var(--ease-saida)}
.toast{transition:opacity var(--dur-estado) var(--ease-saida),transform var(--dur-estado) var(--ease-saida)}
.toast.is-fora{opacity:0;transform:translateY(10px);pointer-events:none}
.scrim{transition:opacity var(--dur-estado) var(--ease-saida),visibility 0s linear 0s}
.scrim .modal{transition:transform var(--dur-estado) var(--ease-saida)}
.scrim.is-fechado{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--dur-estado) var(--ease-saida),visibility 0s linear var(--dur-estado)}
.scrim.is-fechado .modal{transform:translateY(12px)}
/* Chave de redução de movimento na própria tela (além do pedido do sistema) */
.sem-movimento,.sem-movimento *,.sem-movimento *::before,.sem-movimento *::after{transition-duration:0ms!important;transition-delay:0ms!important;animation:none!important}

/* ---- Campo, busca ------------------------------------------------------------------- */
.field .erro .ico{font-size:15px}
.field-linha{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.field-linha > label{font:700 14px/1.25 var(--font-texto);color:var(--text)}
.kbd{display:inline-block;font:500 12px/1 var(--font-mono);padding:4px 7px;border-radius:var(--radius-sm);background:var(--rail);color:var(--text)}
.input-sufixo{position:relative;display:block}
.input-sufixo .input{padding-right:96px}
.input-sufixo > span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);pointer-events:none}
.busca-lista{display:flex;flex-direction:column}
.busca-lista a{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--hairline);
  text-decoration:none;font:600 14px/1.3 var(--font-texto);color:var(--text)}
.busca-lista a:hover{background:var(--surface-soft)}
.busca-lista .tag{font-size:11px}
.busca-lista mark{background:none;color:var(--text);font-weight:800;text-decoration:underline;text-decoration-color:var(--highlight);text-decoration-thickness:2px;text-underline-offset:3px}
.busca-lista .ico{font-size:14px;color:var(--text-muted)}

/* ---- Abas: o painel que a aba controla ---------------------------------------------- */
.aba .conta{font:500 12px/1 var(--font-mono);margin-left:6px;color:var(--text-muted)}
.aba-painel{padding:16px 2px 0}
.aba-painel[hidden]{display:none}

/* ---- Gráficos: marcas finas, uma dica que lista todas as séries --------------------- */
.grafico .g-rot{font:500 11px var(--font-mono);fill:var(--text)}
.grafico .g-rot--forte{font-weight:600;fill:var(--text-strong)}
.grafico .g-rot--muted{fill:var(--text-muted)}
.grafico .g-banda{fill:var(--surface-soft);opacity:0;transition:opacity var(--dur-estado) var(--ease-saida)}
.grafico .g-grupo{outline:none}
.grafico .g-grupo:hover .g-banda,.grafico .g-grupo:focus .g-banda,.grafico .g-grupo.on .g-banda{opacity:1}
.grafico .g-grupo:focus-visible .g-banda{stroke:var(--focus-ring);stroke-width:2}
.grafico .g-linha{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
.grafico .g-ponto{stroke:var(--surface);stroke-width:2}
.grafico .g-cruz{stroke:var(--text-muted);stroke-width:1;opacity:0}
.grafico .g-cruz.on{opacity:1}
.grafico .g-alvo{fill:transparent;cursor:crosshair;outline:none}
.grafico .g-fatia{stroke:var(--surface);stroke-width:2;stroke-linejoin:miter;outline:none}
.grafico .g-fatia{transform-box:view-box;transform-origin:50% 50%;transition:transform var(--dur-estado) var(--ease-saida)}
.grafico .g-fatia.on,.grafico .g-fatia:focus-visible{transform:scale(1.05)}
.grafico .g-tit{font:700 14px/1.3 var(--font-texto);color:var(--text)}
.grafico .g-tit span{display:block;font:500 13px/1.35 var(--font-texto);color:var(--text-muted);margin-top:2px}
.grafico .g-nota{font:500 11px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
/* A legenda espelha a marca: quadrado para barra e fatia, traço para linha */
.legenda i.linha{height:2px;width:16px;border-radius:1px}
/* A dica base é tinta cheia, e a série pintada em tinta (chart-2) some dentro dela. A dica de
   gráfico usa contorno, e o valor vem antes do nome. */
.dica--contorno{background:var(--surface-raised);color:var(--text);border:var(--stroke) solid var(--line);box-shadow:var(--contato);padding:8px 12px}
.dica-tit{display:block;font:500 11px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}
.dica-lin{display:flex;align-items:center;gap:8px;font:500 12px/1.5 var(--font-texto);color:var(--text-muted)}
.dica-lin b{font:600 13px var(--font-mono);color:var(--text-strong);min-width:2.6em}
.dica-lin i{width:12px;height:2px;flex:none}
.dica-lin i.q{height:10px;width:10px}
/* Rosca: o total no centro, em Anton; a legenda carrega o % em mono */
.rosca{position:relative;flex:none}
.rosca-centro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.rosca-centro b{font:400 36px/1 var(--font-display);color:var(--text-strong)}
.rosca-centro span{font:500 10px/1.35 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);max-width:96px;margin-top:6px}
.legenda--tabela{flex-direction:column;flex-wrap:nowrap;gap:0;min-width:0;flex:1}
.legenda--tabela span{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--hairline);color:var(--text);font-weight:600}
.legenda--tabela span:last-child{border-bottom:0}
.legenda--tabela b{font:500 13px var(--font-mono);color:var(--text-strong)}
.seg.c0 b{color:var(--text)} .seg.c3 b{color:var(--paper)}

/* ---- Mesa: o assento que saiu da mão ------------------------------------------------ */
.assento--fora{border-color:var(--text-dead);color:var(--text-dead)}
.assento--fora .stack{color:var(--text-dead)}
.mesa .assento .dealer{z-index:1}

/* ---- Organograma: nós de largura fixa, conselho solto (tracejado, sem ligação) ------- */
.organo{width:100%}
.organo-no{width:var(--no-w,auto)}
.organo-no--raiz{width:auto;min-width:300px;max-width:440px}
.organo-no--solto{width:auto;min-width:var(--no-w,236px);max-width:340px;background:transparent;border:var(--stroke) dashed var(--line);margin-top:26px}
.organo-no .organo-tag{display:block;margin-top:8px;font:500 10px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}

/* ---- Casca do produto: sidebar em sombra (a âncora) + área clara -------------------- */
.app{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100%;background:var(--surface)}
.app-main{padding:28px 36px;display:flex;flex-direction:column;gap:24px;min-width:0;background:var(--surface);color:var(--text)}
.sidebar[data-theme="sombra"]{border-right-color:transparent}
.sidebar .nav-item{font-size:14px}
.sidebar .rodape-side div span{display:block;font:500 12px/1.3 var(--font-texto);color:var(--text-muted)}
.topnav .nav-item{padding:8px 12px}
.topnav .busca{width:260px}
.topnav .busca .input{min-height:40px;font-size:14px}
.topnav .btn{min-height:40px}

/* ---- Tabela: pessoa na primeira coluna, fonte na última ----------------------------- */
.tabela .pessoa{display:flex;align-items:center;gap:10px}
.tabela .pessoa b{display:block;font:700 14px/1.2 var(--font-texto)}
.tabela .pessoa div span{display:block;font:500 12px/1.2 var(--font-mono);color:var(--text-muted)}
.tabela .fonte{display:inline-flex;align-items:center;gap:5px}
.tabela .fonte .ico{font-size:13px}
.tabela .status{font-size:13px;padding:4px 9px 4px 6px}
.tabela td.num small{font-size:11px;color:var(--text-muted);margin-left:3px}
.tabela-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}

/* ---- Linha de KPIs: cada número vem com o que fazer ---------------------------------- */
.kpi-linha{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));border-top:var(--stroke) solid var(--line);border-bottom:var(--stroke) solid var(--line)}
.kpi{display:flex;flex-direction:column;gap:8px;padding:18px 22px 20px;min-width:0}
.kpi + .kpi{border-left:1px solid var(--hairline)}
.kpi-rotulo{font:500 11px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.kpi-valor{display:flex;align-items:baseline;gap:10px;font:400 40px/1 var(--font-display);color:var(--text-strong)}
.kpi-valor small{font:600 14px/1.2 var(--font-texto);color:var(--text-muted);text-transform:none}
.kpi-leitura{font:500 14px/1.4 var(--font-texto);color:var(--text)}
.kpi-leitura b{font-weight:800}
.kpi-acao{margin-top:auto;padding-top:4px;display:inline-flex;align-items:center;gap:6px;font:700 14px/1.2 var(--font-texto);color:var(--text);
  text-decoration:underline;text-decoration-color:var(--highlight);text-decoration-thickness:2px;text-underline-offset:4px;align-self:flex-start}
.kpi-acao .ico{font-size:12px}
.kpi--agir .kpi-valor{color:var(--highlight)}
.kpi .medidor{margin:2px 0}

/* ---- Painel de decisão: seções tipadas ---------------------------------------------- */
.painel-sec{display:flex;flex-direction:column;min-width:0}
.painel-sec-topo{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;padding-bottom:10px;border-bottom:var(--stroke) solid var(--line)}
.painel-sec-topo h3{font:400 24px/1.1 var(--font-display);text-transform:uppercase;color:var(--text-strong);padding-top:4px}
.painel-sec-topo .pergunta{font:500 13px/1.3 var(--font-texto);color:var(--text-muted)}
.painel-sec-topo .conta{margin-left:auto;font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.item-painel .marca{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-pill);
  background:var(--surface-soft);color:var(--text);font-size:15px;flex:none}
.item-painel .marca--acento{background:var(--acento);color:var(--paper)}
.item-painel .item-lado{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.item-painel .fonte{display:inline-flex;align-items:center;gap:5px;font:700 13px/1.2 var(--font-texto);color:var(--text);
  text-decoration:underline;text-decoration-color:var(--highlight);text-decoration-thickness:2px;text-underline-offset:3px;white-space:nowrap}
.item-painel .fonte .ico{font-size:12px}
.item-painel .sem-fonte{font:500 12px/1.2 var(--font-mono);color:var(--text-muted);white-space:nowrap}
.item-painel .meta b{font-weight:700;color:var(--text)}
.item-painel .status{font-size:13px;padding:4px 9px 4px 6px;white-space:nowrap}

/* ---- Hero da landing: título, sub, chamada; o elenco à direita, apontando para o título */
.hero-lp{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:24px;padding:56px 56px 0;overflow:hidden}
.hero-lp-txt{display:flex;flex-direction:column;gap:22px;padding-bottom:56px;min-width:0}
.hero-lp-txt .sub{max-width:560px}
.hero-lp-acoes{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:6px}
.hero-lp-prova{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:18px;border-top:1px solid var(--hairline)}
.hero-lp-prova span{display:inline-flex;align-items:center;gap:7px;font:600 14px/1.3 var(--font-texto);color:var(--text)}
.hero-lp-prova .ico{color:var(--highlight);font-size:15px}
.hero-lp-arte{display:flex;justify-content:center;align-items:flex-end;min-width:0}
.hero-lp-arte img{height:var(--arte-h,460px);width:auto}

/* ---- FAQ: acordeão, sinal de mais que vira menos ------------------------------------- */
.faq{border-top:var(--stroke) solid var(--line)}
.faq-item{border-bottom:1px solid var(--hairline)}
.faq-q{appearance:none;background:none;border:0;width:100%;display:flex;align-items:center;gap:18px;padding:18px 2px;text-align:left;cursor:pointer;
  font:700 18px/1.3 var(--font-texto);color:var(--text)}
.faq-q:hover{color:var(--highlight)}
.faq-sinal{position:relative;flex:none;margin-left:auto;width:30px;height:30px;border:var(--stroke) solid var(--line);border-radius:var(--radius-pill);color:var(--text)}
.faq-sinal::before,.faq-sinal::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.faq-sinal::after{transform:translate(-50%,-50%) rotate(90deg) scaleX(1);transition:transform var(--dur-estado) var(--ease-saida)}
.faq-q[aria-expanded="true"] .faq-sinal{background:var(--line);color:var(--surface)}
.faq-q[aria-expanded="true"] .faq-sinal::after{transform:translate(-50%,-50%) rotate(90deg) scaleX(0)}
.faq-r{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur-estado) var(--ease-saida)}
.faq-r > div{overflow:hidden}
.faq-r p{padding:0 56px 20px 2px;font:500 16px/1.5 var(--font-texto);color:var(--text-muted);max-width:760px}
.faq-r p b{color:var(--text);font-weight:700}
.faq-item.is-aberto .faq-r{grid-template-rows:1fr}

/* ---- Formulário de inscrição -------------------------------------------------------- */
.form-insc{display:flex;flex-direction:column;gap:22px}
.form-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.form-grade .inteira{grid-column:1/-1}
.form-opcoes{display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:4px}
.form-pe{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--hairline)}
.form-pe .apoio{flex:1;min-width:220px}
.form-ok{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--surface-soft);border-radius:var(--radius-md);font:600 15px/1.4 var(--font-texto)}
.form-ok[hidden]{display:none}
.field .erro[hidden]{display:none}

/* ---- Rodapé do site (a sombra da landing) ------------------------------------------- */
.rodape-site{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:32px;padding:52px 56px 28px;background:var(--surface);color:var(--text)}
.rodape-site .logo-cb{--logo-w:104px}
.rodape-marca{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.rodape-marca p{font:500 15px/1.45 var(--font-texto);color:var(--text-muted);max-width:320px}
.rodape-col{display:flex;flex-direction:column;gap:12px}
.rodape-col h4{font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}
.rodape-col a{font:600 15px/1.3 var(--font-texto);color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.rodape-col a:hover{color:var(--highlight);text-decoration:underline;text-underline-offset:4px}
.rodape-col .ico{font-size:15px;color:var(--highlight)}
.rodape-arroba{font:400 26px/1 var(--font-display);letter-spacing:.5px;color:var(--text-strong);text-decoration:none}
.rodape-arroba:hover{color:var(--highlight)}
.rodape-base{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;padding-top:20px;border-top:1px solid var(--hairline);
  font:600 13px/1.4 var(--font-texto);letter-spacing:.3px;color:var(--text-muted)}
.rodape-base .regua{width:64px;height:4px;align-self:center}

/* Correção do base: a métrica tinha contorno E fundo (surface-raised vira trilho na sombra).
   Recipiente é um OU outro: fica o contorno. O destaque segue chapado em sombra. */
.metrica{background:transparent}
.metrica--destaque{background:var(--sombra)}

/* ===== 66-templates.css ===== */
/* =========================== 4 · TEMPLATES ===========================
   Páginas inteiras montadas com átomos, primitivas e organismos da base.
   Prefixo tp-. Nada aqui escolhe cor: tudo sai do data-theme da seção.
   Produto (painel, área do jogador): claro, sombra só pontual.
   Site e landing: seções claras, UMA inversão onde o assunto muda de natureza, fechamento em sombra.
   ===================================================================== */

/* ---------- Página e casca do produto ---------- */
.tp-pagina{width:1280px;background:var(--surface);color:var(--text)}
.tp-app{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:stretch;min-height:100%}
.tp-app > .sidebar{min-height:100%}
.tp-app > .sidebar[data-theme="sombra"]{border-right-color:var(--sombra)}
.tp-main{min-width:0;display:flex;flex-direction:column}
.tp-topo{display:flex;align-items:center;gap:var(--space-4);padding:14px var(--space-6);border-bottom:var(--stroke) solid var(--line);background:var(--surface)}
.tp-topo .busca{flex:0 1 440px}
.tp-usuario{margin-left:auto;display:flex;align-items:center;gap:12px}
.tp-usuario b{display:block;font:700 14px/1.2 var(--font-texto);color:var(--text)}
.tp-usuario small{display:block;font:500 12px/1.3 var(--font-texto);color:var(--text-muted)}
.tp-conteudo{padding:var(--space-6) var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-7)}
.tp-saudacao{display:flex;flex-direction:column;gap:var(--space-2);max-width:var(--pagina-leitura)}
.tp-saudacao .corpo{max-width:760px}

/* Grade de 12 colunas do produto */
.tp-grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--space-7) var(--space-6);align-items:start}
.tp-c4{grid-column:span 4}.tp-c5{grid-column:span 5}.tp-c6{grid-column:span 6}
.tp-c7{grid-column:span 7}.tp-c8{grid-column:span 8}.tp-c12{grid-column:1/-1}

/* Bloco tipado: título em Anton, a pergunta que ele responde, e o atalho para a fonte */
.tp-bloco{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}
.tp-bloco-topo{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 14px;padding-bottom:10px;border-bottom:var(--stroke) solid var(--line)}
.tp-bloco-topo h2{font-family:var(--font-display);font-weight:400;font-size:26px;line-height:1.1;text-transform:uppercase;color:var(--text-strong);padding-top:4px}
.tp-bloco-topo .tp-pergunta{font:500 12px/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding-bottom:3px}
.tp-bloco-topo .tp-ver{margin-left:auto;padding-bottom:2px}
.tp-bloco > .abas{margin-top:var(--space-2)}
.tp-vazio{display:none;padding:18px 0;font:600 14px/1.4 var(--font-texto);color:var(--text-muted)}
.tp-vazio.on{display:block}

/* Linha de KPIs que manda fazer: todos com o mesmo peso, verbo no rótulo, ação no pé */
.tp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.tp-kpis .metrica{gap:8px}
.tp-kpis .m-valor{font-size:40px}
.tp-kpi-acao{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font:700 14px/1.2 var(--font-texto);color:var(--text);text-decoration:underline;
  text-decoration-color:var(--highlight);text-decoration-thickness:2px;text-underline-offset:3px}
.tp-kpi-acao .ico{font-size:13px}

/* Item do painel: marca do tipo, texto e meta, estado. Link da fonte nunca quebra se faltar. */
.tp-marca{--tam:34px}
.item-painel .status{white-space:nowrap}
.tp-fonte{display:inline-flex;align-items:center;gap:5px;font:700 13px/1.3 var(--font-texto);color:var(--text);text-decoration:underline;
  text-decoration-color:var(--highlight);text-decoration-thickness:2px;text-underline-offset:3px}
.tp-fonte .ico{font-size:13px}
.tp-sem-fonte{font:500 13px/1.3 var(--font-texto);color:var(--text-muted);font-style:italic}
.tp-meta-mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}
.tp-avs{display:inline-flex;align-items:center;gap:8px}
.tp-avs .avatar{--tam:24px;font-size:9px}

/* Gráfico do painel */
.tp-grafico svg rect{transition:opacity var(--dur-estado) var(--ease-saida)}
.tp-grafico svg rect:hover{opacity:.82}
.tp-grafico .valor{font:500 11px var(--font-mono);fill:var(--text)}

/* ---------- Área do jogador ---------- */
.tp-continuar{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-6);align-items:center}
.tp-video{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface);color:var(--text);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.tp-video .board{--u:.5}
.tp-video-pe{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:12px}
.tp-video-pe .tag{color:var(--text-muted)}
.tp-video-topo{position:absolute;left:16px;top:14px;right:16px;display:flex;justify-content:space-between}
.tp-aula-info{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.tp-prog-rotulo{display:flex;justify-content:space-between;gap:12px;font:600 14px/1.3 var(--font-texto);color:var(--text)}
.tp-prog-rotulo span{font-family:var(--font-mono);font-weight:500;font-size:13px;color:var(--text-muted)}

.tp-aulas{display:flex;flex-direction:column}
.tp-aula{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hairline)}
.tp-aula[hidden]{display:none}
.tp-aula-num{width:52px;height:52px;border-radius:var(--radius-md);background:var(--surface-soft);display:flex;align-items:center;justify-content:center;
  font-family:var(--font-display);font-size:24px;line-height:1;color:var(--text-strong)}
.tp-aula b{display:block;font:700 15px/1.3 var(--font-texto);color:var(--text)}
.tp-aula small{display:block;margin-top:3px;font:500 13px/1.3 var(--font-texto);color:var(--text-muted)}
.tp-aula .tag{white-space:nowrap}

.tp-data{flex:none;width:84px;padding:10px 6px 12px;border:var(--stroke) solid var(--line);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:4px}
.tp-data .tag{color:var(--highlight)}
.tp-data b{font-family:var(--font-display);font-weight:400;font-size:40px;line-height:1;color:var(--text-strong)}
.tp-reuniao{display:flex;gap:var(--space-4);align-items:flex-start;padding-top:var(--space-2)}

.tp-maos{display:flex;flex-direction:column}
.tp-mao{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid var(--hairline)}
.tp-mao .notacao b{font-weight:600}
.tp-mao-mao{font:600 22px/1 var(--font-mono);letter-spacing:.02em;color:var(--text)}
.tp-mao-spot{display:flex;flex-direction:column;gap:4px;min-width:0}
.tp-mao-spot .notacao{font-size:14px}
.tp-mao-spot small{font:500 13px/1.3 var(--font-texto);color:var(--text-muted)}

.tp-avisos{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}
.tp-avisos .toast{max-width:none}

.tp-arquivos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--space-6)}
.tp-arquivo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--hairline)}
.tp-arquivo b{display:block;font:700 15px/1.3 var(--font-texto);color:var(--text)}
.tp-arquivo small{display:block;margin-top:2px;font:500 12px/1.3 var(--font-mono);letter-spacing:.04em;color:var(--text-muted)}

/* ---------- Site e landing ---------- */
.tp-sec{padding:80px 0;background:var(--surface);color:var(--text)}
.tp-sec--curta{padding:var(--space-8) 0}
.tp-sec--linha{border-top:1px solid var(--hairline)}
.tp-nav{position:relative;z-index:var(--z-nav)}
.tp-nav .topnav{padding:16px var(--space-7)}
.tp-nav .nav-item{padding:8px 12px}

.tp-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--space-6);align-items:end}
.tp-hero-texto{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-6)}
.tp-hero-texto .sub{max-width:600px}
.tp-hero-arte{display:flex;justify-content:center;align-items:flex-end}
.tp-sinais{display:flex;flex-wrap:wrap;gap:8px}
.tp-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}

.tp-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-8);align-items:start}
.tp-split--meio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.tp-split--centro{align-items:center}
.tp-sec .sec-head .corpo{max-width:560px}
.tp-head-larga{max-width:none}

/* Prova da landing: a mesa com o spot e a barra do número, lado a lado */
.tp-prova{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8);align-items:center;margin-top:var(--space-7)}
.tp-prova-num{display:flex;flex-direction:column;gap:var(--space-4)}
.tp-prova .mesa-wrap{--u:.84}
.tp-prova .mesa-centro{width:74%;max-width:none}
.tp-prova .assento .cartas .carta{--esc:.42}

/* Oferta: 2×2 de cartões irmãos, um deles no acento */
.tp-oferta{margin-top:var(--space-7)}
.tp-oferta .grade-card{padding:26px 26px 28px;gap:10px}
.tp-oferta .grade-card .ico-circ{--tam:44px;margin-bottom:6px}
.tp-oferta .grade-card b{font-size:19px}
.tp-oferta .grade-card span{font-size:15px}
.tp-nao{margin-top:var(--space-5)}

/* FAQ nativo (details), seta vira ao abrir */
.tp-faq{border-top:var(--stroke) solid var(--line)}
.tp-faq details{border-bottom:1px solid var(--hairline)}
.tp-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;cursor:pointer;
  font:700 18px/1.3 var(--font-texto);color:var(--text)}
.tp-faq summary::-webkit-details-marker{display:none}
.tp-faq summary .ico{flex:none;font-size:16px;transform:rotate(90deg);transition:transform var(--dur-estado) var(--ease-saida)}
.tp-faq details[open] summary .ico{transform:rotate(-90deg);color:var(--highlight)}
.tp-faq details p{padding:0 40px 22px 0;max-width:720px;font:500 16px/1.5 var(--font-texto);color:var(--text-muted)}

/* Formulário: contorno, duas colunas, o aceite é obrigatório */
.tp-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);padding:var(--space-6);border:var(--stroke) solid var(--line);border-radius:var(--radius-lg)}
.tp-form .tp-inteira{grid-column:1/-1}
.tp-form-pe{grid-column:1/-1;display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding-top:var(--space-2)}
.tp-form-ok{display:none}
.tp-form-ok.on{display:inline-flex}

/* Fechamento: sombra, a barra da chamada à esquerda, o ator à direita apontando para ela */
.tp-fecho{position:relative;overflow:hidden}
.tp-fecho-grade{display:grid;grid-template-columns:minmax(0,640px) auto;justify-content:start;gap:var(--space-8);align-items:end}
/* o botão fica na altura da mão do ator: a mão está a 70% da altura contando do pé */
.tp-fecho-texto{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--fecho-pe,180px)}
.tp-fecho-texto .sub{max-width:560px}
.tp-fecho-texto .corpo{max-width:560px}
.tp-fecho .btn{align-self:flex-start;font-size:28px;padding:18px 34px}
.tp-fecho-ator{display:flex;justify-content:flex-start;align-items:flex-end}

/* Rodapé do site */
.tp-rodape{padding:var(--space-7) 0 var(--space-6);background:var(--surface);color:var(--text)}
.tp-rodape-grade{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--hairline)}
.tp-rodape-grade .logo-cb{--logo-w:96px;margin-bottom:var(--space-3)}
.tp-rodape h3{font:500 12px/1.3 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}
.tp-rodape ul{display:flex;flex-direction:column;gap:8px}
.tp-rodape li a{font:600 15px/1.3 var(--font-texto);color:var(--text);text-decoration:none}
.tp-rodape li a:hover{color:var(--highlight)}
.tp-rodape-pe{display:flex;justify-content:space-between;gap:var(--space-5);padding-top:var(--space-5);font:600 13px/1.3 var(--font-texto);color:var(--text-muted)}

/* ---------- Site institucional ---------- */
.tp-declara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-8)}
.tp-declara-item{display:flex;flex-direction:column;gap:var(--space-4)}
.tp-declara-item q{font-family:var(--font-display);font-weight:400;font-size:32px;line-height:1.18;text-transform:uppercase;quotes:"\201C" "\201D";color:var(--text-strong);display:block;padding-top:6px}
.tp-declara-item .regua{width:120px}

.tp-valores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-7) var(--space-6);margin-top:var(--space-7)}
.tp-valor{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.tp-valor .ico-circ{--tam:56px;margin-bottom:6px}
.tp-valor b{font:800 19px/1.2 var(--font-texto);color:var(--text)}
.tp-valor p{font:500 15px/1.45 var(--font-texto);color:var(--text-muted)}
.tp-valor--nota{justify-content:flex-end;padding:22px;background:var(--surface-soft);border-radius:var(--radius-lg)}

.tp-3d{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-7);border-top:var(--stroke) solid var(--line)}
.tp-3d-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-6) 0 0}
.tp-3d-item + .tp-3d-item{padding-left:var(--space-6);border-left:1px solid var(--hairline)}
.tp-3d-item .num-disco{width:44px;height:44px;font-size:22px}
.tp-3d-item h3{font-family:var(--font-display);font-weight:400;font-size:52px;line-height:1.08;text-transform:uppercase;color:var(--text-strong);display:block;padding-top:6px}
.tp-3d-item p{font:500 16px/1.5 var(--font-texto);color:var(--text-muted)}
.tp-3d-item p b{color:var(--text);font-weight:700}

.tp-org .organo-no{min-width:220px;padding:14px 18px}
.tp-org .organo-no b{font-size:16px}
.tp-org .organo-no span{font-size:13px}
.tp-org .organo-filhos{gap:28px}
.tp-org .organo-filhos::before{left:calc(25% - 7px);right:calc(25% - 7px)}
.tp-org{display:flex;justify-content:center;padding-right:120px}
.tp-org-raiz{position:relative}
.tp-org .tp-conselho{position:absolute;left:calc(100% + 40px);top:0;min-width:190px}
.tp-conselho::before{content:"";position:absolute;right:100%;top:50%;width:40px;border-top:var(--stroke) dashed var(--line)}
.tp-org-legenda{margin-top:var(--space-5);display:flex;gap:var(--space-5);font:600 13px/1.3 var(--font-texto);color:var(--text-muted)}
.tp-org-legenda span{display:inline-flex;align-items:center;gap:8px}
.tp-org-legenda i{width:28px;border-top:var(--stroke) solid var(--line)}
.tp-org-legenda i.tracejado{border-top-style:dashed}

.tp-principios{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 var(--space-8);margin-top:var(--space-6);counter-reset:pr}
.tp-principio{align-content:start;display:grid;grid-template-columns:56px minmax(0,1fr);gap:4px 16px;padding:22px 0;border-bottom:1px solid var(--hairline)}
.tp-principio::before{counter-increment:pr;content:counter(pr,decimal-leading-zero);grid-row:span 2;font-family:var(--font-display);font-size:34px;line-height:1;color:var(--highlight);padding-top:2px}
.tp-principio b{font:800 18px/1.25 var(--font-texto);color:var(--text)}
.tp-principio span{font:500 15px/1.45 var(--font-texto);color:var(--text-muted)}

.tp-piso{margin-top:var(--space-6);align-items:flex-start;padding:var(--space-6)}
.tp-piso .alerta-txt{display:flex;flex-direction:column;gap:var(--space-3);font-size:17px}
.tp-piso ul{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px var(--space-6);list-style:none}
.tp-piso li{display:flex;gap:10px;align-items:flex-start;font:600 15px/1.4 var(--font-texto);color:var(--text)}
.tp-piso li::before{content:"";flex:none;width:9px;height:9px;margin-top:6px;border-radius:var(--radius-pill);background:var(--acento)}
.tp-piso .tp-sem-excecao{font-family:var(--font-display);font-weight:400;font-size:22px;line-height:1.14;text-transform:uppercase;color:var(--text-strong);padding-top:var(--space-2);border-top:1px solid var(--hairline)}

.tp-numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-7)}
.tp-numero{display:flex;flex-direction:column;gap:var(--space-3)}
.tp-numero .numeral{flex-direction:column;align-items:flex-start;gap:10px}
.tp-numero .numeral .num{font-size:112px;line-height:.9}
.tp-numero .numeral .num-txt{font-size:24px;max-width:none;line-height:1.08}
.tp-numero p{font:500 15px/1.45 var(--font-texto);color:var(--text-muted)}

.tp-contato{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-8);align-items:end}
.tp-canais{display:flex;flex-direction:column}
.tp-canal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--hairline)}
.tp-canal:first-child{border-top:1px solid var(--hairline)}
.tp-canal b{display:block;font:700 16px/1.3 var(--font-texto);color:var(--text)}
.tp-canal small{display:block;font:500 13px/1.3 var(--font-texto);color:var(--text-muted)}
.tp-lista .item-painel[hidden]{display:none}
.tp-split--inv{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.tp-neg .lado{padding:26px 24px;gap:14px}
.tp-neg .lado-tit{font-size:30px}
.tp-neg .lado-arte{justify-content:flex-start}
.tp-neg .lado-txt{font-size:15px}
.tp-mais{margin-top:var(--space-7)}
/* Títulos com acento empilhado: o Anton desenha Ê, Ã e Ç fora da caixa; nas páginas, entrelinha maior */
.tp-pagina .hd-xl{line-height:1.08}
.tp-pagina .hd-capa,.tp-pagina .hd-miolo{line-height:1.16}
.tp-hero--largo{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.tp-hero .dupla{--u:.5}
.tp-valor--nota .btn--texto{padding-inline:0;align-self:flex-start}
.tp-sub-sec{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}
.tp-canal{text-decoration:none;color:var(--text)}
.tp-canal:hover b{color:var(--highlight)}
/* Grupo de avatares nas páginas: lado a lado, sem sobrepor as iniciais */
.tp-pagina .avatar-grupo{gap:3px}
.tp-pagina .avatar-grupo .avatar{margin-left:0;box-shadow:none}

/* ===== 67-social.css ===== */
/* =========================== 5 · APLICAÇÕES (redes sociais e vídeo) =====
   Prefixo ap-. Os formatos que não são o feed 4:5: quadrado, story, reels, thumb do YouTube,
   faixa de vídeo e deck 16:9. Todos são desenhados no tamanho REAL do canvas (--u:1, herdado
   de .slide) e reduzidos inteiros com .ap-mini. Nenhum formato abre layout novo: o esqueleto
   (.slide-topo, .slide-conteudo, .slide-rodape) é o mesmo, só a caixa muda.
   ===================================================================== */

/* Miniatura genérica: qualquer canvas, reduzido inteiro. --w e --h sem unidade (px do canvas). */
.ap-mini{--s:.3;--w:1080;--h:1350;position:relative;flex:none;overflow:hidden;
  width:calc(var(--w) * var(--s) * 1px);height:calc(var(--h) * var(--s) * 1px)}
.ap-mini > .slide{position:absolute;top:0;left:0;transform:scale(var(--s));transform-origin:0 0}

/* Formatos. A margem é a do feed (84 no lado curto de 1080) em todos. */
.slide.ap-quadrado{height:1080px}
.slide.ap-story{height:1920px;padding:290px 84px 380px}
.slide.ap-thumb{width:1280px;height:720px;padding:64px 72px;flex-direction:row;align-items:center;gap:48px}
.slide.ap-deck{width:1920px;height:1080px;padding:84px 84px 76px}
.slide.ap-video{width:1920px;height:1080px;padding:0}

/* Numeral de post único: o travamento numérico no tamanho de capa */
.slide .ap-numeral-xl{gap:36px;align-items:flex-end}
.slide .ap-numeral-xl .num{font-size:var(--num,440px);line-height:.8}
.slide .ap-numeral-xl .num-txt{font-size:84px;line-height:1.06;max-width:var(--num-txt,420px);padding-bottom:6px}

/* Fechamento com ator: a chamada numa coluna, o personagem na outra, na altura da barra */
.ap-cta{display:flex;align-items:center;gap:24px;flex:1 1 0;min-height:0;width:100%}
.ap-cta-txt{flex:1;display:flex;flex-direction:column;gap:32px;min-width:0}
.ap-cta-ator{flex:none;display:flex;align-items:center}

/* Dado com ator: grade de cem à esquerda, o ator à DIREITA apontando para ela */
.ap-dado{display:flex;align-items:center;gap:20px;width:100%;height:100%;min-height:0}
.ap-dado .grade-cem{flex:none;height:100%;width:auto;max-width:560px;max-height:560px}
.ap-dado .ator{flex:1;min-width:0}

/* Linha do texto que divide espaço com a arte (spot + personagem) */
.ap-lado{display:flex;align-items:center;gap:12px;width:100%;flex:1 1 0;min-height:0}
.ap-lado > .ap-lado-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;align-self:center}

/* Zonas de UI da plataforma (só na vitrine de formato): o que a interface cobre */
.ap-zona{position:absolute;left:0;right:0;z-index:5;border:4px dashed var(--acento);display:flex;
  align-items:center;justify-content:center;pointer-events:none}
.ap-zona span{font-family:var(--font-mono);font-weight:500;font-size:26px;letter-spacing:2px;text-transform:uppercase;
  background:var(--acento);color:var(--paper);padding:8px 16px}
.ap-zona--topo{top:0;height:250px}
.ap-zona--pe{bottom:0;height:340px}
/* Recorte 4:5 do grid do perfil, centrado no 9:16 */
.ap-recorte{position:absolute;left:0;right:0;top:285px;height:1350px;z-index:5;border:6px dashed var(--emprestada);pointer-events:none}
.ap-recorte > span{position:absolute;right:0;top:0;font-family:var(--font-mono);font-weight:500;font-size:26px;letter-spacing:2px;
  text-transform:uppercase;background:var(--emprestada);color:var(--sombra);padding:8px 16px}
/* Zona do timestamp do YouTube: canto inferior direito, nada importante ali */
.ap-timestamp{position:absolute;right:16px;bottom:16px;width:196px;height:92px;z-index:5;border:4px dashed var(--acento);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:22px;letter-spacing:1px;color:var(--acento);background:transparent}
.ap-timestamp--sem-rotulo{font-size:0}

/* Legenda queimada do reels: Figtree, duas linhas no máximo, chapada */
.ap-legenda{align-self:center;max-width:860px;text-align:center;font-family:var(--font-texto);font-weight:700;font-size:48px;
  line-height:1.3;color:var(--text);background:var(--surface-soft);padding:14px 28px;border-radius:14px}

/* Thumb do YouTube: título em Anton que ocupa a metade dele */
.ap-thumb-tit{flex:1;min-width:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:150px;
  line-height:1.08;letter-spacing:-1px;color:var(--text-strong);padding-top:16px;text-wrap:balance}
.ap-thumb-arte{flex:none;display:flex;align-items:center;justify-content:center}
.ap-thumb .numeral .num{font-size:520px;line-height:.8}

/* ================= Faixa de vídeo da série Drills Session (1920x1080) ================= */
/* A geometria vem de 08-video-fonte/template.json e não se mexe: faixa em y 848, câmera
   [752,786,484,294], moldura 5px. O topo cobre o chrome do gravador (137px). */
.ap-tela{position:absolute;left:0;right:0;top:137px;bottom:232px;display:flex;gap:24px;padding:32px 48px;background:var(--rail)}
.ap-tela > div{flex:1;border:4px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-mono);font-size:26px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);background:var(--surface)}
.ap-topo-video{position:absolute;left:0;right:0;top:0;height:137px;background:var(--sombra);color:var(--paper);display:flex;
  align-items:center;gap:32px;padding:0 56px}
.ap-topo-video .logo-cb{--logo-w:62px}
.ap-topo-video b{font-family:var(--font-display);font-weight:400;font-size:60px;line-height:1;text-transform:uppercase;letter-spacing:.5px}
.ap-topo-video b em{font-style:normal;color:var(--emprestada)}
.ap-topo-video .tag{font-size:24px;letter-spacing:2px;color:var(--apoio-escuro);margin-left:auto}
.ap-faixa{position:absolute;left:0;right:0;top:848px;height:232px;background:var(--sombra);color:var(--paper)}
.ap-faixa-serie{position:absolute;left:0;width:752px;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:var(--font-display);font-weight:400;text-transform:uppercase;line-height:1.08}
.ap-faixa-serie b{font-weight:400;font-size:64px;color:var(--paper)}
.ap-faixa-serie strong{font-weight:400;font-size:92px;color:var(--acento)}
.ap-faixa-marca{position:absolute;left:1236px;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:56px}
.ap-faixa-marca .logo-cb{--logo-w:150px}
.ap-faixa-marca span{font-family:var(--font-texto);font-weight:800;font-size:56px;letter-spacing:-.5px;color:var(--paper)}
.ap-camera{position:absolute;left:752px;top:786px;width:484px;height:294px;border:5px solid var(--video-moldura);background:var(--trilho-escuro);
  display:flex;align-items:center;justify-content:center;z-index:2;font-family:var(--font-mono);font-size:28px;letter-spacing:3px;
  text-transform:uppercase;color:var(--apoio-escuro)}

/* ================= Deck 16:9 ================= */
/* Tela projetada: o texto sobe um degrau em relação ao feed, o display fica igual */
.ap-deck .slide-topo .logo-cb{--logo-w:120px}
.ap-deck .kicker{font-size:30px;letter-spacing:4px}
.ap-deck .slide-rodape{font-size:30px}
.ap-deck .slide-conteudo{padding:48px 0 24px;gap:36px}
.ap-deck .sub{font-size:56px;line-height:1.24;max-width:1300px}
.ap-deck .corpo{font-size:44px;line-height:1.4;max-width:1200px}
.ap-deck .resumo-item{font-size:52px;gap:24px}
.ap-deck .resumo-item .n{width:64px;height:64px;font-size:34px}
.ap-deck .btn{font-size:52px;padding:30px 52px}
.ap-deck-dois{display:flex;gap:84px;flex:1 1 0;min-height:0;align-items:center}
.ap-deck-dois > *{flex:1;min-width:0}
/* Organograma no canvas: as mesmas regras do .organo, nas medidas da tela projetada */
.ap-deck .organo-no{min-width:420px;padding:26px 40px;border-radius:16px;border-top-width:8px}
.ap-deck .organo-no b{font-size:48px;letter-spacing:-.5px;white-space:nowrap}
.ap-deck .organo-no span{font-size:34px;margin-top:8px}
.ap-deck .organo-tronco{width:4px;height:44px}
.ap-deck .organo-filhos{gap:56px;padding-top:44px}
.ap-deck .organo-filhos::before{height:4px}
.ap-deck .organo-filhos > .organo-no{width:460px}
/* dois filhos de 460 com vão de 56: o centro de cada um fica a 230/976 da borda */
.ap-deck .organo-filhos{--l:23.57%;--r:23.57%}
.ap-deck .organo-filhos > .organo-no::before{top:-44px;width:4px;height:44px}
.ap-organo-linha{display:flex;align-items:flex-start;justify-content:center;gap:120px;width:100%}
.ap-conselho{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.ap-conselho .organo-no{border-top-color:var(--line)}
.ap-deck .ap-conselho .tag{font-size:28px;letter-spacing:3px}

/* ================= Vitrine dos cards do grupo 5 (não vai para a peça) ================= */
.ap-prancha{padding:32px;background:var(--rail);display:flex;flex-direction:column;gap:28px}
.ap-prancha-tit{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.ap-prancha-tit h2{font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1.1;text-transform:uppercase;color:var(--text-strong)}
.ap-prancha-tit p{font-size:15px;color:var(--text-muted)}
.ap-fila{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.ap-quadro{display:flex;flex-direction:column;gap:10px;align-items:center}
.ap-quadro > .ap-num{font:500 12px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.ap-quadro > .ap-num b{font-family:var(--font-display);font-weight:400;font-size:16px;color:var(--text);letter-spacing:0;margin-right:6px}
.ap-partitura{width:100%;border-collapse:collapse;font:500 14px/1.4 var(--font-texto);color:var(--text)}
.ap-partitura th{text-align:left;font:500 11px/1.2 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);
  padding:8px 10px;border-bottom:var(--stroke) solid var(--line)}
.ap-partitura td{padding:9px 10px;border-bottom:1px solid var(--hairline);vertical-align:top}
.ap-partitura td:first-child{font-family:var(--font-display);font-size:18px;width:44px}
.ap-partitura .ap-fundo{display:inline-flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}
.ap-partitura .ap-fundo i{width:16px;height:16px;border:var(--stroke) solid var(--ink);flex:none;background:var(--paper)}
.ap-partitura .ap-fundo--sombra i{background:var(--sombra)}
.ap-partitura tr.ap-inverte td{background:var(--tint-claro)}
.ap-legenda-post{display:flex;flex-direction:column;gap:12px;max-width:760px;font:500 15px/1.5 var(--font-texto);color:var(--text)}
.ap-legenda-post .ap-gancho{font-weight:800;font-size:18px;color:var(--text-strong)}
.ap-legenda-post .ap-gancho::after{content:"primeira linha: o mesmo gancho da capa";display:block;margin-top:4px;font:500 11px/1.3 var(--font-mono);
  letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}
.ap-folha{background:var(--paper);color:var(--ink);padding:24px 28px;display:grid;grid-template-columns:1.25fr 1fr;gap:32px}
.ap-folha h3{font-family:var(--font-display);font-weight:400;font-size:22px;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.ap-folha h3::before{content:"";width:40px;height:4px;background:var(--acento)}
.ap-medidas{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font:500 13px/1.45 var(--font-texto)}
.ap-medidas dt{font:500 12px/1.45 var(--font-mono);color:var(--text)}
.ap-medidas dd{margin:0;color:var(--text-muted)}
/* Capa de reels: o miolo mora dentro do recorte 4:5 do grid (y 285 a 1635) com a margem de 48 */
.slide.ap-reels{padding:333px 84px 333px}
.ap-reels .slide-conteudo{padding:48px 0 0}
.ap-folha .pv-n{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;
  background:var(--acento);color:var(--paper);font:400 11px/1 var(--font-display);margin-right:4px;vertical-align:1px}

/* ===== 68-docs.css ===== */
/* =========================== 5 · APLICAÇÕES: DOCUMENTOS E PAPELARIA ==
   Prefixo doc-. Peças A4 (POP, endomarketing, proposta) desenhadas no canvas 1080×1528 dentro de
   .slide.slide--a4 e reduzidas com .mini.mini--a4. E-mail e assinatura na medida web (600px).
   Papelaria na escala do A4 lógico: 1 mm = 1080/210 px (--mm), 1 pt = 0,3528 mm (--pt).
   Os modificadores doc-* só trazem a medida do canvas para moléculas que o bundle desenha na web
   (.codigo, .saida, .es-card, .decisao, .proposta, .adequa, .tabela). Cor continua do tema.
   ===================================================================== */

/* ---------- A4: ajustes do esqueleto (página com .doc-pag ao lado de .slide.slide--a4) ---------- */
.doc-pag .slide-rodape > span:first-child{text-transform:uppercase}
.doc-pag .slide-conteudo{gap:28px}
.doc-pag :is(.sub,.corpo,.passo-txt,p,li){text-wrap:pretty}
.doc-folga{flex:1 1 0;min-height:0}              /* a folga vai para onde a página pede, nunca num objeto */
.slide .corpo.doc-corpo-sm{font-size:30px;line-height:1.45}
.slide .sub.doc-sub-lg{font-size:44px;line-height:1.3}

/* Índice da capa do POP: número em quadrado chapado de canto macio, a ordem dos passos */
.doc-indice{display:flex;flex-direction:column;gap:22px}
.doc-indice li{display:flex;align-items:center;gap:20px;font:700 27px/1.3 var(--font-texto);color:var(--text)}
.doc-indice .n{flex:none;width:54px;height:54px;border-radius:14px;background:var(--acento);color:var(--paper);
  display:flex;align-items:center;justify-content:center;font:400 30px/1 var(--font-display)}
.doc-indice code{font:600 25px var(--font-mono)}

/* Ficha de identificação (POP e proposta): rótulo mono, valor em texto. Traço de cima, sem fundo. */
.doc-ficha{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));border-top:4px solid var(--line)}
.doc-ficha > div{display:flex;flex-direction:column;gap:6px;padding:18px 18px 0 0}
.doc-ficha > div + div{padding-left:18px;border-left:2px solid var(--hairline)}
.doc-ficha span{font:500 19px/1.2 var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--text-muted)}
.doc-ficha--2{--cols:2;row-gap:26px}
.doc-ficha--2 > div:nth-child(odd){padding-left:0;border-left:0}
.doc-ficha b{font:700 27px/1.25 var(--font-texto);color:var(--text)}

/* Bloco de comando e saída do programa na medida do canvas */
.codigo.doc-codigo{border-radius:16px;font:500 26px/1.62 var(--font-mono)}
.doc-codigo .codigo-topo{padding:14px 22px;gap:10px;font-size:18px;border-bottom-width:2px}
.doc-codigo .codigo-topo i{width:12px;height:12px}
.doc-codigo .codigo-topo i + i{background:var(--emprestada)}
.doc-codigo pre{padding:22px 26px}
.saida.doc-saida{border-left-width:10px;padding:20px 26px;font:500 23px/1.6 var(--font-mono)}

/* Entrada e saída do POP: quatro cartões, ENTRA ou SAI na primeira palavra */
.doc-es{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}
.doc-es .es-card{border-top-width:6px;border-radius:0 0 14px 14px;padding:26px 28px 30px;gap:12px}
.doc-es .es-card b{font-size:34px;line-height:1.2}
.doc-es .es-card span{font-size:27px;line-height:1.42}
.doc-es .doc-es-sai{background:transparent;border:4px solid var(--line);border-top:6px solid var(--acento);border-radius:0 0 14px 14px}

/* Decisões no caminho: pergunta em Anton, SIM e NÃO com o destino escrito */
.decisao.doc-decisao{border-left-width:8px;padding-left:26px;gap:14px}
.doc-decisao > b{font-size:40px;line-height:1.1}
.doc-decisao p{font-size:27px;line-height:1.42}
.doc-decisao p em{font-size:24px;margin-right:10px}
.doc-decisao code{font:600 24px var(--font-mono);color:var(--text)}
.doc-decisoes{display:flex;flex-direction:column;gap:34px;width:100%}

/* Proposta (três estados do bloco) na medida do canvas */
.proposta.doc-proposta{border-width:4px;border-radius:22px;padding:30px 30px 34px;gap:16px}
.doc-proposta .tag{font-size:22px;letter-spacing:3px}
.doc-proposta p{font-size:34px;line-height:1.42}
.doc-proposta .linhas{gap:30px;margin-top:14px}
.doc-proposta .linhas i{height:2px;background:var(--vazio-claro)}
.proposta--fechado.doc-proposta .linhas i{background:var(--morto-escuro)}

/* Legenda dos estados, na capa do documento de trabalho */
.doc-legenda{display:flex;flex-direction:column;gap:16px}
.doc-legenda li{display:flex;align-items:center;gap:18px;font:700 26px/1.3 var(--font-texto);color:var(--text)}
.doc-est{flex:none;width:46px;height:46px;border-radius:12px;border:4px solid var(--acento)}
.doc-est--fechado{background:var(--sombra);border-color:var(--sombra)}
.doc-est--aberto{border-style:dashed}
[data-theme="sombra"] .doc-est--fechado{border-color:var(--paper)}

/* Inadequado × adequado na medida do canvas */
.adequa.doc-adequa{border-width:4px}
.doc-adequa > div{padding:32px 26px 30px;gap:18px}
.doc-adequa > div + div{border-left-width:4px}
.doc-adequa .lado-tag{font-size:22px;letter-spacing:3px}
.doc-adequa .lado-tit{font-size:58px;line-height:1.04}
.doc-adequa ul{border-width:4px;border-radius:22px;padding:24px 22px 24px 50px;gap:16px;font-size:26px;line-height:1.38}
.doc-rotulo{font:500 24px/1 var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--highlight)}

/* Nota de princípio novo, embaixo dos passos */
.doc-nota{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:4px solid var(--acento)}
.doc-nota span{font:500 21px/1.2 var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--highlight)}
.doc-nota b{font:600 30px/1.36 var(--font-texto);color:var(--text)}

/* Faixa de linha vermelha: contorno de acento, a regra universal em uma linha de Anton */
.doc-faixa{border:5px solid var(--acento);border-radius:22px;padding:20px 28px 22px;display:flex;flex-direction:column;
  gap:8px;text-align:center}
.doc-faixa span{font:500 21px/1.2 var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--highlight)}
.doc-faixa b{font:400 30px/1.16 var(--font-display);text-transform:uppercase;color:var(--text-strong)}

/* Os valores em ícone: quatro colunas, disco de acento, nome e frase */
.doc-valores{display:flex;gap:18px;width:100%}
.doc-valores > div{flex:1 1 0;min-width:min-content;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.doc-valores .ico-circ{--tam:168px}
.doc-valores b{font:700 29px/1.2 var(--font-texto);color:var(--text)}
.doc-valores p{font:500 25px/1.42 var(--font-texto);color:var(--text-muted)}

/* Numeral alinhado ao centro do rótulo e encostado à esquerda da coluna (a correção da peça real) */
.numeral.doc-numeral{align-items:center;justify-content:flex-start;width:100%}
.doc-numeral .num-txt{max-width:420px}

/* Tabela de investimento na medida do canvas */
.tabela.doc-tabela{font:500 28px/1.35 var(--font-texto)}
.doc-tabela th{font-size:20px;letter-spacing:2.4px;padding:0 16px 18px;border-bottom-width:4px}
.doc-tabela th:first-child,.doc-tabela td:first-child{padding-left:0}
.doc-tabela th:last-child,.doc-tabela td:last-child{padding-right:0}
.doc-tabela td{padding:26px 16px;border-bottom-width:2px}
.doc-tabela td b{display:block;font-weight:800;font-size:30px}
.doc-tabela td small{display:block;font-size:23px;color:var(--text-muted);margin-top:4px}
.doc-tabela td.num{font-size:28px}
.doc-tabela tbody tr:hover{background:none}

/* ---------- E-MAIL DO TIME (600px, sempre arte clara) ---------- */
.doc-email{width:600px;flex:none;background:var(--paper);color:var(--ink);font:500 16px/1.6 var(--font-texto)}
.doc-email-topo{display:flex;align-items:center;justify-content:space-between;padding:32px 40px 22px}
.doc-email-topo img{width:88px;height:auto}
.doc-email-topo .kicker{color:var(--acento)}
.doc-email-corpo{display:flex;flex-direction:column;gap:16px;padding:8px 40px 36px}
.doc-email-corpo .regua{width:120px;height:4px}
.doc-email-corpo h1{font:800 26px/1.22 var(--font-texto);letter-spacing:-.3px;color:var(--ink)}
.doc-email-corpo p{font:500 16px/1.6 var(--font-texto);color:var(--ink)}
.doc-email-corpo p b{font-weight:700}
.doc-email :is(p,li,dd){text-wrap:pretty}
.doc-email-corpo .doc-email-apoio{color:var(--apoio-claro);font-size:14px}
.doc-email-cta{display:inline-block;align-self:flex-start;padding:15px 26px;background:var(--acento);color:var(--paper);
  font:800 15px/1 var(--font-texto);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.doc-email-lista{display:flex;flex-direction:column;gap:8px}
.doc-email-lista li{display:flex;gap:12px;font:500 16px/1.5 var(--font-texto)}
.doc-email-lista li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;background:var(--acento)}
.doc-email-evento{display:grid;grid-template-columns:auto 1fr;gap:12px 18px;padding:20px 22px;background:var(--tint-claro)}
.doc-email-evento dt{font:500 11px/1.9 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--apoio-claro)}
.doc-email-evento dd{margin:0;font:700 16px/1.45 var(--font-texto);color:var(--ink)}
.doc-email-evento dd span{display:block;font-weight:500;font-size:14px;color:var(--apoio-claro)}
.doc-email-rodape{display:flex;flex-direction:column;gap:6px;padding:20px 40px 30px;border-top:1px solid var(--vazio-claro);
  font:500 12px/1.5 var(--font-texto);color:var(--apoio-claro)}
.doc-email-rodape b{font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* ---------- ASSINATURA DE E-MAIL ---------- */
.doc-assin{display:flex;align-items:stretch;gap:18px;font-family:var(--font-texto);color:var(--text)}
.doc-assin img{width:54px;height:auto;align-self:flex-start;flex:none}
.doc-assin-regua{flex:none;width:3px;background:var(--acento)}
.doc-assin-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.doc-assin-nome{font:800 17px/1.25 var(--font-texto);color:var(--text-strong);letter-spacing:-.2px}
.doc-assin-cargo{font:600 13px/1.35 var(--font-texto);color:var(--text-muted)}
.doc-assin-contatos{display:flex;flex-direction:column;gap:1px;margin-top:8px;font:500 13px/1.5 var(--font-texto);color:var(--text)}
.doc-assin-contatos i{font-style:normal;display:inline-block;width:44px;font:500 10px/1 var(--font-mono);letter-spacing:.12em;
  text-transform:uppercase;color:var(--highlight)}
.doc-assin--compacta{flex-direction:column;gap:6px}
.doc-assin--compacta .doc-assin-regua{width:28px;height:3px}
.doc-assin--compacta .doc-assin-nome{font-size:15px}
.doc-assin--compacta .doc-assin-linha{font:500 13px/1.45 var(--font-texto);color:var(--text-muted)}
.doc-assin--compacta .doc-assin-linha b{font-weight:700;color:var(--text)}

/* ---------- PAPELARIA: escala do A4 lógico ---------- */
/* Miniatura genérica: a peça é desenhada no tamanho real (--w × --h) e reduzida inteira por --s */
.doc-mini{--s:.5;width:calc(var(--w) * var(--s));height:calc(var(--h) * var(--s));position:relative;overflow:hidden;flex:none}
.doc-mini > *{position:absolute;top:0;left:0;transform:scale(var(--s));transform-origin:0 0}
.doc-papel{--mm:5.142857px;--pt:1.814286px;width:var(--w);height:var(--h);position:relative;overflow:hidden;
  background:var(--surface);color:var(--text);font-family:var(--font-texto);font-weight:500}
.doc-papel .regua{height:calc(1.4 * var(--mm));width:calc(38 * var(--mm))}
.doc-mono{font-family:var(--font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.12em}

/* Papel timbrado (carta) A4 210 × 297 */
.doc-timbre{padding:calc(18 * var(--mm)) calc(20 * var(--mm)) calc(14 * var(--mm));display:flex;flex-direction:column}
.doc-timbre-topo{display:flex;justify-content:space-between;align-items:flex-start}
.doc-timbre-topo .logo-cb{--logo-w:calc(22 * var(--mm))}
.doc-timbre-topo address{font-style:normal;text-align:right;font-size:calc(7.5 * var(--pt));line-height:1.55;color:var(--text-muted)}
.doc-timbre-topo address b{color:var(--text);font-weight:700}
.doc-timbre-corpo{flex:1;display:flex;flex-direction:column;gap:calc(4.2 * var(--mm));padding-top:calc(22 * var(--mm));
  font-size:calc(11 * var(--pt));line-height:1.55;color:var(--text)}
.doc-timbre-corpo .doc-mono{font-size:calc(7.5 * var(--pt));color:var(--text-muted)}
.doc-timbre-corpo h2{font:400 calc(20 * var(--pt))/1.1 var(--font-display);text-transform:uppercase;color:var(--text-strong);padding-top:calc(1.5 * var(--mm))}
.doc-timbre-assin{margin-top:calc(6 * var(--mm));display:flex;flex-direction:column;gap:2px}
.doc-timbre-assin b{font-weight:800}
.doc-timbre-assin span{color:var(--text-muted);font-size:calc(9 * var(--pt))}
.doc-timbre-pe{display:flex;flex-direction:column;gap:calc(3 * var(--mm))}
.doc-timbre-pe p{display:flex;justify-content:space-between;font-size:calc(7.5 * var(--pt));font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--text-muted)}

/* Cartão de visita 90 × 50 */
.doc-cartao{padding:calc(6 * var(--mm)) calc(6.5 * var(--mm));display:flex;flex-direction:column}
.doc-cartao--frente{align-items:center;justify-content:center}
.doc-cartao--frente .logo-cb{--logo-w:calc(24 * var(--mm))}
.doc-cartao--verso{justify-content:space-between}
.doc-cartao-nome{font:800 calc(10 * var(--pt))/1.2 var(--font-texto);letter-spacing:-.01em;color:var(--text-strong)}
.doc-cartao-cargo{font-size:calc(7.5 * var(--pt));font-weight:600;color:var(--text-muted);margin-top:calc(.8 * var(--mm))}
.doc-cartao-contatos{display:flex;flex-direction:column;gap:calc(.6 * var(--mm));font-size:calc(7 * var(--pt));line-height:1.35}
.doc-cartao-contatos i{font-style:normal;display:inline-block;width:calc(9 * var(--mm));font:500 calc(5.5 * var(--pt))/1 var(--font-mono);
  letter-spacing:.12em;text-transform:uppercase;color:var(--highlight)}
.doc-cartao--verso .regua{width:calc(16 * var(--mm));height:calc(1 * var(--mm))}

/* Envelope DL 220 × 110 */
.doc-envelope{padding:calc(10 * var(--mm)) calc(12 * var(--mm))}
.doc-envelope-rem{display:flex;gap:calc(4 * var(--mm));align-items:flex-start}
.doc-envelope-rem .logo-cb{--logo-w:calc(19 * var(--mm))}
.doc-envelope-rem address{font-style:normal;font-size:calc(7 * var(--pt));line-height:1.5;color:var(--text-muted);padding-top:calc(1 * var(--mm))}
.doc-envelope-rem address b{color:var(--text);font-weight:700}
.doc-envelope-dest{position:absolute;left:calc(110 * var(--mm));top:calc(52 * var(--mm));display:flex;flex-direction:column;gap:calc(1 * var(--mm));
  font-size:calc(10 * var(--pt));line-height:1.45}
.doc-envelope-dest .doc-mono{font-size:calc(6.5 * var(--pt));color:var(--text-muted)}
.doc-envelope-dest b{font-weight:800}
.doc-envelope .regua{position:absolute;left:calc(12 * var(--mm));bottom:calc(10 * var(--mm));width:calc(30 * var(--mm));height:calc(1.2 * var(--mm))}

/* Crachá PVC CR80 vertical 54 × 86 */
.doc-cracha{padding:calc(9 * var(--mm)) calc(5 * var(--mm)) calc(5 * var(--mm));display:flex;flex-direction:column;align-items:flex-start}
.doc-cracha-furo{position:absolute;left:50%;top:calc(3 * var(--mm));width:calc(12 * var(--mm));height:calc(2.4 * var(--mm));transform:translateX(-50%);
  border:2px solid var(--vazio-claro);border-radius:var(--radius-pill)}
.doc-cracha .logo-cb{--logo-w:calc(17 * var(--mm))}
.doc-cracha-nome{margin-top:auto;font:400 calc(21 * var(--pt))/1.08 var(--font-display);text-transform:uppercase;color:var(--text-strong);padding-top:4px}
.doc-cracha-cargo{font-size:calc(7.5 * var(--pt));font-weight:700;color:var(--text);margin-top:calc(1.2 * var(--mm))}
.doc-cracha .regua{width:calc(14 * var(--mm));height:calc(1.2 * var(--mm));margin:calc(3 * var(--mm)) 0}
.doc-cracha-acesso{display:flex;justify-content:space-between;width:100%;font-size:calc(5.5 * var(--pt));color:var(--text-muted)}
.doc-cracha-acesso b{color:var(--highlight);font-weight:500}

/* Capa de pasta com bolsa, fechada 220 × 310 */
.doc-pasta{padding:calc(20 * var(--mm)) calc(20 * var(--mm)) calc(18 * var(--mm));display:flex;flex-direction:column}
.doc-pasta .logo-cb{--logo-w:calc(34 * var(--mm))}
.doc-pasta-tit{margin-top:auto;font:400 calc(80 * var(--pt))/1.08 var(--font-display);text-transform:uppercase;color:var(--text-strong);padding-top:16px}
.doc-pasta-kicker{margin-top:auto;font-size:calc(13 * var(--pt));letter-spacing:.2em}
.doc-pasta-kicker + .doc-pasta-tit{margin-top:calc(2 * var(--mm))}
.doc-pasta .regua{margin:calc(8 * var(--mm)) 0 calc(6 * var(--mm));width:calc(60 * var(--mm));height:calc(1.8 * var(--mm))}
.doc-pasta-pe{display:flex;justify-content:space-between;font-size:calc(9 * var(--pt));font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}

/* Certificado de conclusão de módulo: A4 paisagem 297 × 210 */
.doc-certificado{padding:calc(18 * var(--mm)) calc(22 * var(--mm)) calc(16 * var(--mm));display:flex;flex-direction:column}
.doc-certificado-topo{display:flex;justify-content:space-between;align-items:center}
.doc-certificado-topo .logo-cb{--logo-w:calc(24 * var(--mm))}
.doc-certificado-topo .kicker{font-size:calc(11 * var(--pt));letter-spacing:.2em;color:var(--acento)}
.doc-certificado-miolo{flex:1;display:flex;flex-direction:column;justify-content:center;gap:calc(4 * var(--mm))}
.doc-certificado-miolo .doc-mono{font-size:calc(8 * var(--pt));color:var(--text-muted)}
.doc-certificado-nome{font:400 calc(44 * var(--pt))/1.08 var(--font-display);text-transform:uppercase;color:var(--text-strong);padding-top:8px}
.doc-certificado-miolo p{font-size:calc(12 * var(--pt));line-height:1.5;max-width:calc(190 * var(--mm));color:var(--text)}
.doc-certificado-miolo p b{font-weight:800}
.doc-certificado-pe{display:grid;grid-template-columns:1fr 1fr auto;gap:calc(12 * var(--mm));align-items:end}
.doc-certificado-pe div{display:flex;flex-direction:column;gap:calc(1 * var(--mm));border-top:2px solid var(--line);padding-top:calc(2.4 * var(--mm));
  font-size:calc(9 * var(--pt))}
.doc-certificado-pe div b{font-weight:800;font-size:calc(10 * var(--pt))}
.doc-certificado-pe div span{color:var(--text-muted)}
.doc-certificado-pe .doc-certificado-cod{border-top:0;text-align:right;font-size:calc(7 * var(--pt))}

/* ===== 90-vitrine.css ===== */
/* =========================== VITRINE (só para os cards do design system) ===
   Classes pv-* montam os previews: dois contextos lado a lado, marcações numeradas e a
   regra embaixo. Não use em produto. */
.pv-duo{display:grid;grid-template-columns:1fr 1fr}
.pv-pane{padding:24px;background:var(--surface);color:var(--text);position:relative;min-width:0}
.pv-lbl{font:500 11px/1.2 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}
.pv-col{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.pv-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.pv-pin{position:absolute;z-index:20;display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 4px;white-space:nowrap;
  background:var(--ink);color:var(--paper);font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill)}
.pv-pin b{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--acento);color:var(--paper);
  font:400 11px/1 var(--font-display);letter-spacing:0}
.pv-pin{background:var(--line);color:var(--surface)}
.pv-pin.claro{background:var(--paper);color:var(--ink)}
.pv-notas{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:12px 28px;padding:20px 28px 24px;background:var(--paper);color:var(--ink);
  border-top:var(--stroke) solid var(--ink);font:500 13px/1.45 var(--font-texto)}
.pv-notas .pv-tit{grid-column:1/-1;font:400 22px/1.1 var(--font-display);text-transform:uppercase;display:flex;align-items:center;gap:12px}
.pv-notas .pv-tit::before{content:"";width:40px;height:4px;background:var(--acento)}
.pv-notas i.n{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;
  background:var(--acento);color:var(--paper);font:400 11px/1 var(--font-display);margin-right:8px;vertical-align:1px}
.pv-notas code{font:500 12px var(--font-mono);background:var(--tint-claro);padding:1px 5px;border-radius:3px}
.pv-notas b{font-weight:800}
.pv-page{width:1280px}