/* Nosso Clã · CLAUD.IA (/claudia e /claudia/<nivel>). Entra depois do aprenda.css e do nichos.css: a página fica dentro de
   div.ni-tema.cl-tema, que recebe as variáveis --t-* do tema (data/claudia.json).
   Desde 07/10/2026: estilo pessoal da Clau Boaventura ("bem colorido, rosa"). Rosa #FF66C4 como cor-mãe, roxo
   (#5A00E6 no texto, #6600FF só em decoração), verde pastel #A3FFB0 e preto #111. Títulos em Inter 900 apertada,
   detalhes na Monospace S8. Peças pop: notificação de celular, balões de conversa, foto em adesivo com borda branca,
   etiqueta e selo inclinados, faíscas, caixa de comentário. Prefixo cl-.
   CONTRASTE (conferido par a par, AA): #111 sobre rosa 7,15 · #2A2A2A sobre rosa 5,43 · roxo #5A00E6 sobre branco 8,15,
   sobre rosa 3,08 (só texto grande) e sobre verde 6,79 · branco sobre roxo 8,15 · #111 sobre verde 15,7 · verde sobre #111 15,7.
   NUNCA texto branco ou cinza médio sobre o rosa (branco dá 2,64). Nada do logo da Anthropic.
   Só transform e opacity nas animações; tudo para com prefers-reduced-motion. Mobile primeiro. */

