*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--font-ui);font-size:17px;line-height:1.55}
a{color:inherit}
.cc-wrap{padding:var(--space-5)}
.cc-container{max-width:1200px;margin:0 auto;padding:0 var(--space-5)}
.cc-stack>*+*{margin-top:var(--space-5)}
.cc-display{font-family:var(--font-display);font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.92;margin:0}
.cc-label{font:500 12px/16px var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--cream-muted);margin:0}
.cc-caption{font:400 13px/18px var(--font-ui);color:var(--cream-muted);margin:0}
.cc-em{color:var(--accent)}
.cc-rings{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='900' viewBox='0 0 900 900' fill='none' stroke='%232a2a2a' stroke-width='1.5'%3E%3Ccircle cx='450' cy='450' r='90'/%3E%3Ccircle cx='450' cy='450' r='170'/%3E%3Ccircle cx='450' cy='450' r='250'/%3E%3Ccircle cx='450' cy='450' r='330'/%3E%3Ccircle cx='450' cy='450' r='410'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right -160px center;background-size:900px 900px}
.cc-surface-cream{background:var(--cream);color:var(--ink)}
.cc-surface-cream .cc-label,.cc-surface-cream .cc-caption{color:var(--ink-muted)}

/* nav */
.cc-nav{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--hairline-strong)}
.cc-seal{width:48px;height:48px;object-fit:contain;flex:none;display:block;background:transparent}
.cc-seal--lg{width:96px;height:96px}
.cc-nav__links{display:flex;gap:var(--space-4);margin-left:auto;align-items:center}
.cc-link{color:var(--cream);text-decoration:none;font:500 13px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;padding:var(--space-2) 0;border-bottom:1px solid transparent}
.cc-link:hover,.cc-link.is-active{border-bottom-color:var(--cream)}
.cc-link:focus-visible,.cc-btn:focus-visible,.cc-input:focus-visible,.cc-locale button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.cc-locale{display:inline-flex;border:1px solid var(--cream-muted);border-radius:var(--radius-sm);overflow:hidden}
.cc-locale button{background:transparent;color:var(--cream);border:0;padding:8px 12px;font:500 12px/1 var(--font-ui);letter-spacing:.12em;cursor:pointer}
.cc-locale button[aria-pressed=true]{background:var(--cream);color:var(--ink)}

/* buttons */
.cc-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px 24px;border:1px solid var(--cream);border-radius:var(--radius-sm);background:transparent;color:var(--cream);font:500 14px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.cc-btn:hover{background:var(--cream);color:var(--ink)}
.cc-btn--primary{background:var(--cream);color:var(--ink)}
.cc-btn--primary:hover{background:var(--cream-soft)}
.cc-btn--text{border-color:transparent;padding-left:0;padding-right:0;border-bottom:1px solid var(--cream);border-radius:0}
.cc-btn--text:hover{background:transparent;color:var(--cream);border-bottom-color:var(--accent)}
.cc-btn--watch::before{content:"";width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.cc-btn[disabled]{opacity:.4;cursor:not-allowed}
.cc-surface-cream .cc-btn{border-color:var(--ink);color:var(--ink)}
.cc-surface-cream .cc-btn:hover{background:var(--ink);color:var(--cream)}
.cc-surface-cream .cc-btn--primary{background:var(--ink);color:var(--cream)}
.cc-surface-cream .cc-btn--primary:hover{background:var(--ink-deep)}
.cc-surface-cream .cc-btn--text{border-color:transparent;border-bottom-color:var(--ink)}
.cc-surface-cream .cc-btn--text:hover{background:transparent;color:var(--ink)}
.cc-surface-cream .cc-link:focus-visible,.cc-surface-cream .cc-btn:focus-visible{outline-color:var(--ink)}
.cc-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}

/* fotos reais e espaço reservado marcado */
.cc-photo{background:var(--ink-deep);overflow:hidden;display:block;margin:0}
.cc-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cc-photo--hero{aspect-ratio:4/5;width:100%;max-height:560px}
.cc-photo--thumb{aspect-ratio:16/9;width:100%}
.cc-photo--avatar{border-radius:var(--radius-full);aspect-ratio:1/1;width:100%}
.cc-photo--top img{object-position:50% 0}
.cc-photo--avatar img{filter:grayscale(1);border-radius:var(--radius-full)}
.cc-photo--placeholder{border:1px dashed var(--cream-muted);display:grid;place-items:center;text-align:center;padding:var(--space-3);color:var(--cream-muted);font:500 11px/1.4 var(--font-ui);letter-spacing:.16em;text-transform:uppercase}
.cc-surface-cream .cc-photo--placeholder{background:var(--cream-soft);border-color:var(--ink-muted);color:var(--ink-muted)}

