/* CHEF.IA · banners do site do Chef (handoff design_handoff_chefia_banners). Fonte única Exo 2; descritor da logo em Jost. */
@keyframes cbUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes cbEmber{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-220px) scale(1.1)}}
@keyframes cbGlow{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
@keyframes cbShine{0%{transform:translateX(-140%) skewX(-18deg)}55%,100%{transform:translateX(260%) skewX(-18deg)}}
@keyframes cbMsg{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@keyframes cbDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes cbWord{0%{opacity:0;transform:translateY(8px)}12%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes ciPop{0%,100%{transform:translateY(0) scale(1)}16%{transform:translateY(-5px) scale(1.035)}34%{transform:translateY(0) scale(1)}}
@keyframes ciSignal{0%{stroke-dashoffset:60}55%,100%{stroke-dashoffset:0}}
@keyframes ciNode{0%,100%{opacity:.28}50%{opacity:1}}

.chefia-banner{font-family:'Exo 2',system-ui,sans-serif;color:var(--cb-head)}
.cb{--cb-fire:#F0453A;--cb-line:rgba(154,166,178,.16);--cb-line2:rgba(154,166,178,.32);--cb-head:#FFFFFF;--cb-muted:#B5BFCA;--cb-faint:#7d8894;--cb-card:rgba(255,255,255,.03);--cb-phone:#0d1117;--cb-bot:#1a2029;--cb-bot-t:#E8ECF1;
  position:relative;overflow:hidden;border:1px solid var(--cb-line);text-align:left}
.cb--light{--cb-fire:#C42A2A;--cb-line:rgba(13,23,36,.14);--cb-line2:rgba(13,23,36,.28);--cb-head:#0A1622;--cb-muted:#3B4954;--cb-faint:#5A6672;--cb-card:rgba(13,23,36,.03);--cb-phone:#FFFFFF;--cb-bot:#EEF2F7;--cb-bot-t:#172029}
.cb *{box-sizing:border-box}
.cb a{text-decoration:none}
.cb__glow{position:absolute;border-radius:50%;pointer-events:none;animation:cbGlow 4.5s ease-in-out infinite}
.cb__ember{position:absolute;bottom:0;height:100%;width:340px;pointer-events:none}
.cb__ember span{position:absolute;border-radius:50%;animation:cbEmber 4.5s ease-out infinite}
.cb__selo{font-size:11px;font-weight:800;letter-spacing:.28em;color:var(--cb-fire);text-transform:uppercase;line-height:1.6}
.cb__marca{display:flex;align-items:center}
.cb__ouro{position:relative;overflow:hidden;display:inline-block;font-size:15px;font-weight:800;color:#0B0F14!important;background:linear-gradient(160deg,#E6C36B,#C8A24A);border-radius:12px;padding:15px 26px;box-shadow:0 14px 34px rgba(200,162,74,.28);transition:filter .2s}
.cb__ouro:hover{filter:brightness(1.08)}
.cb__ouro--logo{display:inline-flex;align-items:center;gap:12px;padding:10px 20px 10px 14px;background:#0B0F14;color:#F4F7FA!important;border:1px solid rgba(200,162,74,.55);box-shadow:0 14px 34px rgba(11,15,20,.28)}
.cb__btnlogo{display:inline-flex;align-items:center;gap:6px}
.cb__ouro--logo>span:last-of-type{font-size:14px;font-weight:700;white-space:nowrap}
.cb__ouro i{position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:cbShine 3.6s 2s ease-in-out infinite}
.cb__contorno{font-size:15px;font-weight:700;color:var(--cb-head)!important;border:1px solid var(--cb-line2);border-radius:12px;padding:14px 22px;transition:border-color .2s}
.cb__contorno:hover{border-color:#C8A24A}
.cb__by{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--cb-faint)}
.cb__by img{width:14px;height:14px;object-fit:contain}
.cb__by b{font-weight:800}
.cb__in{animation:cbUp .6s ease-out both}

/* Compacto (página inicial) */
.cb--compact{border-radius:22px;background:linear-gradient(90deg,#000 0%,#000 38%,#1a0a04 72%,#3a1406 100%)}
.cb--compact.cb--light{background:#FFFFFF}
.cb--compact .cb__grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px;align-items:center;padding:40px 44px}
.cb__avatar{display:flex;align-items:flex-end;justify-content:center}
.cb__avatar>img{height:230px;width:auto;flex:none;object-fit:contain;margin-right:-22px}
.cb__rm{position:relative;width:80px;aspect-ratio:1;overflow:hidden;border-radius:10px;flex:none}
.cb__rm img{width:100%;height:100%;object-fit:contain;display:block}
.cb__rm span{position:absolute;top:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:cbShine 5s 1.2s ease-in-out infinite}
.cb--compact h3{font-family:'Exo 2',system-ui,sans-serif;font-size:clamp(22px,2.6vw,30px);font-weight:900;line-height:1.12;letter-spacing:-.02em;margin:20px 0 0;color:var(--cb-head);text-wrap:balance;text-transform:none}
.cb__frase{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:15px;color:var(--cb-muted)}
.cb__troca{position:relative;display:inline-block;min-width:200px;height:22px;overflow:hidden}
.cb__troca span{position:absolute;left:0;top:0;white-space:nowrap;font-weight:800;color:var(--cb-fire);animation:cbWord 2.6s ease-in-out both}

/* Grande (Consultoria) */
.cb--hero{border-radius:26px;background:#060708}
.cb--hero.cb--light{background:#FFFFFF}
.cb--hero .cb__grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:44px;padding:56px 52px 52px;align-items:center}
.cb--hero p+p{margin-top:10px}
.cb--hero h2{font-family:'Exo 2',system-ui,sans-serif;font-size:clamp(22px,2.4vw,30px);font-weight:900;line-height:1.18;letter-spacing:-.025em;margin:24px 0 0;color:var(--cb-head);text-wrap:balance}
.cb--hero p{font-size:16px;line-height:1.65;color:var(--cb-muted);margin:16px 0 0;max-width:560px;text-wrap:pretty}
.cb__passos{display:flex;flex-direction:column;gap:10px;margin-top:28px}
.cb__passo{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--cb-line);background:var(--cb-card);border-radius:14px;padding:14px 16px}
.cb__passo span{flex:none;font-size:12px;font-weight:900;color:#E6C36B;width:26px;padding-top:1px;font-variant-numeric:tabular-nums}
.cb__passo b{display:block;font-size:14.5px;font-weight:800;color:var(--cb-head)}
.cb__passo small{display:block;font-size:13px;line-height:1.5;color:var(--cb-muted);margin-top:3px}
.cb__ctas{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px}
.cb__fone{width:100%;max-width:400px;border-radius:24px;border:1px solid var(--cb-line2);background:var(--cb-phone);box-shadow:0 30px 70px rgba(0,0,0,.45);overflow:hidden}
.cb__topo{display:flex;align-items:center;gap:11px;padding:14px 16px;border-bottom:1px solid var(--cb-line)}
.cb__topo img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(200,162,74,.6)}
.cb__on{display:flex;align-items:center;gap:6px;font-size:11px;color:#22C55E;font-weight:700}
.cb__on i{width:6px;height:6px;border-radius:50%;background:#22C55E}
.cb__chat{display:flex;flex-direction:column;gap:9px;padding:16px;min-height:360px;justify-content:flex-end}
.cb__msg{max-width:84%;font-size:13px;line-height:1.5;padding:9px 13px;animation:cbMsg .4s ease-out both}
.cb__msg--eu{align-self:flex-end;border-radius:14px 14px 4px 14px;background:linear-gradient(160deg,#E6C36B,#C8A24A);color:#0B0F14;font-weight:700}
.cb__msg--rm{align-self:flex-start;border-radius:14px 14px 14px 4px;background:var(--cb-bot);color:var(--cb-bot-t);font-weight:500}
.cb__dig{align-self:flex-start;display:flex;gap:4px;padding:11px 14px;border-radius:14px 14px 14px 4px;background:var(--cb-bot);animation:cbMsg .3s ease-out both}
.cb__dig i{width:6px;height:6px;border-radius:50%;background:var(--cb-faint);animation:cbDot 1s ease-in-out infinite}
.cb__dig i:nth-child(2){animation-delay:.15s}.cb__dig i:nth-child(3){animation-delay:.3s}
.cb__campo{display:flex;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid var(--cb-line)}
.cb__campo div{flex:1;font-size:12.5px;color:var(--cb-faint);border:1px solid var(--cb-line);border-radius:20px;padding:9px 14px}
.cb__campo span{width:34px;height:34px;flex:none;border-radius:50%;background:linear-gradient(160deg,#E6C36B,#C8A24A);display:flex;align-items:center;justify-content:center}

@media (max-width:620px){
  .cb--compact .cb__grid{padding:28px 22px;gap:24px}
  .cb--hero .cb__grid{padding:32px 20px;gap:32px}
  .cb__avatar>img{height:180px}
}
@media (prefers-reduced-motion:reduce){
  .cb *,.cb{animation:none!important}
}