/* Melhor Entrega - chamar um motoboy (melhorentrega.app/chamar, 09/10/2026).
   Por cima do me-app.css (botões, campos, cartões, mapa): só o que esta tela
   tem de próprio. Celular primeiro; no computador, a mesma coluna centrada. */

body.me.mc{background:#fff}
.mc .me-solta{padding-bottom:calc(32px + var(--pe-s))}
.mc .me-solta h1{font-size:26px}
.mc-corpo{padding-bottom:8px}
.mc-corpo h1:focus{outline:0}
.mc-corpo>.me-btn{margin:0 0 14px}
.mc-corpo>.me-btn.mc-cancelar{margin-top:16px}
.mc-passo{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fraco)}
.mc-barra{height:6px;border-radius:6px;background:var(--azul-claro);overflow:hidden;margin:0 0 18px}
.mc-barra i{display:block;height:100%;background:var(--grad);border-radius:6px;transition:width .25s}
.mc-st{margin:8px 2px 14px;font-size:14px;color:var(--tinta-2)}
.mc-st:empty{display:none}
.mc-dica{margin:-4px 0 16px;font-size:14px;color:var(--fraco)}
.mc-ver-mapa{display:inline-flex;align-items:center;gap:8px;margin:-6px 0 10px}
.mc-ver-mapa svg{width:20px;height:20px}
.mc-mapa-caixa{margin:0 0 14px}
.mc-hora{display:block;width:100%;max-width:200px;min-height:56px;padding:0 14px;border:2px solid var(--borda);border-radius:14px;background:#fff;font:500 18px 'Inter',sans-serif;color:var(--tinta)}
.mc-hora:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 4px rgba(21,101,192,.14)}
.me-campo.erro .mc-hora{border-color:var(--perigo)}

.mc-padrao h3,.mc-resumo h3,.mc-andamento h3,.mc-pin h3,.mc-pag h3{margin:0 0 4px;font:700 12.5px/1.2 'Inter',sans-serif;letter-spacing:.07em;text-transform:uppercase;color:var(--fraco)}
.mc-end{margin:0 0 10px!important;font-size:16.5px!important;font-weight:700;color:var(--tinta)!important;line-height:1.35}
.mc-padrao .ml-mapa{margin-bottom:6px}
.mc-padrao .me-link{padding-left:0}

.mc-modos{grid-template-columns:1fr 1fr}
.mc-modos .me-op{min-height:112px;padding:14px 10px;gap:4px}
.mc-modos .me-op b{font-size:15px;line-height:1.25}
.mc-modos .me-op small{font-size:13px;font-weight:500;color:var(--fraco);line-height:1.3}
@media(max-width:360px){.mc-modos{grid-template-columns:1fr}}

.mc-resumo>div{padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--borda)}
.mc-resumo>div:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.mc-resumo p{margin:2px 0;font-size:15px;color:var(--tinta-2);overflow-wrap:anywhere}
.mc-resumo .mc-end{margin-bottom:2px!important}
.mc-pagar{margin-top:4px}

/* o valor e o botão, sempre perto do polegar */
.mc-pe{position:sticky;bottom:0;z-index:5;margin:18px -20px 0;padding:12px 20px calc(12px + var(--pe-s));background:rgba(255,255,255,.96);
  border-top:1px solid var(--borda);backdrop-filter:saturate(1.4) blur(6px);-webkit-backdrop-filter:saturate(1.4) blur(6px)}
.mc-pe .me-btn+.me-btn{margin-top:4px}
.mc-preco{display:flex;flex-direction:column;margin:0 0 10px}
.mc-preco:empty{display:none}
.mc-preco b{font:800 22px/1.2 'Inter Tight',sans-serif;color:var(--tinta)}
.mc-preco span{font-size:14px;color:var(--tinta-2);line-height:1.4}

.mc-cancelar{margin-top:16px}
.mc-outro{margin-top:12px}
.mc-andamento{margin-bottom:18px}
.mc-andamento a{display:block;padding:10px 0;border-top:1px solid var(--borda);font-weight:600;text-decoration:none;color:var(--azul-forte);overflow-wrap:anywhere}
.mc-andamento a:first-of-type{border-top:0}

.mc-etapas{padding:4px 0 16px}
.mc-prestador{display:flex;align-items:center;gap:14px}
.mc-prestador svg{width:40px;height:40px;flex:none;color:var(--azul)}
.mc-prestador b{display:block;font-size:18px}
.mc-prestador span{font-size:15px;color:var(--tinta-2)}
.mc-pin-num{margin:2px 0 6px!important;font:800 34px/1 'Inter Tight',sans-serif!important;letter-spacing:.2em;color:var(--tinta)!important}
.mc-valor{margin:0 0 6px!important;font:800 26px/1.1 'Inter Tight',sans-serif!important;color:var(--tinta)!important}
.mc-pag p b{overflow-wrap:anywhere}
.mc-proposta .me-2c .me-btn{min-height:50px}
.mc-linha summary{cursor:pointer;font-weight:700;min-height:28px}
.mc-linha ol{margin:10px 0 0;padding-left:18px;font-size:14.5px;color:var(--tinta-2)}
.mc-linha li{margin:0 0 6px}
.mc .me-fim{text-align:center;padding-top:20px}
.mc .me-fim .selo-grande{margin:0 auto 14px}

@media(min-width:720px){
  .mc .me-solta{max-width:560px}
  .mc-pe{margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--borda)}
}