.competencias-complemento{position:relative;padding:5.5rem 0;background:#05070d;color:#f5f7fb;overflow:hidden}.competencias-complemento:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 85% 15%,rgba(37,99,235,.14),transparent 34%),radial-gradient(circle at 8% 80%,rgba(16,185,129,.08),transparent 30%)}.competencias-complemento .container{position:relative;z-index:1}.competencias-eyebrow{margin:0 0 .75rem;color:#60a5fa;font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.competencias-complemento h2{max-width:850px;margin:0 0 1rem;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;font-weight:800;letter-spacing:-.04em}.competencias-intro{max-width:760px;margin:0 0 2.5rem;color:rgba(226,232,240,.72);font-size:1.05rem;line-height:1.75}.entregaveis-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.competencia-entregavel{min-height:250px;padding:1.5rem;border:1px solid rgba(96,165,250,.2);border-radius:1rem;background:linear-gradient(145deg,rgba(15,23,42,.9),rgba(5,10,20,.72));transition:transform .25s,border-color .25s,box-shadow .25s}.competencia-entregavel:hover{transform:translateY(-4px);border-color:rgba(52,211,153,.5);box-shadow:0 18px 50px rgba(16,185,129,.1)}.competencia-numero{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:rgba(52,211,153,.14);color:#34d399;font-size:.75rem;font-weight:800}.competencia-label{margin:1.25rem 0 .35rem;color:#60a5fa;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.competencia-entregavel h3,.skill-panel h3{margin:0 0 .75rem;font-size:1.25rem;font-weight:750}.competencia-entregavel>p:last-child{margin:0;color:rgba(226,232,240,.68);line-height:1.65}.competencias-execucao{background:#070a12;border-top:1px solid rgba(96,165,250,.1)}.skills-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.skill-panel{padding:1.75rem;border-radius:1rem;border:1px solid rgba(96,165,250,.18);background:rgba(15,23,42,.55)}.skill-kicker{margin:0 0 .4rem;color:#34d399;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.skill-panel ol{display:grid;gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none}.skill-panel li{display:grid;grid-template-columns:2rem 1fr;gap:.75rem;align-items:start}.skill-panel li>span{color:#60a5fa;font-weight:800;font-size:.8rem;padding-top:.15rem}.skill-panel li p{margin:0;color:rgba(226,232,240,.75);line-height:1.6}.visao-360{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;padding:1.5rem 1.75rem;border:1px solid rgba(52,211,153,.3);border-radius:1rem;background:linear-gradient(100deg,rgba(16,185,129,.12),rgba(37,99,235,.14))}.visao-360 strong{font-size:2.5rem;line-height:1;color:#34d399}.visao-360 h3{margin:0 0 .35rem;font-size:1.2rem}.visao-360 p{margin:0;color:rgba(226,232,240,.7)}@media(max-width:900px){.entregaveis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.competencias-complemento{padding:4rem 0}.entregaveis-grid,.skills-columns{grid-template-columns:1fr}.competencia-entregavel{min-height:0}.visao-360{align-items:flex-start;gap:1rem}.visao-360 strong{font-size:2rem}}

/* Stack em tags, conforme a página original do Readdy. */
#competencias .stack-tags{display:flex;flex-wrap:wrap;gap:.75rem}
#competencias .stack-tag{display:inline-flex;align-items:center;padding:.7rem 1rem;border:1px solid rgba(96,165,250,.28);border-radius:999px;background:linear-gradient(120deg,rgba(37,99,235,.14),rgba(16,185,129,.08));color:#e2e8f0;font-size:.9rem;font-weight:650;transition:border-color .2s,transform .2s,background .2s}
#competencias .stack-tag:hover{transform:translateY(-2px);border-color:rgba(52,211,153,.6);background:linear-gradient(120deg,rgba(37,99,235,.24),rgba(16,185,129,.16));color:#fff}

/* CTA com contraste alto para leitura sobre o fundo escuro. */
a[href="#contato"].bg-accent{background:#34d399 !important;color:#06111c !important;box-shadow:0 10px 24px rgba(52,211,153,.18) !important}
a[href="#contato"].bg-accent:hover{background:#6ee7b7 !important;color:#06111c !important;box-shadow:0 14px 30px rgba(52,211,153,.28) !important}

/* Garante texto escuro também no CTA de cases, acima da regra de links azuis. */
#cases a[href="#contato"].bg-accent{color:#06111c !important}
#cases a[href="#contato"].bg-accent:hover{color:#06111c !important}

/* Paleta do Business Case Pessoal: aplicar ao restante do site, preservando #cases. */
:root{--bc-navy:#080d36;--bc-navy-deep:#050a2b;--bc-orange:#ff8a00;--bc-purple:#8b5cf6;--bc-blue:#3b82f6;--bc-white:#f5f7ff;--bc-muted:#b8c0d9;--bc-panel:rgba(10,16,57,.72)}
body{background:var(--bc-navy-deep)!important;color:var(--bc-white)}
header,nav{background:rgba(8,13,54,.9)!important;border-color:rgba(139,92,246,.22)!important}
#home,#trajetoria,#competencias,#competencias-execucao,#depoimentos,#contato,footer{background-color:var(--bc-navy)!important;background-image:radial-gradient(circle at 85% 10%,rgba(139,92,246,.12),transparent 28%),radial-gradient(circle at 8% 88%,rgba(59,130,246,.12),transparent 30%)!important}
#home [class*="text-accent"],#trajetoria [class*="text-accent"],#competencias [class*="text-accent"],#competencias-execucao [class*="text-accent"],#depoimentos [class*="text-accent"],#contato [class*="text-accent"]{color:var(--bc-orange)!important}
#home [class*="text-foreground"],#trajetoria [class*="text-foreground"],#competencias [class*="text-foreground"],#competencias-execucao [class*="text-foreground"],#depoimentos [class*="text-foreground"],#contato [class*="text-foreground"]{color:var(--bc-white)}
#home [class*="text-foreground/"],#trajetoria [class*="text-foreground/"],#competencias [class*="text-foreground/"],#competencias-execucao [class*="text-foreground/"],#depoimentos [class*="text-foreground/"],#contato [class*="text-foreground/"]{color:var(--bc-muted)!important}
#trajetoria .bg-background-900\/50,#competencias-execucao .skill-panel,#depoimentos [class*="bg-background"],#contato [class*="bg-background"]{background:var(--bc-panel)!important;border-color:rgba(139,92,246,.28)!important}
#home a.bg-accent,#home button.bg-accent,#contato a.bg-accent,#contato button.bg-accent{background:var(--bc-orange)!important;color:var(--bc-navy-deep)!important;box-shadow:0 10px 26px rgba(255,138,0,.2)!important}
#home a.bg-accent:hover,#home button.bg-accent:hover,#contato a.bg-accent:hover,#contato button.bg-accent:hover{background:#ffad3d!important}
#trajetoria [class*="border-primary"],#competencias [class*="border-accent"],#competencias-execucao [class*="border"]{border-color:rgba(139,92,246,.35)!important}
#competencias .stack-tag{border-color:rgba(59,130,246,.45);background:linear-gradient(120deg,rgba(59,130,246,.18),rgba(139,92,246,.15));color:var(--bc-white)}
#competencias .stack-tag:hover{border-color:var(--bc-orange);background:rgba(255,138,0,.14)}
#competencias-execucao .competencias-eyebrow,#competencias-execucao .skill-kicker{color:var(--bc-orange)!important}
#competencias-execucao .visao-360{border-color:rgba(255,138,0,.4);background:linear-gradient(100deg,rgba(59,130,246,.15),rgba(139,92,246,.18))}
#competencias-execucao .visao-360 strong{color:var(--bc-orange)}
#depoimentos button{border-color:rgba(59,130,246,.4)!important;color:var(--bc-blue)!important}
#contato input,#contato textarea{background:rgba(5,10,43,.65)!important;border-color:rgba(139,92,246,.35)!important;color:var(--bc-white)!important}
#contato input:focus,#contato textarea:focus{border-color:var(--bc-orange)!important;box-shadow:0 0 0 3px rgba(255,138,0,.12)}

/* Fundo final solicitado: degradê azul escuro do Business Case. */
body{background:linear-gradient(135deg,#1e1231 0%,#14145a 52%,#151531 100%)!important;background-attachment:fixed!important}
#home,#trajetoria,#competencias,#competencias-execucao,#depoimentos,#contato,footer{background:linear-gradient(135deg,#1e1231 0%,#14145a 52%,#151531 100%)!important;background-attachment:fixed!important}
header,nav{background:rgba(20,20,90,.78)!important}

/* Fundo mais escuro solicitado: #1b1d3a até #131324. */
body{background:linear-gradient(135deg,#1b1d3a 0%,#17182f 52%,#131324 100%)!important;background-attachment:fixed!important}
#home,#trajetoria,#competencias,#competencias-execucao,#depoimentos,#contato,footer{background:linear-gradient(135deg,#1b1d3a 0%,#17182f 52%,#131324 100%)!important;background-attachment:fixed!important}
header,nav{background:rgba(19,19,36,.86)!important}

/* Imagens dos cases: padrão 320x368, alinhadas à direita no desktop e centralizadas no mobile. */
img[src*="/assets/projeto-widi-care.webp"],img[src*="/assets/projeto-sport-west.webp"]{width:320px!important;height:368px!important;max-width:100%;object-fit:cover;border:3px solid #3b82f6;border-radius:1rem;box-shadow:0 0 0 6px rgba(52,211,153,.1),0 18px 42px rgba(0,0,0,.28);display:block}
div:has(> img[src*="/assets/projeto-widi-care.webp"]),div:has(> img[src*="/assets/projeto-sport-west.webp"]){width:320px!important;max-width:100%;margin-left:auto!important;margin-right:0!important;margin-bottom:5rem!important;border-radius:1rem;overflow:visible!important}
@media(max-width:767px){
  img[src*="/assets/projeto-widi-care.webp"],img[src*="/assets/projeto-sport-west.webp"]{width:320px!important;height:368px!important;margin:0 auto;border-width:3px}
  div:has(> img[src*="/assets/projeto-widi-care.webp"]),div:has(> img[src*="/assets/projeto-sport-west.webp"]){width:min(320px,100%)!important;margin:1.5rem auto 3rem!important}
}

/* Imagens integrais: preservar proporção e evitar qualquer corte dentro do campo 320x368. */
img[src*="/assets/projeto-widi-care.webp"],img[src*="/assets/projeto-sport-west.webp"]{object-fit:contain!important;object-position:center center!important;background:#131324}