@font-face{font-family:"Clau Black";src:url(/fonts/nichos/inter-900.woff2) format("woff2");font-weight:900;font-display:swap}
.cl-tema{--cl-rosa:#FF66C4;--cl-roxo:#5A00E6;--cl-roxo-vivo:#6600FF;--cl-verde:#A3FFB0;--cl-preto:#111;--cl-cinza:#EEEEEE;--cl-raio:28px}
.cl-tema h1,.cl-tema h2,.cl-tema h3{font-family:"Clau Black","Nicho Titulo",var(--sans);font-weight:900;letter-spacing:-.045em}
.cl-tema h3{letter-spacing:-.03em}

/* chapéu vira pílula preta com letra verde (como no perfil dela); nas seções escuras, pílula rosa */
.cl-tema .chapeu{background:var(--cl-preto);color:var(--cl-verde);padding:8px 14px;border-radius:999px;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cl-tema .secao-escura .chapeu{background:var(--cl-rosa);color:var(--cl-preto)}
.cl-tema .secao-azul .chapeu{background:var(--cl-preto);color:var(--cl-verde)}
.cl-tema .ap-espera .chapeu{background:var(--cl-preto);color:var(--cl-verde)}
.cl-tema .cab-secao h2,.cl-tema .grade-2 h2{margin-top:14px}

/* palavra destacada do título: roxo, com sublinhado rosa grosso */
.cl-tema .ni-marca{color:var(--cl-roxo);background:linear-gradient(var(--cl-rosa),var(--cl-rosa)) no-repeat 0 92%/100% .2em}

/* botões no jeito dela: Inter 800, pílula, sobe e entorta um tiquinho no hover */
.cl-tema .btn{font:800 15px/1.1 var(--sans);letter-spacing:-.01em;padding:14px 24px;min-height:50px;transition:transform .15s,background .15s,color .15s}
.cl-tema .btn:hover{transform:translateY(-2px) rotate(-1deg)}
.cl-tema .btn-preto{background:var(--cl-preto);color:#fff}.cl-tema .btn-preto:hover{background:var(--cl-roxo)}
.cl-tema .btn-azul{background:var(--cl-roxo);color:#fff}.cl-tema .btn-azul:hover{background:var(--cl-preto)}
.cl-tema .btn-lima{background:var(--cl-rosa);color:var(--cl-preto)}.cl-tema .btn-lima:hover{background:var(--cl-verde)}
.btn-branco{background:#fff;color:var(--cl-preto,#111)}.btn-branco:hover{background:var(--cl-verde,#A3FFB0)}
.cl-tema .tag{background:var(--cl-rosa);color:var(--cl-preto)}

/* cartões arredondados e soltos */
.cl-tema .cartao{border-radius:var(--cl-raio);border:0;box-shadow:0 18px 36px -24px rgba(17,17,17,.35)}
.cl-tema .cartao:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 26px 44px -24px rgba(90,0,230,.5)}
.cl-tema .ni-dor{border-top:0}
.cl-tema .ni-dor-ic{border-radius:18px;background:var(--cl-rosa);color:var(--cl-preto)}
.cl-tema .ni-dor:nth-child(3n+2) .ni-dor-ic{background:var(--cl-verde);color:var(--cl-preto)}
.cl-tema .ni-dor:nth-child(3n+3) .ni-dor-ic{background:var(--cl-roxo);color:#fff}
.cl-tema .ni-n{font-family:var(--mono);color:var(--cl-roxo)}

/* faíscas ✦ */
.cl-fa{position:absolute;z-index:1;line-height:1;pointer-events:none;transform-origin:50% 50%}
.cl-fa-v{color:var(--cl-verde)}.cl-fa-z{color:var(--cl-roxo-vivo)}.cl-fa-b{color:#fff}.cl-fa-r{color:var(--cl-rosa)}
html.ni-anim .cl-fa{animation:cl-brilha 2.6s ease-in-out var(--a,0s) infinite}
@keyframes cl-brilha{0%,100%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.55) rotate(30deg);opacity:.55}}

/* ===== herói: fundo rosa, título dentro da notificação ===== */
.cl-tema .ap-hero.ni-hero{background:var(--cl-rosa)!important;color:var(--cl-preto)!important}
.cl-tema .ap-hero.ni-hero::after{background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 68%);opacity:.8}
.cl-tema .ni-pad-pontos::before{background:radial-gradient(rgba(255,255,255,.42) 1.6px,transparent 1.8px) 0 0/22px 22px}
.cl-hero .ni-fl{color:#fff;opacity:.35}
.cl-hero .ni-fl:nth-child(even){color:var(--cl-roxo-vivo);opacity:.28}
.cl-notif{background:rgba(255,255,255,.97);border-radius:34px;padding:22px clamp(20px,3vw,32px) clamp(24px,3vw,32px);box-shadow:0 24px 50px rgba(17,17,17,.16);max-width:640px}
.cl-n-top{display:flex;align-items:center;gap:10px;font:400 12px/1 var(--mono);letter-spacing:.1em;color:#5E5E5E;margin-bottom:16px}
.cl-n-top > b{color:var(--cl-preto);font-weight:400}
.cl-n-top > i{margin-left:auto;font-style:normal}
.cl-app{width:34px;height:34px;border-radius:10px;background:var(--cl-rosa);display:inline-flex;align-items:center;justify-content:center;gap:1px;flex:none}
.cl-app b{font:900 19px/1 "Clau Black",var(--sans);color:var(--cl-preto);letter-spacing:-.05em}
.cl-app .cl-cursor{width:6px;height:14px;background:var(--cl-preto);margin:0;transform:none}
.cl-notif .chapeu{margin-bottom:2px}
.cl-tema .ap-hero h1{color:var(--cl-preto);margin-top:12px;max-width:16ch;line-height:.98}
.cl-tema .ap-hero .cl-notif .lide{color:#3A3A3A;font-size:clamp(16px,1.4vw,18px);margin-top:14px}
.cl-tema .ap-hero .cl-notif .chapeu,.cl-tema .ap-hero.ni-hero .chapeu{color:var(--cl-verde)!important}
.cl-hero-hub h1{font-size:clamp(30px,4.2vw,52px)!important;max-width:18ch}
.cl-tema .ap-hero .acoes{margin-top:24px}
.cl-tema .ap-hero .ni-confia{color:var(--cl-preto);opacity:1;font-size:12px}
.cl-tema .ap-hero .ni-preco-hero{background:#fff;border:0;border-radius:24px;box-shadow:8px 8px 0 var(--cl-preto);transform:rotate(-1.5deg);margin-top:26px}
.cl-tema .ap-hero .ni-preco-hero span,.cl-tema .ap-hero .ni-preco-hero small{color:#3A3A3A}
.cl-tema .ap-hero .ni-preco-mot{color:var(--cl-roxo)}
.cl-tema .ap-preco b .ni-x{color:var(--cl-roxo)}
.cl-tema .ap-hero .ap-fatos{background:transparent!important;border:0!important;gap:10px;overflow:visible}
.cl-tema .ap-hero .ap-fatos div{background:#fff!important;border-radius:20px;box-shadow:0 10px 22px -16px rgba(17,17,17,.5)}
.cl-tema .ap-hero .ap-fatos dt{color:var(--cl-roxo)}
.cl-tema .ap-hero .ap-fatos dd{color:var(--cl-preto)}

/* wordmark CLAUD.IA: CLAUD em Inter 900, .IA na Monospace S8, cursor que pisca */
.cl-marca{display:inline-flex;align-items:baseline;line-height:1;color:var(--cl-preto,#111);white-space:nowrap}
.cl-marca > span{display:inline-flex;align-items:baseline}
.cl-marca b{font-family:"Clau Black",var(--sans);font-weight:900;letter-spacing:-.05em}
.cl-marca i{font-style:normal;font-family:var(--mono);color:var(--cl-roxo,#5A00E6);letter-spacing:-.02em}
.cl-cursor{display:inline-block;width:.42em;height:.82em;margin-left:.08em;background:var(--cl-rosa,#FF66C4);transform:translateY(.08em);text-decoration:none;animation:cl-pisca 1.1s steps(1) infinite}
@keyframes cl-pisca{50%{opacity:0}}
.cl-marca-g{font-size:clamp(50px,9vw,104px);margin:14px 0 4px;display:flex}
.cl-marca-m{font-size:clamp(24px,2.6vw,30px)}
.cl-marca-p{font-size:20px}
.cl-nome{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px}
.cl-nivel{font:400 13px/1 var(--mono);padding:7px 12px;border-radius:999px;background:var(--cl-verde);color:var(--cl-preto)}
.secao-azul .cl-marca,.secao-escura .cl-marca{color:#fff}
.secao-azul .cl-marca i{color:var(--cl-verde)}
.secao-escura .cl-marca i{color:var(--cl-rosa)}

/* foto real da Clau em adesivo + etiqueta + peças de interface (ilustração, não print) */
.cl-hero-vis{position:relative;display:grid;justify-items:center;padding:40px 0 56px;min-width:0}
.cl-foto{position:relative;margin:0;width:min(76%,380px);aspect-ratio:4/5;background:#fff;padding:12px;border-radius:40px;transform:rotate(4deg);box-shadow:0 30px 60px rgba(17,17,17,.25)}
.cl-foto img{width:100%;height:100%;object-fit:cover;border-radius:30px;display:block}
.cl-etq{position:absolute;left:-22px;bottom:40px;background:var(--cl-roxo,#5A00E6);color:#fff;padding:12px 18px;border-radius:999px;font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-10deg);box-shadow:0 12px 24px rgba(0,0,0,.2);white-space:nowrap}
.cl-ui{position:absolute;inset:0;pointer-events:none}
.cl-card{position:absolute;background:#fff;color:var(--cl-preto);border-radius:22px;box-shadow:0 22px 40px -18px rgba(17,17,17,.45);font-size:13px;line-height:1.4;padding:12px 14px;z-index:2}
.cl-card small{display:block;font:400 11px/1.2 var(--mono);color:var(--cl-roxo)}
.cl-chat{left:0;top:0;width:min(300px,74%);display:grid;gap:8px;padding:0 0 10px;overflow:hidden;border:6px solid var(--cl-preto);border-radius:28px}
.cl-chat-top{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:2px solid var(--cl-cinza)}
.cl-chat-top b{font-size:13px}
.cl-chat-top small{margin-left:auto;color:#1F7A3A}
.cl-av{width:28px;height:28px;border-radius:50%;background:var(--cl-rosa,#FF66C4);display:inline-grid;place-items:center;flex:none;color:var(--cl-preto,#111)}
.cl-av .ni-mot{width:18px;height:18px}
.cl-b{margin:0 10px;max-width:86%;padding:8px 12px;border-radius:18px;font-size:13px}
.cl-eu{background:var(--cl-roxo);color:#fff;justify-self:end;border-bottom-right-radius:5px}
.cl-ele{background:#E9E9EB;color:var(--cl-preto);justify-self:start;border-bottom-left-radius:5px}
.cl-lido{justify-self:end;margin-right:12px;color:#5E5E5E!important}
.cl-proj{right:0;bottom:16%;display:flex;gap:10px;align-items:center;max-width:62%;transform:rotate(-2deg)}
.cl-ic{flex:none;width:42px;height:42px;padding:8px;border-radius:12px;background:var(--cl-verde);color:var(--cl-preto)}
.cl-ic .ni-mot{width:100%;height:100%}
.cl-proj b{display:block;font-size:14px}
.cl-proj em{display:block;font-style:normal;font:400 11px/1.3 var(--mono);color:#4A4A4A}
.cl-con{left:2%;bottom:2%}
.cl-con ul{list-style:none;margin:6px 0 0;padding:0;display:flex;gap:10px}
.cl-con li{display:flex;align-items:center;gap:5px;font-weight:700}
.cl-con i{width:10px;height:10px;border-radius:50%;border:2px solid #6A6A6A}
.cl-con i.ok{background:var(--cl-rosa);border-color:var(--cl-preto)}
.cl-term{right:0;top:38%;background:var(--cl-preto);color:#F4F4F4;display:none;gap:4px;max-width:56%;transform:rotate(2deg)}
.cl-term code{display:block;font:400 12px/1.4 var(--mono);white-space:normal}
.cl-term .cl-ok{color:var(--cl-verde)}
.cl-selo{position:absolute;right:2%;top:2%;z-index:3;background:var(--cl-verde);color:var(--cl-preto);font:900 15px/1.05 "Clau Black",var(--sans);letter-spacing:-.02em;padding:12px 16px;border-radius:16px;border:3px solid var(--cl-preto);transform:rotate(8deg);box-shadow:5px 5px 0 var(--cl-preto);max-width:150px;text-align:center}
@media (min-width:560px){.cl-term{display:grid}.cl-card,.cl-b{font-size:13.5px}}
@media (max-width:559px){
  .cl-hero-vis{padding:12px 0 24px}
  .cl-foto{width:min(78%,300px)}
  .cl-chat{position:relative;left:auto;top:auto;width:100%;margin-top:-56px;transform:rotate(-1.5deg)}
  .cl-ui{position:static;display:grid;justify-items:center;width:100%}
  .cl-proj,.cl-con{display:none}
  .cl-selo{top:0;right:0;font-size:13px;max-width:120px}
  .cl-hero-vis .cl-etq{left:-10px;top:26px;bottom:auto;font-size:11px}
}
html.ni-anim .cl-card{animation:cl-flut 7s ease-in-out infinite alternate}
html.ni-anim .cl-proj{animation-name:cl-flut-g;animation-delay:-2s}html.ni-anim .cl-con{animation-delay:-4s}html.ni-anim .cl-term{animation-name:cl-flut-d;animation-delay:-5.5s}
html.ni-anim .cl-selo{animation:cl-selo 3.2s ease-in-out infinite}
html.ni-anim .cl-foto{animation:cl-adesivo 9s ease-in-out infinite alternate}
@keyframes cl-flut{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-9px,0)}}
@keyframes cl-flut-g{from{transform:rotate(-2deg) translate3d(0,0,0)}to{transform:rotate(-2deg) translate3d(0,-9px,0)}}
@keyframes cl-flut-d{from{transform:rotate(2deg) translate3d(0,0,0)}to{transform:rotate(2deg) translate3d(0,-9px,0)}}
@keyframes cl-selo{0%,100%{transform:rotate(8deg) scale(1)}50%{transform:rotate(4deg) scale(1.06)}}
@keyframes cl-adesivo{from{transform:rotate(4deg)}to{transform:rotate(1.5deg) translateY(-6px)}}
@media (max-width:559px){html.ni-anim .cl-chat{animation:none}}

/* preço: letra miúda dos juros */
.cl-juros{font-size:13px}
.cl-sob b{font-size:clamp(24px,3vw,30px)}

/* divisores: tracejado rosa com motivos coloridos */
.cl-tema .ni-div{color:var(--cl-roxo)}
.cl-tema .ni-div svg:nth-of-type(2){color:var(--cl-rosa)}

/* seção verde (o que você vai aprender) */
.cl-tema .cl-verde{background:var(--cl-verde);color:var(--cl-preto)}
.cl-tema .cl-verde .lide{color:#1E1E1E}

/* trilha (3 níveis) */
.cl-trilha{list-style:none;margin:0;padding:0;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.cl-tr{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:24px;border-radius:var(--cl-raio,28px);background:#fff;box-shadow:0 18px 36px -24px rgba(17,17,17,.35);transition:transform .25s}
.cl-tr:hover{transform:translateY(-4px) rotate(-.6deg)}
.cl-tr h3{margin-top:10px;font-size:24px}
.cl-tr h3 a{text-decoration:none}
.cl-tr h3 a:hover{color:var(--cl-roxo)}
.cl-tr p{color:#454344;font-size:15px;margin-top:6px}
.cl-tr .cl-tr-preco{font:400 13px/1.3 var(--mono);color:var(--cl-preto);margin-top:10px}
.cl-tr .tag{margin-top:10px}
.cl-tr-on{background:var(--cl-rosa)}
.cl-tr-on p,.cl-tr-on .cl-tr-preco{color:var(--cl-preto)}
.cl-tr-on .tag{background:var(--cl-preto);color:var(--cl-verde)}
.cl-tr-on .chapeu{background:#fff;color:var(--cl-preto)}
.cl-tr-n{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--cl-roxo,#5A00E6);color:#fff;font:400 15px/1 var(--mono)}
.cl-tr:nth-child(2) .cl-tr-n{background:var(--cl-rosa,#FF66C4);color:var(--cl-preto,#111)}
.cl-tr:nth-child(3) .cl-tr-n{background:var(--cl-verde,#A3FFB0);color:var(--cl-preto,#111)}

/* o que aprende / entregas */
.cl-aprende{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.cl-aprende li{display:flex;gap:14px;align-items:center;background:#fff;border-radius:22px;padding:16px 18px;font-size:17px;line-height:1.4;box-shadow:0 14px 28px -22px rgba(17,17,17,.45)}
.cl-aprende li:nth-child(odd){transform:rotate(-.5deg)}.cl-aprende li:nth-child(even){transform:rotate(.5deg)}
.cl-ap-ic{flex:none;width:48px;height:48px;padding:10px;border-radius:14px;background:var(--cl-rosa);color:var(--cl-preto)}
.cl-aprende li:nth-child(3n+2) .cl-ap-ic{background:var(--cl-roxo);color:#fff}
.cl-aprende li:nth-child(3n+3) .cl-ap-ic{background:var(--cl-preto);color:var(--cl-verde)}

/* módulos: cartões brancos sobre o blush */
.cl-tema .ap-modulos{border-top:0;display:grid;gap:14px}
.cl-tema .ap-modulos > li{background:#fff;border:0;border-radius:var(--cl-raio);padding:24px clamp(18px,3vw,30px);box-shadow:0 14px 28px -22px rgba(17,17,17,.4)}
.cl-tema .ap-mod-n{color:var(--cl-roxo)}
.cl-tema .ni-mod-pil{background:var(--cl-verde);color:var(--cl-preto);align-self:flex-start;width:auto;padding:5px 10px;border-radius:999px}
.cl-tema .ap-modulos ul li::before{content:"✦";color:var(--cl-rosa);font-family:var(--sans)}

/* quem ensina: foto em adesivo na seção preta */
.cl-tema .ni-clau .cl-adesivo{position:relative;overflow:visible;background:#fff;padding:12px;border-radius:40px;transform:rotate(-3deg);box-shadow:0 30px 60px rgba(0,0,0,.4)}
.cl-tema .ni-clau .cl-adesivo img{border-radius:30px}
.cl-tema .ni-clau .cl-etq{left:auto;right:-14px;bottom:34px;background:var(--cl-rosa);color:var(--cl-preto);transform:rotate(6deg)}
.cl-tema .ni-creds li::marker{color:var(--cl-rosa)}

/* oferta, combo, garantia */
.cl-tema .ni-caixa{border:0;border-radius:32px;background:#fff;box-shadow:12px 12px 0 var(--cl-rosa)}
.cl-tema .ni-caixa-mot{color:var(--cl-roxo);opacity:.08}
.cl-tema .ni-garantia{border:0;background:var(--cl-verde);border-radius:18px}
.cl-tema .cl-combo{box-shadow:12px 12px 0 var(--cl-verde)}

/* lista de espera: rosa, formulário em cartão branco */
.cl-tema .ap-espera{background:var(--cl-rosa)}
.cl-tema .ap-espera .lide,.cl-tema .ap-espera .ap-preco span,.cl-tema .ap-espera .ap-preco small,.cl-tema .ap-espera .ap-fino{color:#2A2A2A}
.cl-tema .ap-espera .ap-preco b .ni-x{color:#3D0099}
.cl-tema .ap-form{border:0;border-radius:32px;box-shadow:0 26px 50px -24px rgba(17,17,17,.4)}
.cl-tema .ap-espera .ap-form{transform:rotate(.8deg)}
.cl-tema .form input,.cl-tema .form select,.cl-tema .form textarea{border-radius:14px}

/* você se reconhece? */
.cl-tema .ni-checks > li{border-radius:20px;border:0;box-shadow:0 12px 26px -22px rgba(17,17,17,.45)}
.cl-tema .ni-checks > li:has(input:checked){background:var(--cl-verde)}
.cl-tema .ni-resultado{border-radius:24px}
.cl-tema .ni-resultado.n2{background:var(--cl-rosa);border-color:var(--cl-preto)}

/* perguntas em balões */
.cl-tema .ap-faq{border-top:0;gap:10px}
.cl-tema .ap-faq details{background:#fff;border:0;border-radius:22px;padding:16px 20px;box-shadow:0 12px 26px -22px rgba(17,17,17,.45)}
.cl-tema .ap-faq details[open]{background:var(--cl-preto);color:#fff}
.cl-tema .ap-faq details[open] p{color:#E6E6E6}
.cl-tema .ap-faq details[open] summary::after{color:var(--cl-verde)}
.cl-tema .ap-faq summary::after{color:var(--cl-roxo)}

/* fecho roxo com faíscas e caixa de comentário */
.cl-final{position:relative;overflow:hidden}
.cl-final .wrap{position:relative;z-index:2}
.cl-tema .ni-final .lide{color:#fff}
.cl-tema .ni-final .btn-linha{color:#fff;border-color:#fff}
.cl-tema .ni-final .btn-linha:hover{background:#fff;color:var(--cl-preto)}
.cl-tema .ni-final .ni-preco-claro b .ni-x{color:var(--cl-verde)}
.cl-coment{max-width:560px;margin-top:34px;background:#fff;border-radius:999px;padding:8px 18px 8px 8px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#5E5E5E;transition:transform .15s}
.cl-coment:hover{transform:translateY(-2px) rotate(-1deg)}
.cl-coment .cl-av{width:42px;height:42px}
.cl-coment .cl-av .ni-mot{width:24px;height:24px}
.cl-coment-t{font-size:15px;line-height:1.3}
.cl-coment b{margin-left:auto;color:var(--cl-roxo);font-weight:800;font-size:15px}

/* etapas da consultoria */
.cl-etapas{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:3px dashed var(--cl-rosa,#FF66C4);margin-left:22px}
.cl-etapa{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:0 0 30px 0;margin-left:-24px}
.cl-et-n{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--cl-roxo,#5A00E6);color:#fff;font:400 15px/1 var(--mono)}
.cl-etapa:nth-child(2) .cl-et-n{background:var(--cl-rosa,#FF66C4);color:var(--cl-preto,#111)}
.cl-etapa:nth-child(3) .cl-et-n{background:var(--cl-verde,#A3FFB0);color:var(--cl-preto,#111)}
.cl-etapa h3{font-size:clamp(22px,2.4vw,28px);margin-top:10px}
.cl-etapa p{color:#454344;margin-top:8px;max-width:64ch}

/* hub: cartões dos níveis como as "portas" do site dela (rosa, roxo, preto) */
.cl-niveis{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px}
.cl-nivel-card{border-radius:36px!important;padding:30px 26px}
.cl-nivel-card .ni-card-top{display:flex;align-items:center;gap:12px}
.cl-nivel-card h3{font-size:clamp(24px,2.6vw,32px)}
.cl-nivel-card .ap-sub{font-weight:700}
.cl-nmods{font:400 12px/1.4 var(--mono)!important}
.cl-nivel-card .ir{font:800 15px/1 var(--sans);background:#fff;color:var(--cl-preto);padding:12px 18px;border-radius:999px;justify-self:start;margin-top:6px}
.cl-c-rosa{background:var(--cl-rosa)!important;color:var(--cl-preto)}
.cl-c-rosa p,.cl-c-rosa .cl-nmods,.cl-c-rosa .ap-preco span,.cl-c-rosa .ap-preco small{color:#2A2A2A!important}
.cl-c-rosa .ap-preco b .ni-x{color:#3D0099}
.cl-c-rosa .cl-tr-n{background:var(--cl-preto);color:#fff}
.cl-c-roxo{background:var(--cl-roxo)!important;color:#fff}
.cl-c-roxo h3,.cl-c-roxo .ap-sub,.cl-c-roxo p,.cl-c-roxo .cl-nmods,.cl-c-roxo .ap-preco span,.cl-c-roxo .ap-preco small,.cl-c-roxo .ap-preco b{color:#fff!important}
.cl-c-roxo .ap-preco b .ni-x{color:var(--cl-verde)}
.cl-c-roxo .cl-tr-n{background:var(--cl-verde);color:var(--cl-preto)}
.cl-c-roxo .chapeu{background:#fff;color:var(--cl-preto)}
.cl-c-preto{background:var(--cl-preto)!important;color:#fff}
.cl-c-preto h3,.cl-c-preto .ap-sub,.cl-c-preto .ap-preco b{color:#fff!important}
.cl-c-preto p,.cl-c-preto .cl-nmods,.cl-c-preto .ap-preco span,.cl-c-preto .ap-preco small{color:#D6D6D6!important}
.cl-c-preto .cl-tr-n{background:var(--cl-rosa);color:var(--cl-preto)}
.cl-c-preto .chapeu{background:var(--cl-rosa);color:var(--cl-preto)}
.cl-c-rosa h3 a,.cl-c-roxo h3 a,.cl-c-preto h3 a{color:inherit}
.cl-tab-w{overflow-x:auto;border-radius:var(--cl-raio,28px);background:#fff;box-shadow:0 18px 36px -24px rgba(17,17,17,.35)}
.cl-tab{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.cl-tab th,.cl-tab td{text-align:left;padding:14px 16px;border-bottom:1px solid #EFE3EA;vertical-align:top}
.cl-tab thead th{background:var(--cl-preto,#111);color:#fff!important;font:400 13px/1.3 var(--mono)}
.cl-tab thead th:nth-child(2){color:var(--cl-rosa,#FF66C4)!important}
.cl-tab thead th:nth-child(3){color:var(--cl-verde,#A3FFB0)!important}
.cl-tab tbody th{font-weight:700;color:var(--cl-preto,#111);width:28%}
.cl-tab td{color:#454344}
.cl-tab tbody tr:last-child th,.cl-tab tbody tr:last-child td{border-bottom:0;color:var(--cl-preto,#111);font-weight:700;background:#FFE3F3}
.cl-fontes{padding-block:24px;font-size:14px}
.cl-fontes summary{cursor:pointer;font:400 13px/1.4 var(--mono);color:#454344}
.cl-fontes ul{margin:10px 0 0;padding-left:1.1em;display:grid;gap:6px}
.cl-fontes a{color:var(--cl-roxo)}
.cl-combo .ap-fino{margin-top:0}

/* formulário da consultoria */
.cl-form-cons .ap-campos{gap:14px}

/* barra fixa */
.cl-tema .ni-barra{border-top:4px solid var(--cl-rosa)}

/* nota legal (em todas as páginas do CLAUD.IA) */
.cl-legal{background:var(--cl-preto,#111);padding-block:18px}
.cl-legal p{font:400 12px/1.5 var(--mono);color:#D6D6D6;max-width:90ch}

/* cartões do catálogo /aprenda e da home (fora do .ni-tema: usam as --t-* do style do próprio cartão).
   Desde 08/10/2026 (Clau: "bem diferente dos outros produtos"): no lugar da foto, um pôster na proporção da foto
   (16:10) com um asterisco gigante desenhado à mão (desenho próprio, não é o logo da Anthropic), girando devagar e
   cortado pela borda, e o wordmark num adesivo branco. Cantos retos, como o resto do catálogo. */
.ap-card.cl-cat{padding-top:0;overflow:hidden;border-top:0;background:#FFF4FA;border-color:#F5C6E3}
.ap-card.cl-cat:hover{border-color:#111}
.cl-cat-poster{position:relative;margin:0 -24px 8px;aspect-ratio:16/10;overflow:hidden;background:#FF66C4;color:#5A00E6;isolation:isolate}
.cl-cat-intermediario .cl-cat-poster{background:#5A00E6;color:#FF66C4}
.cl-cat-consultoria .cl-cat-poster{background:#111;color:#A3FFB0}
.cl-ast{display:block;pointer-events:none}
.cl-cat-poster .cl-ast{position:absolute;z-index:0}
.cl-ast-g{width:118%;right:-46%;top:-42%;transform:rotate(12deg)}
.cl-ast-p{width:24%;left:7%;bottom:-6%;color:#fff;opacity:.9;transform:rotate(-20deg)}
.cl-cat-intermediario .cl-ast-p{color:#A3FFB0}
.cl-cat-consultoria .cl-ast-p{color:#FF66C4}
.cl-cat .cl-cat-poster .cl-tr-n{position:absolute;z-index:2;left:16px;top:16px;width:42px;height:42px;font-size:14px;background:#111;color:#fff;border:2px solid #fff}
.cl-cat-consultoria .cl-cat-poster .cl-tr-n{background:#FF66C4;color:#111;border-color:#111}
.cl-cat-rot{position:absolute;z-index:2;left:66px;top:27px;font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#111;background:#fff;padding:5px 8px}
.cl-cat-adesivo{position:absolute;z-index:2;left:16px;bottom:18px;background:#fff;padding:10px 14px 9px;transform:rotate(-4deg);box-shadow:6px 6px 0 #111;border:2px solid #111}
.cl-marca-cat{font-size:clamp(26px,3.2vw,34px)}
.cl-cat .cl-marca{color:#111}
.cl-cat .cl-marca i{color:#3D0099}
.cl-cat .cl-cursor{background:#FF66C4}
.cl-cat .ap-sub{font-weight:600}
.cl-cat .chapeu{color:#5A00E6}
.cl-cat-legal{font:400 11px/1.4 var(--mono)!important;color:#5E5E5E!important;margin-top:2px;border-top:1px dashed #F0B8DA;padding-top:10px}
@media (prefers-reduced-motion:no-preference){
  .cl-ast-g{animation:cl-gira 48s linear infinite}
  .cl-ast-p{animation:cl-gira-r 30s linear infinite}
  .cl-cat:hover .cl-ast-g{animation-duration:12s}
}
@keyframes cl-gira{from{transform:rotate(12deg)}to{transform:rotate(372deg)}}
@keyframes cl-gira-r{from{transform:rotate(-20deg)}to{transform:rotate(-380deg)}}

/* hub /claudia: o mesmo asterisco, grande e cortado no canto de cada nível (aqui os cantos seguem arredondados) */
.cl-nivel-card{position:relative;overflow:hidden;isolation:isolate}
.cl-ast-hub{position:absolute;z-index:-1;width:300px;right:-110px;bottom:-120px;transform:rotate(12deg)}
.cl-c-rosa .cl-ast-hub{color:#fff;opacity:.45}
.cl-c-roxo .cl-ast-hub{color:#7B2BFF;opacity:.9}
.cl-c-preto .cl-ast-hub{color:#FF66C4;opacity:.2}
@media (prefers-reduced-motion:no-preference){.cl-ast-hub{animation:cl-gira 60s linear infinite}}

@media (prefers-reduced-motion:reduce){
  .cl-cursor{animation:none}
  .cl-card,.cl-selo,.cl-foto,.cl-fa{animation:none!important}
  .cl-tema .btn:hover,.cl-tema .cartao:hover,.cl-tr:hover,.cl-coment:hover{transform:none}
}
/* 08/10/2026 (Clau: "tira um pouco do meu rosto as informações"): no desktop a foto vai para a direita
   e os cartões ficam na borda esquerda e embaixo, sem cobrir o rosto */
@media (min-width:560px){
  .cl-foto{justify-self:end;margin-right:2%;width:min(70%,360px)}
  .cl-chat{left:-2%;top:-4%;width:min(240px,54%)}
  .cl-chat .cl-b{font-size:12.5px}
  .cl-term{right:auto;left:-4%;top:auto;bottom:30%;max-width:46%}
  .cl-proj{right:-2%;bottom:4%}
  .cl-con{left:-2%;bottom:0}
  .cl-selo{right:-2%;top:-2%}
}