/* hero */
.cc-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-5);align-items:end;padding:var(--space-7) var(--space-5) var(--space-6);overflow:hidden}
.cc-hero h1{font-size:var(--hero-size,104px);margin:var(--space-3) 0 var(--space-4)}
.cc-hero p.cc-lead{max-width:54ch;margin:0 0 var(--space-4);font-size:17px}

/* section header */
.cc-sec__bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--cream);padding-top:var(--space-2)}
.cc-sec h2{font-size:56px;margin:var(--space-3) 0 var(--space-5)}

/* episodes */
.cc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5)}
.cc-ep{display:flex;flex-direction:column;gap:var(--space-3)}
.cc-ep__title{font-size:32px;line-height:1;margin:0}
.cc-ep__meta{margin:0}
.cc-ep__foot{margin-top:auto;padding-top:var(--space-2)}

/* platforms */
.cc-plat{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));column-gap:var(--space-5);border-top:1px solid var(--hairline-strong)}
.cc-plat__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--hairline-strong);color:var(--cream);text-decoration:none}
.cc-plat__row span.cc-display{font-size:48px}
.cc-plat__row:hover .cc-arrow{color:var(--accent)}
.cc-arrow{font:500 13px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}

/* host */
.cc-host{display:grid;grid-template-columns:200px minmax(0,1fr);gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-md)}
.cc-host h3{font-size:44px;margin:var(--space-2) 0 var(--space-3)}
.cc-host p{margin:0 0 var(--space-3);max-width:60ch}

/* quote */
.cc-quote{padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--radius-md)}
.cc-quote blockquote{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:48px;line-height:1;text-transform:uppercase;letter-spacing:.01em;max-width:22ch}
.cc-quote__by{display:flex;align-items:center;gap:var(--space-3);border-top:1px solid var(--ink);padding-top:var(--space-3)}
.cc-quote__by .cc-photo--avatar{width:56px;flex:none}

/* timeline */
.cc-tl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);padding-top:var(--space-2)}
.cc-tl__item{position:relative;padding-top:var(--space-5);border-top:1px solid var(--cream-muted)}
.cc-tl__node{position:absolute;top:-8px;left:0;width:16px;height:16px;border-radius:var(--radius-full);background:var(--cream)}
.cc-tl__year{font-size:64px;margin:0 0 var(--space-2)}
.cc-tl__text{margin:0;font-size:15px;line-height:1.5;max-width:28ch}

/* form */
.cc-form{display:flex;flex-direction:column;gap:var(--space-3);max-width:520px}
.cc-field{display:flex;flex-direction:column;gap:var(--space-2)}
.cc-input{width:100%;background:var(--ink-deep);color:var(--cream);border:1px solid var(--cream-muted);border-radius:var(--radius-sm);padding:14px 16px;font:400 16px/1.2 var(--font-ui)}
.cc-input::placeholder{color:var(--cream-muted)}
.cc-input.is-focus{outline:2px solid var(--accent);outline-offset:2px}
.cc-input.is-error{border:2px solid var(--accent);padding:13px 15px}
.cc-msg{margin:0;font:400 13px/18px var(--font-ui);color:var(--cream)}
.cc-msg b{font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-right:var(--space-2)}
.cc-form__row{display:flex;gap:var(--space-2);align-items:stretch;flex-wrap:wrap}
.cc-form__row .cc-input{flex:1 1 220px;width:auto}
.cc-states{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5)}

/* footer */
.cc-foot{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-5);align-items:center;padding:var(--space-5);border-top:1px solid var(--hairline-strong)}
.cc-foot__links{display:flex;flex-wrap:wrap;gap:var(--space-4)}
.cc-foot small{grid-column:1/-1;color:var(--cream-muted);font:400 13px/18px var(--font-ui)}

