/* Modal de produto - substitui o prettyPhoto.
   Todas as classes usam o prefixo rcm- para não conflitar com o .modal do Bootstrap. */
:root{--rcm-ouro:#b8893a;--rcm-ouro-esc:#8f6a24}

.produto_imagem,.produto_titulo_lista{cursor:zoom-in}

.rcm{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(8,8,8,.88);display:none;align-items:center;justify-content:center;z-index:99999;padding:16px;font-family:inherit}
.rcm.rcm-aberto{display:flex;animation:rcm-fade .18s ease-out}
@keyframes rcm-fade{from{opacity:0}to{opacity:1}}
body.rcm-trava{overflow:hidden}

.rcm-painel{background:#fff;width:100%;max-width:960px;max-height:100%;display:flex;flex-direction:column}
.rcm-topo{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #ddd8cf}
.rcm-titulo{font-size:18px;font-weight:500;margin:0;line-height:1.3;color:#222}
.rcm-lado{display:flex;align-items:center;flex:none}
.rcm-cont{font-size:13px;color:#777;margin-right:12px;white-space:nowrap}
.rcm-fechar{background:none;border:0;font-size:32px;line-height:1;color:#333;padding:0 4px;cursor:pointer}

.rcm-palco{position:relative;display:flex;align-items:center;justify-content:center;background:#f4f2ee;height:58vh;max-height:560px;min-height:240px}
.rcm-img{max-width:100%;max-height:100%;object-fit:contain;animation:rcm-fade .2s ease-out}
.rcm-seta{position:absolute;top:50%;margin-top:-30px;width:46px;height:60px;border:0;background:rgba(10,10,10,.75);color:#fff;font-size:26px;cursor:pointer;transition:background .2s}
.rcm-seta:hover{background:var(--rcm-ouro)}
.rcm-ant{left:0}.rcm-prox{right:0}

.rcm-mini{display:flex;gap:8px;overflow-x:auto;padding:10px 20px;border-top:1px solid #ddd8cf}
.rcm-mini button{flex:none;width:64px;height:48px;background:#f4f2ee;border:2px solid transparent;padding:2px;opacity:.65;cursor:pointer}
.rcm-mini button.rcm-on{border-color:var(--rcm-ouro);opacity:1}
.rcm-mini img{width:100%;height:100%;object-fit:cover;display:block}

.rcm-rodape{padding:14px 20px 18px;display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}
.rcm-orc{background:var(--rcm-ouro);color:#fff;font-size:17px;font-weight:700;padding:14px 40px;text-decoration:none;display:inline-block;transition:background .2s}
.rcm-orc:hover,.rcm-orc:focus{background:var(--rcm-ouro-esc);color:#fff;text-decoration:none}
.rcm-pagina{color:#555;font-size:14px;text-decoration:underline}
.rcm-pagina:hover{color:#000}

.rcm button:focus-visible,.rcm a:focus-visible{outline:2px solid var(--rcm-ouro);outline-offset:2px}

@media(max-width:520px){
  .rcm{padding:0}
  .rcm-painel{height:100%;max-width:none}
  .rcm-palco{flex:1;height:auto;max-height:none}
  .rcm-seta{width:38px;height:48px;margin-top:-24px}
  .rcm-orc{width:100%;text-align:center;padding:14px}
}
@media(prefers-reduced-motion:reduce){.rcm,.rcm-img{animation:none!important}}