.pedido-grid { max-width: 36rem; }
.campo-aviso { margin: 0; font-size: 0.82rem; font-weight: 400; color: #e8b4ae; }
.pedido-form label[hidden] { display: none; }
.pedido-opcionales summary {
  cursor: pointer;
  color: var(--color-niebla);
  font-size: 0.9rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  list-style: none;
}
.pedido-opcionales summary::-webkit-details-marker { display: none; }
.pedido-form-opcionales { display: grid; gap: 0.75rem; }
.caja-confirmar-fila {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  margin-top: 0.55rem;
}
.caja-confirmar-total { margin: 0; font-size: 0.95rem; }
.caja-confirmar-total strong { font-size: 1.15rem; }
.caja-confirmar .oficio-btn { flex: 1; min-height: 48px; }
.pedido-estado { margin: 0.55rem 0 0; font-size: 0.88rem; opacity: 0.8; }
@media (max-width: 699px) {
  .caja-confirmar {
    position: sticky;
    bottom: 0;
    z-index: 25;
    margin: 0.8rem -1.3rem -1.6rem;
    padding: 0.75rem 1.3rem 1rem;
    background: var(--color-navy);
    border-top: 1px solid rgba(244, 239, 230, 0.16);
    box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.28);
  }
}