/* Tema "ouro" do motor de portfólio (perfil: "tema": "ouro"): clean, branco e dourado, para perfis de marketing.
   Carrega depois do estilo.css e só troca o que muda. Contrastes WCAG sobre #fff (calculados na pesquisa de 2026-10-14):
   tinta #1c1a17 17,4:1 · secundário #5e574d 7,1:1 · dourado de texto #7a5c14 6,2:1 (AA) · dourado de destaque #c9a54c
   2,3:1, por isso NUNCA em texto, só em filete, ícone, barra e brilho. Serifada do sistema nos títulos, peso 400. */
:root{--tinta:#1c1a17;--suave:#5e574d;--fraco:#7a7166;--sutil:#faf7f0;--linha:rgba(28,26,23,.09);--linha-forte:rgba(28,26,23,.18);
  --azul:#7a5c14;--azul-texto:#7a5c14;--marca-grafico:#a8822e;--trilha:#efe9dc;--ouro:#c9a54c;--ouro-texto:#7a5c14;
  --ouro-metal:linear-gradient(100deg,#7a5c14 0%,#a8822e 45%,#7a5c14 60%,#5c4510 100%);
  --ouro-fio:linear-gradient(90deg,transparent,#c9a54c 20%,#e6cf8f 50%,#c9a54c 80%,transparent);
  --serifa:"New York",ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,"URW Palladio L",P052,Georgia,"Times New Roman",Times,serif;
  --sombra:0 1px 2px rgba(60,45,10,.05),0 18px 50px -18px rgba(60,45,10,.18)}
body{font-size:17px;line-height:1.7}
h1,h2,.cartao.grande h3,.cargo h3,.ferr h2,.pagina-ferr h1,.final h2,.tile b{font-family:var(--serifa);font-weight:400;letter-spacing:-.015em}
h1{font-size:clamp(42px,6vw,80px);line-height:1.04}
.degrade{background:var(--ouro-metal);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.olho,.periodo,.tags,.g .rot,.g .val,.legenda span{font-family:var(--sans)!important}
.olho{font-weight:600;letter-spacing:.2em;color:var(--ouro-texto)}
.cabeca .olho::after{content:"";display:block;width:56px;height:1px;margin-top:14px;background:var(--ouro-fio)}
.olho.centro::after{margin-inline:auto}
.mono-lc{background:var(--ouro-metal);font-family:var(--serifa);font-weight:400;font-size:14px;border-radius:50%}
.ponto{background:var(--ouro);box-shadow:0 0 0 4px rgba(201,165,76,.22)}
.selo{border-color:rgba(201,165,76,.45)}
.btn{border-radius:2px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.btn-primario{background:var(--ouro-texto);color:#fff}.btn-primario:hover{background:#5c4510;box-shadow:none}
.btn-mini{background:var(--ouro-texto);border-radius:2px}
.grade-fundo{background-image:none}
.grade-fundo::after{background:radial-gradient(closest-side,rgba(201,165,76,.20),transparent)}
.faixa-logos{background:var(--sutil)}
.logo{border-radius:2px;border-color:rgba(201,165,76,.35)}
.tile{border-color:rgba(201,165,76,.28)}.tile b{color:var(--ouro-texto)}
.cartao{border-radius:4px}.cartao.grande{border-radius:4px}.cartao>svg{stroke:var(--ouro)}
.cargo{border-radius:4px}
.ferr,.ferr output,.campos input{border-radius:4px}
.final{background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(201,165,76,.14),transparent 70%)}

/* herói com foto e jornada do cliente (perfil: "heroi_foto" + "jornada") */
.heroi-foto{position:relative;margin:0;animation:sobe 1s .15s cubic-bezier(.2,.7,.2,1) both}
.heroi-foto>img{display:block;width:100%;height:auto;max-height:640px;aspect-ratio:4/5;object-fit:cover;border-radius:4px;box-shadow:var(--sombra)}
.heroi-foto::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--ouro);border-radius:4px;z-index:-1}
.jornada{position:absolute;left:-28px;bottom:28px;right:28px;margin:0;padding:18px 20px;list-style:none;background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(201,165,76,.4);border-radius:4px;box-shadow:var(--sombra)}
.jornada b{display:block;margin-bottom:10px;font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-texto)}
.jornada ol{display:flex;justify-content:space-between;gap:6px;margin:0;padding:0;list-style:none;counter-reset:j}
.jornada li{flex:1;position:relative;font-size:13px;line-height:1.3;color:var(--tinta);padding-top:16px}
.jornada li::before{content:"";position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--ouro);box-shadow:0 0 0 3px rgba(201,165,76,.2)}
.jornada li::after{content:"";position:absolute;top:4px;left:14px;right:-2px;height:1px;background:rgba(201,165,76,.5)}
.jornada li:last-child::after{display:none}
.jornada small{display:block;margin-top:3px;font-size:11.5px;color:var(--suave)}
.fotocredito{margin:10px 0 0;font-size:12px;color:var(--fraco);text-align:right}.fotocredito a{color:inherit}

/* áreas de atuação com foto (perfil: "areas") */
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.area{margin:0;background:var(--fundo);border:1px solid var(--linha);border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.area:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.area img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.area figcaption{padding:22px 22px 24px;border-top:1px solid rgba(201,165,76,.45)}
.area h3{font:400 24px/1.15 var(--serifa);letter-spacing:-.01em}.area p{margin:10px 0 0;font-size:15px;line-height:1.6;color:var(--suave)}
@media (max-width:1000px){.jornada{left:12px;right:12px;bottom:12px}.heroi-foto::before{display:none}}
@media (max-width:560px){.jornada ol{flex-wrap:wrap}.jornada li{flex:1 1 40%}.jornada li::after{display:none}}
.email-final{margin:22px 0 0;font:400 clamp(20px,2.4vw,26px)/1.2 var(--serifa)}.email-final a{color:var(--ouro-texto);text-decoration:none;border-bottom:1px solid var(--ouro)}