/* page frames */
.cc-section{padding:var(--space-7) 0 0}
.cc-page{padding-bottom:var(--space-7)}

/* specimens */
.cc-spec{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-4);align-items:baseline;padding:var(--space-3) 0;border-top:1px solid var(--hairline-strong)}

/* anti-patterns */
.cc-anti{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-5)}
.cc-anti__tile{display:flex;flex-direction:column;gap:var(--space-3)}
.cc-anti__mock{position:relative;height:180px;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-sm);color:#fff}
.cc-anti__mock::after{content:"NÃO";position:absolute;top:8px;left:8px;background:var(--cream);color:var(--ink);font:500 11px/1 var(--font-ui);letter-spacing:.16em;padding:4px 8px}
.cc-anti__rule{margin:0;font-size:15px}

/* ============================================================
   Ampliação v2 — mesmas regras: cream/ink, filete, raio 0–8px,
   accent só em ênfase de título, foco e erro.
   ============================================================ */

/* estados e movimento (mínimo, linear, sem spring) */
.cc-btn,.cc-link,.cc-input,.cc-iconbtn,.cc-tag,.cc-player__btn,.cc-arrow{transition:background-color .12s linear,color .12s linear,border-color .12s linear}
.cc-btn:active,.cc-btn.is-pressed,.cc-iconbtn:active,.cc-iconbtn.is-pressed{transform:translateY(1px)}
.cc-btn.is-hover{background:var(--cream);color:var(--ink)}
.cc-btn--primary.is-hover{background:var(--cream-soft)}
.cc-btn--text.is-hover{background:transparent;color:var(--cream);border-bottom-color:var(--accent)}
.cc-btn.is-focus,.cc-link.is-focus,.cc-iconbtn.is-focus,.cc-iconbtn:focus-visible,.cc-tag:focus-visible,.cc-player__btn:focus-visible,.cc-choice input:focus-visible,.cc-choice input.is-focus,.cc-ep.is-focus,.cc-ep:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.cc-link.is-hover{border-bottom-color:var(--cream)}
.cc-link.is-disabled,.cc-btn.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.cc-surface-cream .cc-btn.is-hover{background:var(--ink);color:var(--cream)}
.cc-surface-cream .cc-btn.is-focus,.cc-surface-cream .cc-iconbtn:focus-visible,.cc-surface-cream .cc-input:focus-visible,.cc-surface-cream .cc-input.is-focus,.cc-surface-cream .cc-choice input:focus-visible{outline-color:var(--ink)}
.cc-surface-cream .cc-link{color:var(--ink)}
.cc-surface-cream .cc-link:hover,.cc-surface-cream .cc-link.is-active{border-bottom-color:var(--ink)}
.cc-btn--sm{padding:10px 16px;font-size:12px}
.cc-ep:hover .cc-ep__title,.cc-ep.is-hover .cc-ep__title,.cc-eprow:hover .cc-eprow__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.cc-ep.is-focus,.cc-ep:focus-within{outline-offset:8px}
.cc-ep.is-pressed{opacity:.8}
.cc-ep.is-disabled{opacity:.4}

/* ícones: traço de 1px, geométricos */
.cc-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;display:block}
.cc-icon--sm{width:20px;height:20px}
.cc-iconbtn{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 12px;border:1px solid var(--cream-muted);border-radius:var(--radius-sm);background:transparent;color:var(--cream);font:500 12px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.cc-iconbtn:hover,.cc-iconbtn.is-hover{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.cc-iconbtn--square{width:40px;padding:0;justify-content:center}
.cc-iconbtn[disabled]{opacity:.4;cursor:not-allowed}
.cc-surface-cream .cc-iconbtn{border-color:var(--ink-muted);color:var(--ink)}
.cc-surface-cream .cc-iconbtn:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}

/* 1. navegação mobile: painel ink de tela cheia, filetes, sem drawer arredondado */
.cc-mbar{display:flex;align-items:center;justify-content:space-between;padding:12px var(--space-3);border-bottom:1px solid var(--hairline-strong)}
.cc-mbar .cc-seal{width:40px;height:40px}
.cc-mnav{flex:1;display:flex;flex-direction:column;padding:0 var(--space-3) var(--space-3);background:var(--ink)}
.cc-mnav__links{list-style:none;margin:0;padding:0}
.cc-mnav__links a{display:flex;align-items:baseline;gap:12px;padding:var(--space-3) 0 12px;border-bottom:1px solid var(--hairline-strong);font-family:var(--font-display);font-size:56px;line-height:.95;letter-spacing:.01em;text-transform:uppercase;color:var(--cream);text-decoration:none}
.cc-mnav__links a span{font:500 12px/1 var(--font-ui);letter-spacing:.16em;color:var(--cream-muted)}
.cc-mnav__links a:hover,.cc-mnav__links a.is-active{border-bottom-color:var(--cream)}
.cc-mnav__plat{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding-top:var(--space-4)}
.cc-mnav__foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--hairline-strong)}

