/* ==========================================================================
   EcoMAPP — MODAL DE RESERVA EM TELA CHEIA (mesma mecânica do MAPP)
   O motor HBook abre sobreposto ao site: o cliente nunca sai do domínio.
   Paleta verde do EcoMAPP.
   ========================================================================== */
.res-modal{position:fixed;inset:0;z-index:300;background:#0C280A;display:none;
      flex-direction:column;opacity:0;transition:opacity .3s ease}
.res-modal.on{display:flex;opacity:1}

.res-modal .rm-bar{display:flex;align-items:center;gap:14px;padding:10px 16px;
      background:linear-gradient(100deg,#163D12,#2F7D22);flex:none;
      box-shadow:0 6px 24px rgba(0,0,0,.28);z-index:2}
.res-modal .rm-bar img{height:40px;width:auto;flex:none;
      filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}
.res-modal .rm-bar .rm-t{flex:1;min-width:0;color:#fff;font-size:15px;font-weight:800;line-height:1.15}
.res-modal .rm-bar .rm-t small{display:block;font-size:10.5px;font-weight:500;
      color:rgba(255,255,255,.72);margin-top:2px}
.res-modal .rm-x{background:#8f2020;border:1.6px solid rgba(255,255,255,.85);color:#fff;
      width:36px;height:36px;border-radius:50%;cursor:pointer;display:grid;place-items:center;
      flex:none;transition:.2s;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.res-modal .rm-x:hover{background:#a82a2a;transform:scale(1.08)}
.res-modal .rm-x svg{width:16px;height:16px;stroke:#fff;stroke-width:2.6;fill:none}

.res-modal .rm-frame{flex:1;width:100%;border:0;background:#fff;display:block}

.res-modal .rm-load{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;
      align-items:center;justify-content:center;gap:20px;background:#fff;
      transition:opacity .35s ease}
.res-modal .rm-load.hide{opacity:0;pointer-events:none;visibility:hidden;display:none}
.res-modal .rm-load .rm-logo{height:74px;width:auto;margin-bottom:6px;
      filter:drop-shadow(0 4px 14px rgba(22,61,18,.14))}
.res-modal .rm-load .rm-txt{font-size:14.5px;font-weight:600;color:#163D12;
      display:flex;align-items:center;gap:9px}
.res-modal .rm-load .rm-txt svg{width:17px;height:17px;stroke:#2F7D22;fill:none;stroke-width:2}
.res-modal .rm-dots{display:flex;gap:9px;align-items:center}
.res-modal .rm-dots i{width:12px;height:12px;border-radius:50%;background:#163D12;
      display:block;animation:rmBounce 1.15s ease-in-out infinite;
      box-shadow:0 2px 8px rgba(22,61,18,.35)}
.res-modal .rm-dots i:nth-child(1){background:#163D12}
.res-modal .rm-dots i:nth-child(2){background:#4CA82F;animation-delay:.16s;
      box-shadow:0 2px 8px rgba(76,168,47,.35)}
.res-modal .rm-dots i:nth-child(3){background:#F5B700;animation-delay:.32s}
@keyframes rmBounce{0%,80%,100%{transform:scale(.55);opacity:.45}40%{transform:scale(1);opacity:1}}
.res-modal .rm-sub{font-size:12.5px;color:#7A8873}
body.rm-open{overflow:hidden}

@media(max-width:760px){
  .res-modal .rm-bar{padding:8px 10px;gap:9px}
  .res-modal .rm-bar img{height:32px}
  .res-modal .rm-bar .rm-t{font-size:12.5px}
  .res-modal .rm-bar .rm-t small{display:none}
  .res-modal .rm-x{width:32px;height:32px}
}