/* Retratos do catálogo /site/experts, na mesma composição dos cartões do Scale. */
.svc-especialistas{background:var(--bg,#04081f);color:var(--white,#fff)}
.svc-especialistas-cab{max-width:760px;margin:0 auto 36px;text-align:center}
.svc-especialistas .cs-h2{margin-top:14px}
.svc-especialistas-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1120px;margin-inline:auto}
.svc-especialistas-grade[data-total="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:740px}
.svc-especialistas-grade[data-total="1"]{grid-template-columns:1fr;max-width:358px}
.svc-especialista{overflow:hidden;min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.035)}
.svc-especialista-sem-foto{display:flex;align-items:center}
.svc-especialista-sem-foto .svc-especialista-info{width:100%}
.svc-especialista-retrato{position:relative;aspect-ratio:1;overflow:hidden;background:#071f29 url('/site/experts/fundo-retratos-marvee.webp') center/cover no-repeat}
.svc-especialista-retrato>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 20%}
/* Ajustes dos retratos abertos para manter o rosto na escala dos demais. */
.svc-especialista-retrato-thayse>img{transform:scale(1.2);transform-origin:center top}
.svc-especialista-retrato-lenora>img{transform:scale(1.1);transform-origin:center top}
.svc-especialista-retrato-andressa>img{transform:scale(1.12);transform-origin:center top}
.svc-especialista-retrato-andyanara>img,.svc-especialista-retrato-barbara>img,.svc-especialista-retrato-samara>img{transform:scale(1.08);transform-origin:center top}
/* Mesmos recortes e posições da seção de implantação do Scale. */
.svc-especialista-recorte>img{position:absolute;max-width:none;left:0;top:7%;aspect-ratio:auto;object-fit:initial}
.svc-especialista-retrato-caue>img{width:88%;left:-2.5%;top:-1%}
.svc-especialista-retrato-luiz>img{left:-1.5%;top:8%}
.svc-especialista-info{padding:24px}
.svc-especialista-papel{display:block;color:var(--teal,#5bc0be);font-size:12px;font-weight:600;letter-spacing:.05em}
.svc-especialista h3{margin:10px 0 12px;font-size:24px;line-height:1.2;font-weight:500;color:var(--white,#fff);text-wrap:pretty}
.svc-especialista p{margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.7);text-wrap:balance}
@media(max-width:900px){.svc-especialistas-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.svc-especialistas-grade[data-total]{grid-template-columns:1fr;max-width:380px;gap:20px}.svc-especialista-info{padding:22px}.svc-especialista h3{font-size:22px}}

/* Cartao de pessoa (refino de 25/10/2026, pedido da autora: o card com a foto
   em cima e o texto embaixo parecia ultrapassado). Segue o cartao dos
   especialistas da /scale-ai (.ex): a foto ocupa o cartao 3:4, um veu escuro
   sobe do pe, nome e papel ficam sempre no pe e a bio aparece no hover ou no
   foco do teclado. Em tela de toque (sem hover) a bio fica aberta. */
.svc-especialista:not(.svc-especialista-sem-foto){position:relative;aspect-ratio:3/4;isolation:isolate;border-radius:20px;background:#0d1330;transition:border-color .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.svc-especialista:not(.svc-especialista-sem-foto):hover,.svc-especialista:not(.svc-especialista-sem-foto):focus-within{border-color:color-mix(in srgb,var(--svc-area,#5bc0be) 45%,rgba(255,255,255,.12));transform:translateY(-4px)}
.svc-especialista:not(.svc-especialista-sem-foto) .svc-especialista-retrato{position:absolute;inset:0;aspect-ratio:auto;z-index:0}
.svc-especialista:not(.svc-especialista-sem-foto) .svc-especialista-retrato:not(.svc-especialista-recorte)>img{height:100%;aspect-ratio:auto;transition:transform .45s ease}
.svc-especialista:not(.svc-especialista-sem-foto)::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,11,30,0) 42%,rgba(7,11,30,.92) 100%);transition:background .35s ease}
.svc-especialista:not(.svc-especialista-sem-foto):is(:hover,:focus-within)::after{background:linear-gradient(180deg,rgba(7,11,30,.45) 0%,rgba(7,11,30,.94) 62%)}
.svc-especialista:not(.svc-especialista-sem-foto) .svc-especialista-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 22px 22px}
.svc-especialista:not(.svc-especialista-sem-foto) .svc-especialista-papel{color:var(--svc-tx,#8FE3E0)}
.svc-especialista:not(.svc-especialista-sem-foto) h3{margin:6px 0 0;font-size:21px}
.svc-especialista:not(.svc-especialista-sem-foto) p{max-height:0;opacity:0;overflow:hidden;font-size:14.5px;line-height:1.55;color:#cfd3e6;transition:max-height .45s ease,opacity .3s ease,margin-top .35s ease}
.svc-especialista:not(.svc-especialista-sem-foto):is(:hover,:focus-within) p{max-height:220px;opacity:1;margin-top:10px}
@media(hover:none){
  .svc-especialista:not(.svc-especialista-sem-foto)::after{background:linear-gradient(180deg,rgba(7,11,30,0) 30%,rgba(7,11,30,.94) 78%)}
  .svc-especialista:not(.svc-especialista-sem-foto) p{max-height:none;opacity:1;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.svc-especialista,.svc-especialista *,.svc-especialista::after{transition:none!important}}