/* 2. linha de episódio */
.cc-eplist{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline-strong)}
.cc-eprow{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--hairline-strong)}
.cc-eprow__title{font-size:28px;line-height:1;margin:var(--space-2) 0}
.cc-eprow__meta{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center}
.cc-surface-cream .cc-eplist,.cc-surface-cream .cc-eprow{border-color:var(--ink-muted)}

/* 3. badge e tag */
.cc-badge,.cc-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--space-2);border:1px solid var(--cream-muted);border-radius:var(--radius-sm);font:500 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);white-space:nowrap;text-decoration:none}
.cc-badge--solid{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.cc-tag{border-color:var(--hairline-strong);color:var(--cream-muted)}
a.cc-tag:hover,.cc-tag.is-hover{border-color:var(--cream);color:var(--cream)}
.cc-surface-cream .cc-badge{border-color:var(--ink-muted);color:var(--ink)}
.cc-surface-cream .cc-badge--solid{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.cc-surface-cream .cc-tag{border-color:var(--ink-muted);color:var(--ink-muted)}

/* 4. barra do player */
.cc-player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3) var(--space-4);align-items:center;padding:var(--space-3) var(--space-4);background:var(--ink-deep);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm)}
.cc-player__btn{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--cream);border-radius:var(--radius-sm);background:transparent;color:var(--cream);cursor:pointer;padding:0}
.cc-player__btn:hover{background:var(--cream);color:var(--ink)}
.cc-player__btn .cc-icon{fill:currentColor}
.cc-player__title{font-family:var(--font-display);font-size:24px;line-height:1;letter-spacing:.02em;text-transform:uppercase;margin:var(--space-1) 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-player__time{font:400 13px/1 var(--font-ui);color:var(--cream-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.cc-player__bar{grid-column:1/-1;height:2px;background:var(--hairline-strong);position:relative}
.cc-player__bar i{position:absolute;left:0;top:0;bottom:0;width:var(--p,22%);background:var(--cream)}
.cc-player__bar i::after{content:"";position:absolute;right:-1px;top:-5px;width:2px;height:12px;background:var(--cream)}
.cc-surface-cream.cc-player{background:var(--cream);border-color:var(--cream)}
.cc-surface-cream .cc-player__btn{border-color:var(--ink);color:var(--ink)}
.cc-surface-cream .cc-player__btn:hover{background:var(--ink);color:var(--cream)}
.cc-surface-cream .cc-player__time{color:var(--ink-muted)}
.cc-surface-cream .cc-player__bar{background:var(--cream-muted)}
.cc-surface-cream .cc-player__bar i,.cc-surface-cream .cc-player__bar i::after{background:var(--ink)}

/* 5. campos de formulário */
.cc-input:hover,.cc-input.is-hover{border-color:var(--cream)}
.cc-input:disabled{opacity:.4;cursor:not-allowed}
textarea.cc-input{min-height:120px;line-height:1.5;resize:vertical;display:block}
select.cc-input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a9a5a6' stroke-width='1'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:44px;cursor:pointer}
.cc-search{position:relative}
.cc-form__row .cc-search{flex:1 1 220px}
.cc-search .cc-icon{position:absolute;left:12px;top:50%;margin-top:-12px;color:var(--cream-muted);pointer-events:none}
.cc-search .cc-input{padding-left:44px;width:100%}
.cc-choice{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:20px;cursor:pointer}
.cc-choice input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:0;border:1px solid var(--cream-muted);background:var(--ink-deep);border-radius:var(--radius-sm);display:grid;place-items:center;cursor:pointer}
.cc-choice input[type=radio]{border-radius:var(--radius-full)}
.cc-choice input:hover{border-color:var(--cream)}
.cc-choice input:checked{background:var(--cream);border-color:var(--cream)}
.cc-choice input[type=checkbox]:checked::after{content:"";width:10px;height:5px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-1px) rotate(-45deg)}
.cc-choice input[type=radio]:checked::after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--ink)}
.cc-choice input:disabled{opacity:.4;cursor:not-allowed}
.cc-choice.is-disabled{color:var(--cream-muted);cursor:not-allowed}
.cc-choice.is-error input{border:2px solid var(--accent)}
.cc-fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;min-width:0}
.cc-fieldset legend{padding:0;margin-bottom:12px}
.cc-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4) var(--space-5);align-items:start}
.cc-surface-cream .cc-input{background-color:transparent;color:var(--ink);border-color:var(--ink-muted)}
.cc-surface-cream .cc-input::placeholder{color:var(--ink-muted)}
.cc-surface-cream .cc-input:hover{border-color:var(--ink)}
.cc-surface-cream .cc-input.is-error{border-color:var(--ink)}
.cc-surface-cream select.cc-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235a5657' stroke-width='1'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.cc-surface-cream .cc-msg{color:var(--ink)}
.cc-surface-cream .cc-msg b{color:var(--ink);font-weight:700}
.cc-surface-cream .cc-choice input{background:transparent;border-color:var(--ink-muted)}
.cc-surface-cream .cc-choice input:checked{background:var(--ink);border-color:var(--ink)}
.cc-surface-cream .cc-choice input[type=checkbox]:checked::after{border-color:var(--cream)}
.cc-surface-cream .cc-choice input[type=radio]:checked::after{background:var(--cream)}
.cc-surface-cream .cc-search .cc-icon{color:var(--ink-muted)}

