/* Modal de informações do equipamento. */
.modal-aberto { overflow: hidden; }
.modal-produto { padding: 0; color: var(--texto); background: var(--superficie); border: 1px solid #8d7a46; width: min(880px, calc(100% - 32px)); max-height: 88vh; overflow: auto; }
.modal-produto[open] { display: grid; grid-template-columns: .8fr 1fr; }
.modal-produto::backdrop { background: #000c; backdrop-filter: blur(6px); }
#modal-imagem { width: 100%; height: 100%; min-height: 540px; object-fit: cover; }
.modal-texto { padding: 52px 34px 35px; }
.modal-texto .sobretitulo { font-size: 10px; }
.modal-texto h2 { font-size: 36px; }
#modal-descricao { color: var(--texto-suave); }
#modal-recursos { padding-left: 20px; margin-block: 25px; font-size: 15px; }
#modal-recursos li { margin-bottom: 8px; }
#modal-recursos li::marker { color: var(--ouro); }
.modal-nota { color: var(--texto-suave); font-size: 12px; margin: 20px 0 0; }
.modal-fechar { position: absolute; z-index: 1; top: 10px; right: 10px; width: 44px; height: 44px; background: #141710dd; color: var(--texto); border: 1px solid var(--borda); font-size: 28px; line-height: 1; }
@media (max-width: 700px) {
    .modal-produto[open] { display: block; }
    #modal-imagem { height: 270px; min-height: 0; object-position: center; }
    .modal-texto { padding: 30px 24px; }
    .modal-texto h2 { font-size: 33px; }
}