/* Explorar: pílulas que abrem + foto em foco */
/* EXPLORE: pílulas expansíveis à esquerda, foto em foco à direita */
.explore{position:relative;border-radius:var(--r);background:#000;overflow:hidden;display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;min-height:640px;isolation:isolate}
.explore .bg{position:absolute;inset:-80px;z-index:-1;background:var(--img) center/cover;filter:blur(70px) saturate(1.3) brightness(.4);transform:scale(1.2);transition:background-image .5s}
.pills{padding:clamp(24px,3.5vw,48px);display:flex;flex-direction:column;justify-content:center;gap:10px}
.pill{background:rgba(44,44,46,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:26px;overflow:hidden;cursor:pointer;transition:background .25s}
.pill:hover{background:rgba(60,60,64,.8)}
.pill button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 14px;font:400 16px "DM Sans",sans-serif;color:var(--tx);cursor:pointer}
.pill button:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.pill i{flex:0 0 26px;height:26px;border:1.5px solid var(--tx);border-radius:50%;position:relative;transition:transform .3s}
.pill i::before,.pill i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1.5px;background:var(--tx);transform:translate(-50%,-50%)}
.pill i::after{transform:translate(-50%,-50%) rotate(90deg);transition:.3s}
.pill.on{background:#f5f5f7;color:#1d1d1f}
.pill.on button{color:#1d1d1f}
.pill.on i{border-color:#1d1d1f}
.pill.on i::before,.pill.on i::after{background:#1d1d1f}
.pill.on i::after{transform:translate(-50%,-50%) rotate(0)}
.pill .body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}
.pill.on .body{grid-template-rows:1fr}
.pill .body>div{overflow:hidden}
.pill .body p{padding:0 22px 6px 52px;font-size:15.5px;line-height:1.4;color:#3a3a3c}
.pill .body a{display:inline-block;margin:6px 22px 18px 52px;color:#6fd6c5;font-size:15.5px}
.pill .body a:hover{text-decoration:underline}
.stage{position:relative;display:flex;align-items:center;justify-content:center;padding:32px}
.stage img{position:absolute;max-height:calc(100% - 64px);max-width:calc(100% - 64px);width:auto;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.6);opacity:0;transform:scale(.96);transition:opacity .5s,transform .5s;object-fit:cover}
.stage img.on{opacity:1;transform:none}
.stage .sz{visibility:hidden;position:relative;height:540px;width:1px}
@media(max-width:860px){.explore{grid-template-columns:1fr}.stage{order:-1;min-height:420px}.stage .sz{height:380px}}