/* 6. faixa de CTA / newsletter */
.cc-cta{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:var(--space-6);align-items:end;padding:var(--space-7) var(--space-5);border-top:1px solid var(--cream);border-bottom:1px solid var(--hairline-strong);overflow:hidden}
.cc-cta h2{font-size:64px;margin:var(--space-2) 0 0}
.cc-cta__lead{margin:var(--space-3) 0 0;max-width:44ch;color:var(--cream-muted)}
.cc-cta.cc-surface-cream{border:0;border-radius:var(--radius-md)}
.cc-cta.cc-surface-cream .cc-cta__lead{color:var(--ink-muted)}

/* 7. card de convidado */
.cc-guest{display:flex;flex-direction:column;gap:var(--space-3);max-width:320px}
.cc-guest .cc-photo{aspect-ratio:4/5;width:100%}
.cc-guest__name{font-size:32px;line-height:1;margin:0}
.cc-guest.cc-surface-cream{padding:var(--space-4);border-radius:var(--radius-md)}

/* 8. linha de compartilhar */
.cc-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong)}
.cc-share .cc-label{margin-right:var(--space-2)}
.cc-share.cc-surface-cream{padding:var(--space-3) var(--space-4);border:0;border-radius:var(--radius-md)}

/* 9. moldura de vídeo */
.cc-video{position:relative;aspect-ratio:16/9;background:var(--ink-deep);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);overflow:hidden;margin:0}
.cc-video img{width:100%;height:100%;object-fit:cover;display:block}
.cc-video__play{position:absolute;left:var(--space-4);bottom:var(--space-4)}
.cc-video__time{position:absolute;right:var(--space-4);bottom:var(--space-4);background:var(--ink-deep)}
.cc-video__cap{display:flex;justify-content:space-between;gap:var(--space-3);padding-top:12px}

/* 10. bloco de transcrição */
.cc-transcript{max-width:680px}
.cc-transcript__row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:var(--space-3);padding:var(--space-3) 0;border-top:1px solid var(--hairline-strong)}
.cc-transcript__time{font:400 13px/26px var(--font-ui);color:var(--cream-muted);font-variant-numeric:tabular-nums}
.cc-transcript__who{font:500 12px/16px var(--font-ui);letter-spacing:.16em;text-transform:uppercase;margin:0 0 var(--space-1)}
.cc-transcript__txt{margin:0;max-width:60ch}
.cc-transcript.cc-surface-cream{padding:var(--space-5);border-radius:var(--radius-md);max-width:744px}
.cc-surface-cream .cc-transcript__row{border-color:var(--ink-muted)}
.cc-surface-cream .cc-transcript__time{color:var(--ink-muted)}

