.caixa{
  max-width:520px;margin:0 auto;background:var(--superficie);
  border:1px solid var(--linha);border-radius:var(--raio);padding:1.75rem;
}
.voltar{font-size:.85rem;color:var(--tinta-suave);text-decoration:none}
.voltar:hover{color:var(--tinta)}
.caixa h1{margin:.75rem 0 1.25rem}
.alerta{
  background:#fdf1ee;border:1px solid #f2c9bd;color:#a03a1c;
  padding:.75rem .9rem;border-radius:8px;font-size:.9rem;margin:0 0 1rem;
}
.lista-horas{margin-bottom:1.25rem}
.linha-hora{
  display:flex;justify-content:space-between;gap:1rem;
  padding:.6rem 0;border-bottom:1px solid var(--linha);font-size:.95rem;
}
.linha-hora:last-child{border-bottom:0}
.linha-hora .preco{font-weight:600;font-variant-numeric:tabular-nums}
.totais{
  display:flex;gap:2rem;background:var(--livre);
  border-radius:8px;padding:.9rem 1rem;margin-bottom:1.5rem;
}
.totais .etiqueta{display:block;font-size:.72rem;color:var(--tinta-suave)}
.totais strong{font-size:1.2rem}
form label{display:block;margin-bottom:1rem;font-size:.85rem;color:var(--tinta-suave)}
form input{
  display:block;width:100%;margin-top:.35rem;padding:.7rem .8rem;
  border:1px solid var(--linha);border-radius:8px;font:inherit;
  font-size:1rem;color:var(--tinta);background:var(--fundo);
}
form input:focus{outline:2px solid var(--verde);outline-offset:1px;border-color:transparent}
.opcional{color:#a9b0a7;font-size:.78rem}
.largo{width:100%}
.nota{font-size:.8rem;color:var(--tinta-suave);margin:.9rem 0 0;text-align:center}
.etiqueta-codigo{margin:0;font-size:.75rem;color:var(--tinta-suave);
  text-transform:uppercase;letter-spacing:.1em}
.codigo-reserva{font-size:2rem;letter-spacing:.15em;margin:.15rem 0 1.5rem}
.pendente{
  background:#fdf8ec;border:1px solid #f0e0bd;border-radius:8px;
  padding:.9rem 1rem;margin-bottom:1.25rem;font-size:.9rem;
}
.pendente p{margin:0 0 .4rem}
.pendente p:last-child{margin:0}