/* =========================================================
   SEÇÃO 6: QUEM É A DRA. SHIRLEY
   ========================================================= */
.shirley{display:grid;gap:28px;align-items:center;max-width:1000px;margin:0 auto}
.moldura-s{position:relative;width:min(100%,380px);margin:0 auto;aspect-ratio:4/5}
.moldura-s .ph{position:absolute;inset:0;border-radius:32px;font-size:22px;place-items:end center;padding-bottom:70px}
.moldura-s::before{content:"";position:absolute;inset:-14px;border:4px solid var(--c-escuro);border-radius:42px;transform:rotate(-3deg);transition:transform 1.2s var(--ease)}
.moldura-s.in::before{transform:rotate(3deg)}
.selo-s{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--c-escuro);color:#fff;font-weight:700;font-size:16px;box-shadow:var(--sombra);opacity:0;transform:scale(.4);transition:opacity .4s,transform .7s var(--mola)}
.selo-s b{color:var(--c-acido)}
.moldura-s.in .selo-s{opacity:1;transform:none}
.selo-s.s1{left:-8px;top:12%}.selo-s.s2{right:-8px;top:44%;transition-delay:.25s}.selo-s.s3{left:6px;bottom:8%;transition-delay:.5s}
.shirley h2{font-size:clamp(34px,8vw,58px);margin-bottom:12px}
.credenciais{list-style:none;display:grid;gap:10px;margin:16px 0}
.credenciais li{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:700;padding:12px 14px;border-radius:16px;background:#fff;border:2px solid var(--c-linha);opacity:0;transform:translateX(-14px);transition:opacity .5s,transform .6s var(--ease)}
.shirley.in .credenciais li{opacity:1;transform:none}
.credenciais li i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--c-escuro);color:var(--c-acido);font-style:normal;font-size:16px}
.clinica{font-size:19px;margin-top:6px}
.clinica b{display:block;margin-bottom:6px}
.proc{display:flex;flex-wrap:wrap;gap:8px}
.proc span{font-size:17px;font-weight:700;padding:5px 12px;border-radius:999px;background:var(--c-escuro);color:#fff}
.insta{display:inline-flex;align-items:center;gap:10px;min-height:56px;margin-top:18px;padding:0 20px;border-radius:999px;border:3px solid var(--c-escuro);color:var(--c-escuro);font-weight:700;font-size:18px;text-decoration:none;transition:background .2s,color .2s}
.insta:hover{background:var(--c-escuro);color:var(--c-acido)}
@media(min-width:900px){.shirley{grid-template-columns:.9fr 1.1fr;gap:64px}}