/* 11. paginação e carregar mais */
.cc-pager{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--hairline-strong)}
.cc-more{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);padding-top:var(--space-4)}

/* 12. vazio e carregamento */
.cc-empty{border:1px solid var(--hairline-strong);padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}
.cc-empty h3{font-size:32px;line-height:1;margin:0}
.cc-empty p{margin:0;color:var(--cream-muted);max-width:44ch}
.cc-skel{display:flex;flex-direction:column;gap:12px}
.cc-skel__thumb{aspect-ratio:16/9;border:1px solid var(--hairline-strong);background:var(--ink-deep)}
.cc-skel__line{height:8px;width:var(--w,100%);background:var(--hairline-strong)}
.cc-skel__line--lg{height:16px}
.cc-surface-cream .cc-skel__thumb{background:var(--cream-soft);border-color:var(--cream-muted)}
.cc-surface-cream .cc-skel__line{background:var(--cream-muted)}

/* 13. página 404 */
.cc-404{position:relative;overflow:hidden;min-height:560px;padding:var(--space-8) var(--space-5) var(--space-7);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.cc-404__num{position:absolute;right:-32px;top:-72px;margin:0;font-family:var(--font-display);font-size:520px;line-height:.8;letter-spacing:.01em;color:var(--cream);pointer-events:none;user-select:none}
.cc-404 h1{position:relative;font-size:88px;max-width:13ch;margin:var(--space-3) 0}
.cc-404__lead{position:relative;margin:0 0 var(--space-4);max-width:40ch}

/* 14. favicon e avatar */
.cc-fav{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-5)}
.cc-fav figure{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.cc-fav img{display:block}
.cc-fav__tile{background:var(--ink-deep);border:1px solid var(--hairline-strong);display:grid;place-items:center}

/* 15. grade de ícones */
.cc-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));border-top:1px solid var(--hairline-strong);border-left:1px solid var(--hairline-strong)}
.cc-icons div{border-right:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);padding:var(--space-4) var(--space-2) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:12px}
.cc-icons span{font:500 11px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--cream-muted)}

/* 16. tabela de estados */
.cc-statetable{display:grid;grid-template-columns:120px repeat(5,minmax(0,1fr));gap:1px;background:var(--hairline-strong);border:1px solid var(--hairline-strong)}
.cc-statetable>*{background:var(--ink);padding:var(--space-3);display:flex;align-items:center;min-width:0}
.cc-statetable>.cc-label{color:var(--cream-muted)}
.cc-statetable .cc-input{font-size:14px;padding:10px 12px}
.cc-statetable .cc-input.is-error{padding:9px 11px}
.cc-statetable .cc-btn{padding:10px 14px;font-size:12px}

.cc-statetable .cc-ep{outline-offset:6px}
.cc-surface-cream .cc-em{color:inherit}

/* v3 — CredCast Advisor: limpo, pouco texto, muita respiração */
.cc-seal--placeholder{border:1px dashed var(--cream-muted);border-radius:var(--radius-full)}
.cc-sealnote{display:flex;align-items:center;gap:12px}
.cc-hero--clean{display:block;padding:160px var(--space-5) var(--space-8)}
.cc-hero--clean h1{font-size:var(--hero-size,120px);margin:var(--space-3) 0 var(--space-4)}
.cc-hero--clean p.cc-lead{max-width:46ch;margin:0 0 var(--space-5)}
.cc-pillars{border-top:1px solid var(--cream);margin:0;padding:0;list-style:none}
.cc-pillars li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-5);align-items:baseline;padding:var(--space-4) 0;border-bottom:1px solid var(--hairline-strong)}
.cc-pillars h3{font-size:32px;line-height:1;margin:0}
.cc-pillars p{margin:0;max-width:48ch}
.cc-about{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--space-5);align-items:baseline;padding:var(--space-8) 0}
.cc-about p{margin:0;max-width:48ch}
.cc-pointer{margin:0;padding:var(--space-4) 0 var(--space-8);color:var(--cream-muted);font-size:15px}
.cc-pointer a{color:var(--cream)}

