/* ===== equipe ===== */
.team{background:var(--bg)}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 24px}
.tm{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.tm .ph{position:relative;width:min(100%,196px);aspect-ratio:1;border-radius:50%;padding:5px;background:var(--grad);transition:transform .4s var(--ease),box-shadow .4s}
.tm .ph img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff;border:4px solid var(--bg)}
.tm:hover .ph,.tm:focus-visible .ph{transform:translateY(-6px) scale(1.03);box-shadow:0 26px 40px -22px rgba(255,59,0,.7)}
.tm:focus-visible{outline:none}
.tm:focus-visible .ph{box-shadow:0 0 0 4px rgba(255,122,0,.35)}
.tm .more{position:absolute;right:2px;bottom:6px;width:42px;height:42px;border-radius:50%;background:var(--night);color:#fff;display:grid;place-items:center;font-size:20px;line-height:1;border:3px solid var(--bg);transition:transform .3s var(--ease),background .3s}
.tm:hover .more{background:var(--fire);transform:rotate(90deg)}
.tm h3{font-size:19px;margin-top:18px;letter-spacing:-.02em}
.tm p{font-size:13.5px;font-weight:600;color:var(--fire);margin-top:5px;line-height:1.3;max-width:190px}
.thint{text-align:center;color:var(--muted);font-size:14px;margin-top:44px}

/* popup */
dialog.tdlg{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;overflow:hidden;color:var(--ink)}
dialog.tdlg::backdrop{background:rgba(18,10,6,.68);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tdlg .shell{position:absolute;inset:0;display:grid;place-items:center;padding:24px}
.tdlg .card{position:relative;width:min(760px,100%);max-height:calc(100dvh - 48px);overflow:auto;background:var(--card);border-radius:28px;box-shadow:0 40px 100px -30px rgba(0,0,0,.7);overscroll-behavior:contain}
.tdlg .card{opacity:0}
.tdlg.enter .card{opacity:1;animation:tpop .45s var(--ease)}
@keyframes tpop{from{opacity:0;transform:translateY(24px) scale(.96)}}
.tdlg .head{position:relative;display:flex;gap:22px;align-items:center;padding:34px 34px 26px;background:linear-gradient(135deg,#FFF0E6,#FFF9F0 60%);border-bottom:1px solid var(--line)}
.tdlg .head .ph{flex:0 0 auto;width:124px;height:124px;border-radius:50%;padding:4px;background:var(--grad)}
.tdlg .head .ph img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #fff;background:#fff}
.tdlg .head h2{font-size:clamp(24px,4vw,32px);letter-spacing:-.03em}
.tdlg .head .role{color:var(--fire);font-weight:700;font-size:15px;margin-top:6px}
.tdlg .head .prof{color:var(--ink-2);font-size:14.5px;margin-top:4px}
.tdlg .body{padding:8px 34px 34px}
.tdlg .blk{margin-top:26px}
.tdlg .blk h4{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fire);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.tdlg .blk h4::after{content:"";flex:1;height:1px;background:var(--line)}
.tdlg ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.tdlg .two{grid-template-columns:1fr 1fr;gap:9px 26px}
.tdlg li{font-size:15.5px;line-height:1.45;color:var(--ink-2);padding-left:18px;position:relative}
.tdlg li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--grad)}
.tdlg li b{color:var(--ink);font-weight:600}
.tdlg li em{font-style:normal;color:var(--muted);white-space:nowrap}
.tdlg .x{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:20px;cursor:pointer;display:grid;place-items:center;z-index:2;transition:border-color .2s,color .2s}
.tdlg .x:hover{border-color:var(--orange);color:var(--fire)}
.tdlg .nav{display:flex;justify-content:space-between;gap:10px;padding:0 34px 30px}
.tdlg .nav button{background:var(--bg);border:1px solid var(--line);border-radius:99px;padding:11px 20px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;color:var(--ink-2);transition:border-color .2s,color .2s}
.tdlg .nav button:hover{border-color:var(--orange);color:var(--fire)}
.tdlg .nav{align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:6px}
.tdlg .nav .arw{width:40px;height:40px;padding:0;flex:0 0 auto;display:grid;place-items:center;font-size:18px}
.tdlg .strip{display:flex;gap:8px;justify-content:center;flex:1;flex-wrap:wrap}
.tdlg .nav .mini{width:46px;height:46px;padding:2px;border-radius:50%;border:0;background:var(--line);cursor:pointer;opacity:.6;transition:opacity .25s,transform .25s var(--ease),background .25s;border:0;box-sizing:border-box;flex:0 0 auto}
.tdlg .nav .mini img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff;display:block}
.tdlg .nav .mini:hover{opacity:1;transform:translateY(-2px)}
.tdlg .nav .mini.on{opacity:1;background:var(--grad);transform:scale(1.14)}
body.tlock{overflow:hidden}

@media (max-width:960px){.tgrid{grid-template-columns:repeat(3,1fr);gap:34px 18px}}
@media (max-width:620px){
  .tgrid{grid-template-columns:1fr 1fr;gap:30px 12px}
  .tm .ph{width:min(100%,150px);padding:4px}
  .tm .ph img{border-width:3px}
  .tm .more{width:34px;height:34px;font-size:17px}
  .tm h3{font-size:16.5px;margin-top:14px}
  .tm p{font-size:12.5px}
  .tdlg .shell{padding:0;place-items:end center}
  .tdlg .card{width:100%;max-height:92dvh;border-radius:26px 26px 0 0;}
  .tdlg.enter .card{animation:tsheet .4s cubic-bezier(.22,.8,.3,1)}
  @keyframes tsheet{from{transform:translateY(100%)}}
  .tdlg .head{flex-direction:column;text-align:center;padding:30px 22px 22px;gap:14px}
  .tdlg .head .ph{width:112px;height:112px}
  .tdlg .body{padding:4px 22px 24px}
  .tdlg .two{grid-template-columns:1fr}
  .tdlg li em{white-space:normal}
  .tdlg .nav{padding:0 22px 26px}
  .tdlg .nav{gap:6px}
  .tdlg .nav .arw{width:36px;height:36px;padding:0}
  .tdlg .strip{gap:5px}
  .tdlg .nav .mini{width:30px;height:30px;padding:1.5px}
}
@media (prefers-reduced-motion:reduce){.tdlg .card{animation:none}.tm .ph,.tm .more{transition:none}}

/* disposicao refinada */
.tdlg .rows{grid-template-columns:1fr;gap:0}
.tdlg .rows li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:11px 0 11px 18px;border-bottom:1px solid var(--line)}
.tdlg .rows li:last-child{border-bottom:0}
.tdlg .rows li::before{top:1.15em}
.tdlg .rows li em{text-align:right;white-space:normal;flex:0 1 46%;font-weight:600;color:var(--fire);font-size:14px}
.tdlg .chips{display:flex;flex-wrap:wrap;gap:9px}
.tdlg .chips li{padding:8px 16px;border-radius:99px;background:var(--bg);border:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--ink)}
.tdlg .chips li::before{display:none}
.tdlg .kv{grid-template-columns:repeat(2,1fr);gap:16px 26px}
.tdlg .kv li{padding:0}
.tdlg .kv li::before{display:none}
.tdlg .kv .k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}
.tdlg .kv .v{display:block;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.35}
@media (max-width:620px){
  .tdlg .rows li{flex-direction:column;gap:2px;padding:10px 0 10px 18px}
  .tdlg .rows li em{text-align:left;flex:none}
  .tdlg .kv{grid-template-columns:1fr 1fr;gap:14px 16px}
}

.tdlg .head .ph img,.tdlg .mini img{aspect-ratio:1}
.tdlg .card{will-change:transform,opacity}

dialog.tdlg{position:fixed;inset:0;height:100vh;height:100dvh;overscroll-behavior:contain}
@media (max-width:620px){
  dialog.tdlg::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(18,10,6,.72)}
  .tdlg .card{will-change:auto;-webkit-overflow-scrolling:touch}
  @keyframes tsheet{from{opacity:1;transform:translate3d(0,100%,0)}}
}
