#modalDetalhes{position:fixed;inset:0;z-index:400;display:none;align-items:flex-end;justify-content:center;background:rgba(5,6,14,.8);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-conteudo{position:relative;width:100%;max-width:680px;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--s1);border:1px solid var(--ln);border-radius:22px 22px 0 0;padding:28px 18px calc(18px + var(--sb));animation:sheet .26s ease-out}
@keyframes sheet{from{transform:translateY(100%)}}
.btn-fechar-modal{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.1);cursor:pointer;z-index:2}
.btn-fechar-modal:hover{background:var(--rd)}
.modal-corpo{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.modal-poster{width:130px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.modal-poster img{width:100%;height:100%;object-fit:cover}
.modal-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}
.modal-titulo{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;overflow-wrap:anywhere}
.modal-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.modal-meta span{background:var(--s2);border-radius:99px;padding:.3em .8em;font-size:.78rem;font-weight:700}
.modal-meta .nota{color:#ffc95c}
.modal-sinopse{color:var(--mu);line-height:1.55;font-size:.92rem;max-height:150px;overflow-y:auto;text-align:left}
.modal-acoes{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:6px}
.btn-assistir,.btn-favoritar{min-height:46px;border-radius:12px;border:0;font-weight:700;font-size:.95rem;cursor:pointer}
.btn-assistir{background:var(--grad);color:#fff}
.btn-favoritar{background:var(--s2);border:1px solid var(--ln)}.btn-favoritar:hover{border-color:var(--or)}
@media(min-width:701px){#modalDetalhes{align-items:center;padding:16px}.modal-conteudo{border-radius:20px;padding:26px;animation:none}
.modal-corpo{flex-direction:row;align-items:flex-start;text-align:left;gap:22px}.modal-poster{width:180px}
.modal-info{align-items:flex-start}.modal-meta{justify-content:flex-start}.modal-acoes{flex-direction:row}.btn-assistir{flex:1}.btn-favoritar{padding:0 20px}}