/* blocos de página */
.cc-band{padding:var(--space-7) 0 0}

/* ============================================================
   v5 — estrutura, kit do selo, peças de rede e componentes de site.
   Tokens de marca intactos.
   ============================================================ */
:root{--page-gutter:var(--gutter)}
@media (min-width:1024px){:root{--page-gutter:var(--gutter-lg)}}
.cc-container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--page-gutter)}
.cc-container--narrow{max-width:var(--container-md)}
.cc-container--wide{max-width:var(--container-max)}
.cc-grid-12{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--page-gutter)}
.cc-nav,.cc-hero,.cc-hero--clean,.cc-foot,.cc-footer,.cc-404,.cc-cta:not(.cc-surface-cream){padding-inline:var(--page-gutter)}

/* header completo: 72px, fixo no topo, estado em scroll discreto */
.cc-header{height:var(--header-height);padding-block:0;background:var(--ink)}
.cc-header--fixed{position:sticky;top:0;z-index:10}
.cc-header.is-scrolled{background:var(--ink-deep);border-bottom-color:var(--hairline)}
.cc-header .cc-seal{width:48px;height:48px}

/* footer completo */
.cc-footer{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-6);align-items:start;padding-block:var(--space-6) var(--space-4);border-top:1px solid var(--hairline-strong)}
.cc-footer .cc-seal{width:64px;height:64px}
.cc-footer__col{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.cc-footer__col .cc-label{margin-bottom:var(--space-2)}
.cc-footer__legal{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--hairline);font:400 13px/18px var(--font-ui);color:var(--cream-muted)}
.cc-footer__legal a{color:var(--cream-muted)}
.cc-footer--clean{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
.cc-footer--clean .cc-footer__col{flex-direction:row;gap:var(--space-4);justify-content:flex-end}

/* página legal: medida de 36rem, muito ar */
.cc-legal{max-width:var(--measure);padding-block:var(--space-8)}
.cc-legal h1{font-size:64px;margin:var(--space-3) 0 var(--space-5)}
.cc-legal h2{font-size:32px;line-height:1;margin:var(--space-6) 0 var(--space-3)}
.cc-legal p{margin:0 0 var(--space-3)}

/* player completo */
.cc-playerfull{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:var(--space-3) var(--space-4);align-items:center;padding:var(--space-3);background:var(--ink-deep);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm)}
.cc-playerfull__cover{width:96px;height:96px;object-fit:cover;object-position:50% 0;display:block}
.cc-playerfull__brand{display:flex;align-items:center;gap:var(--space-2)}
.cc-playerfull__brand img{width:24px;height:24px;display:block}
.cc-playerfull__ctl{display:flex;align-items:center;gap:var(--space-3)}
.cc-volume{display:flex;align-items:center;gap:var(--space-2);color:var(--cream-muted)}
.cc-volume i{display:block;width:72px;height:2px;background:var(--hairline-strong);position:relative}
.cc-volume i::after{content:"";position:absolute;left:0;top:0;bottom:0;width:70%;background:var(--cream)}
.cc-playerfull .cc-player__bar{grid-column:1/-1}

/* página de episódio */
.cc-eppage{padding-block:var(--space-6) var(--space-7)}
.cc-eppage h1{font-size:72px;margin:var(--space-3) 0 var(--space-3);max-width:16ch}
.cc-eppage__credit{font:500 14px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin:0 0 var(--space-4)}
.cc-eppage__cols{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:var(--page-gutter);align-items:start;margin-top:var(--space-6)}
.cc-reserved{border:1px dashed var(--cream-muted);padding:var(--space-5);color:var(--cream-muted);font:500 11px/1.6 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;min-height:240px;display:grid;place-items:center;text-align:center}

/* formulário de contato do Advisor */
.cc-contact{padding-block:var(--space-8)}
.cc-contact h1,.cc-contact h2{font-size:64px;margin:var(--space-3) 0 var(--space-5)}
.cc-contact .cc-form{max-width:none;gap:var(--space-4)}
.cc-contact__sent{border-top:1px solid var(--cream);padding-top:var(--space-4)}
.cc-contact__sent p{margin:0;color:var(--cream-muted)}

