/* ===== Perfil dos padres em abas: Perfil | Área acadêmica (/padres/) =====
   A foto e o nome ficam; o texto do perfil sai e entra o painel acadêmico, no mesmo lugar (09/11/2026). */
.pd-vt{position:relative;display:inline-flex;align-items:stretch;gap:2px;margin:0 0 32px;padding:4px;border:1px solid rgba(232,199,122,.32);border-radius:999px;background:rgba(8,10,16,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.pd-vt button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;padding:12px 22px 12px 18px;border:0;border-radius:999px;background:none;color:var(--texto-dim);font:600 11px/1 var(--ff-body);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .4s}
.pd-vt button svg{width:17px;height:17px;flex:none}
.pd-vt button:hover{color:#f3eddf}
.pd-vt button[aria-selected="true"]{color:#14100a}
.pd-vt button:focus-visible{outline:2px solid var(--ouro-claro);outline-offset:2px}
.pd-vt-i{position:absolute;z-index:0;top:4px;bottom:4px;left:var(--x,4px);width:var(--w,0);border-radius:999px;background:linear-gradient(90deg,#b8913f,#e8c77a 60%,#f0d590);box-shadow:0 6px 22px rgba(232,199,122,.35);transition:left .55s cubic-bezier(.16,1,.3,1),width .55s cubic-bezier(.16,1,.3,1)}
.pd-vw{animation:pdVw .7s cubic-bezier(.16,1,.3,1)}
.pd-vw[hidden]{display:none}
@keyframes pdVw{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
/* com o painel acadêmico aberto, a foto acompanha a leitura (overflow:clip recorta como o hidden, mas não
   desliga o position:sticky como o hidden desliga) */
.pd-p{overflow:clip}
.pd-grid>*{min-width:0}                          /* as abas internas (sem quebra de linha) não alargam a coluna no celular */
.pd-p.ac-on .pd-grid{align-items:start}
@media (min-width:981px){
  .pd-p.ac-on .pd-fig{position:sticky;top:112px}
  .pd-fig{max-width:min(500px,calc((100vh - 150px) * .8))}   /* em telas baixas a foto fixa cabe inteira */
}

/* ===== Área acadêmica (dentro do perfil) ===== */
.pd-ac{position:relative}
.ac-hd .eb{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ouro)}
.ac-hd .eb::before{content:"";width:34px;height:1px;background:var(--ouro)}
.ac-hd h3{font-family:var(--ff-display);font-weight:400;font-size:clamp(26px,2.5vw,38px);line-height:1.05;color:#f7f1e3}
.ac-hd h3 em{font-style:italic;color:var(--ouro-claro)}
.ac-nums{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border-top:1px solid rgba(232,199,122,.16);border-bottom:1px solid rgba(232,199,122,.16)}
.ac-nums div{padding:16px 14px;border-left:1px solid rgba(232,199,122,.12)}
.ac-nums div:first-child{border-left:0;padding-left:0}
.ac-nums b{display:block;font-family:var(--ff-display);font-weight:400;font-size:clamp(24px,2.3vw,34px);line-height:1;color:var(--ouro-claro)}
.ac-nums span{display:block;margin-top:8px;font-size:10px;line-height:1.45;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-dim)}

.ac-tabs{position:relative;display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-top:26px;border-bottom:1px solid rgba(255,255,255,.08)}
.ac-tabs::-webkit-scrollbar{display:none}
.ac-tabs button{position:relative;flex:none;padding:13px 14px 14px;background:none;border:0;color:var(--texto-dim);font:600 11.5px/1 var(--ff-body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:color .3s}
.ac-tabs button::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:linear-gradient(90deg,#a8822f,#f0d590,#a8822f);transform:scaleX(0);transition:transform .45s cubic-bezier(.16,1,.3,1)}
.ac-tabs button:hover{color:#f3eddf}
.ac-tabs button:focus-visible{outline-offset:-4px}   /* a rolagem do contêiner cortava o contorno de foco */
.ac-tabs button[aria-selected="true"]{color:var(--ouro-claro)}
.ac-tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.ac-pn{padding-top:24px;animation:acEntra .6s cubic-bezier(.16,1,.3,1)}
.ac-pn[hidden]{display:none}
@keyframes acEntra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* linha do tempo */
.ac-ls{list-style:none;margin:0;padding:0;position:relative}
.ac-ls::before{content:"";position:absolute;left:104px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,rgba(232,199,122,.5),rgba(232,199,122,.08))}
.ac-l{position:relative;display:grid;grid-template-columns:94px 1fr;gap:30px;padding:14px 0}
.ac-l::before{content:"";position:absolute;left:100px;top:22px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2c2,#e8c77a 50%,#a8822f);box-shadow:0 0 12px rgba(232,199,122,.6)}
.ac-a{font-family:var(--ff-display);font-size:17px;line-height:1.3;color:var(--ouro-claro);text-align:right}   /* "2024 — 2028" quebra em duas linhas em vez de invadir o ponto */
.ac-l b{display:block;font-family:var(--ff-display);font-weight:400;font-size:21px;line-height:1.25;color:#f3eddf}
.ac-l p{margin-top:6px;font-size:14.5px;line-height:1.65;color:var(--texto-dim);max-width:72ch}
.ac-f{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--texto-mute);text-decoration:none;border-bottom:1px solid transparent;transition:color .3s,border-color .3s}
.ac-f svg{width:11px;height:11px}
.ac-f:hover{color:var(--ouro-claro);border-color:rgba(232,199,122,.5)}

/* obras: capas de livro */
.ac-lvs{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.ac-lv{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);transition:border-color .4s,transform .4s}
.ac-lv:hover{border-color:rgba(232,199,122,.4);transform:translateY(-3px)}
.ac-capa{position:relative;height:128px;padding:14px 10px 10px 16px;display:flex;flex-direction:column;justify-content:space-between;color:#f7f1e3;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));box-shadow:6px 8px 20px rgba(0,0,0,.55),inset -2px 0 0 rgba(0,0,0,.25);border-radius:2px 6px 6px 2px;overflow:hidden;transform:perspective(600px) rotateY(-8deg);transition:transform .5s}
.ac-lv:hover .ac-capa{transform:perspective(600px) rotateY(-2deg)}
.ac-capa i{position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.12),rgba(0,0,0,.2))}
.ac-capa::after{content:"";position:absolute;inset:8px 6px 8px 14px;border:1px solid rgba(240,213,144,.55);pointer-events:none}
.ac-capa span{position:relative;padding-right:6px;font-family:var(--ff-display);font-size:11px;line-height:1.2;overflow-wrap:break-word;hyphens:auto}
.ac-capa small{position:relative;font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(240,213,144,.9)}
.ac-lvt b{display:block;font-family:var(--ff-display);font-weight:400;font-size:20px;line-height:1.2;color:#f3eddf}
.ac-lvt em{display:block;margin-top:2px;font-size:14px;font-style:italic;color:var(--texto-dim)}
.ac-lvt p{margin-top:8px;font-size:13px;line-height:1.5;color:var(--texto-dim)}
.ac-lvt .ac-ed{color:var(--ouro);font-size:12px;letter-spacing:.04em}
.ac-ac{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:10px}
.ac-ac .ac-f{margin-top:0}
.ac-cp{padding:7px 11px;background:none;border:1px solid rgba(232,199,122,.35);color:var(--ouro-claro);font:600 10px/1 var(--ff-body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .3s,color .3s}
.ac-cp:hover{background:rgba(232,199,122,.1)}
.ac-cp.ok{background:linear-gradient(90deg,#b8913f,#e8c77a);color:#14100a;border-color:#f0d590}
.ac-sub{margin:34px 0 4px;font-family:var(--ff-body);font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--ouro)}

@media (min-width:981px) and (max-width:1180px){.ac-nums{grid-template-columns:1fr 1fr}.ac-nums div:nth-child(3){border-left:0;padding-left:0}.ac-nums div:nth-child(n+3){border-top:1px solid rgba(232,199,122,.12)}}
@media (max-width:620px){.pd-vt{display:flex;width:100%}.pd-vt button{flex:1;justify-content:center;padding:12px 10px;letter-spacing:.1em;font-size:10.5px}.pd-vt button svg{display:none}}
@media (max-width:760px){
  .ac-nums{grid-template-columns:1fr 1fr}
  .ac-nums div:nth-child(3){border-left:0;padding-left:0}
  .ac-nums div:nth-child(n+3){border-top:1px solid rgba(232,199,122,.12)}
  .ac-tabs{flex-wrap:wrap;overflow:visible}            /* no celular as abas quebram em duas linhas: nenhuma fica escondida */
  .ac-tabs button{flex:none;padding:12px 12px}
  .ac-ls::before{left:8px}
  .ac-l{grid-template-columns:1fr;gap:4px;padding:12px 0 12px 30px}
  .ac-l::before{left:4px;top:18px}
  .ac-a{text-align:left;font-size:15px}
  .ac-lvs{grid-template-columns:1fr}
  .ac-lv{grid-template-columns:84px 1fr}
  .ac-capa{height:122px}
}
@media (prefers-reduced-motion:reduce){.ac-pn,.pd-vw{animation:none}.ac-capa{transform:none}.pd-vt-i{transition:none}}