/* kit do selo */
.cc-clear{position:relative;display:inline-block;padding:25px;border:1px dashed var(--cream-muted)}
.cc-clear img{display:block;width:200px;height:200px}
.cc-clear::after{content:"12,5%";position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;font:500 7px/1 var(--font-ui);color:var(--accent);border-right:1px solid var(--accent);border-bottom:1px solid var(--accent)}
.cc-sizes{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-5)}
.cc-sizes figure{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.cc-sizes img{display:block}

/* tokens de layout */
.cc-tokenlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));border-top:1px solid var(--hairline-strong);border-left:1px solid var(--hairline-strong);margin:0;padding:0;list-style:none}
.cc-tokenlist li{display:flex;justify-content:space-between;gap:var(--space-2);padding:12px var(--space-3);border-right:1px solid var(--hairline-strong);border-bottom:1px solid var(--hairline-strong);font-size:13px}
.cc-tokenlist code{color:var(--cream)}
.cc-tokenlist span{color:var(--cream-muted)}
.cc-bars{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0}
.cc-bars div{height:40px;border:1px solid var(--cream-muted);display:flex;align-items:center;padding:0 var(--space-3);font:500 11px/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;margin-inline:auto;width:var(--w)}
.cc-gridcells>div{height:56px;border:1px solid var(--hairline-strong);display:grid;place-items:center;font:400 12px/1 var(--font-ui);color:var(--cream-muted)}

/* specimens de rede */
.cc-specimens{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start}
.cc-specimens figure{margin:0}
.cc-specimens img{display:block;max-width:100%;height:auto;border:1px solid var(--hairline-strong)}
.cc-specimens figcaption{padding-top:var(--space-2);font:400 12px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--cream-muted);max-width:420px}

/* peças novas: pranchetas em tamanho real, exibidas em escala */
.cc-art{position:relative;overflow:hidden;flex:none;border:1px solid var(--hairline-strong)}
.cc-art>div{position:absolute;left:0;top:0;transform-origin:0 0;overflow:hidden;background-color:var(--ink);background-size:cover;background-position:center;color:var(--cream)}
.cc-art em{font-style:normal;color:var(--accent)}
.cc-art .t{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;line-height:.95;margin:0;font-weight:400}
.cc-art .u{font-family:var(--font-ui);margin:0}
.cc-art .abs{position:absolute}
.cc-art .ph{border:3px dashed var(--cream-muted);border-radius:50%;display:grid;place-items:center;text-align:center;color:var(--cream-muted);font:500 20px/1.4 var(--font-ui);letter-spacing:.14em;text-transform:uppercase}
.cc-art .rule{position:absolute;height:3px;background:var(--cream)}
.cc-art .cap{font:700 64px/1.15 var(--font-ui);text-align:center;margin:0;text-shadow:0 2px 0 var(--ink-deep),0 0 24px var(--ink-deep)}
.cc-arts{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}
.cc-arts figure{margin:0}
.cc-arts figcaption{padding-top:var(--space-2);font:400 12px/16px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--cream-muted)}

/* assinatura de e-mail */
.cc-sig{display:flex;align-items:center;gap:20px;width:600px;max-width:100%;padding:24px;background:var(--cream);color:var(--ink);font-family:var(--font-ui)}
.cc-sig img{width:72px;height:72px;display:block;flex:none}
.cc-sig__ph{width:72px;height:72px;flex:none;border:1px dashed var(--ink-muted);border-radius:50%;display:grid;place-items:center;text-align:center;font:500 7px/1.4 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted)}
.cc-sig__body{border-left:1px solid var(--ink);padding-left:20px;min-width:0}
.cc-sig__name{font:700 18px/1.2 var(--font-ui);margin:0}
.cc-sig__role{font:400 14px/1.4 var(--font-ui);margin:2px 0 10px;color:var(--ink-muted)}
.cc-sig__links{font:400 13px/1.5 var(--font-ui);margin:0}
.cc-sig__links a{color:var(--ink)}
.cc-sig--ink{background:var(--ink-deep);color:var(--cream)}
.cc-sig--ink .cc-sig__body{border-left-color:var(--cream)}
.cc-sig--ink .cc-sig__role{color:var(--cream-muted)}
.cc-sig--ink .cc-sig__links a{color:var(--cream)}