.panel-principal { padding: 96px 0 70px; }
.panel-aviso { padding: 11px 16px; margin-bottom: 24px; background: var(--humo); border-radius: var(--r2); font-size: .9rem; color: var(--tinta-2); }
.panel-principal h1 { font: 400 clamp(3rem, 7vw, 4.8rem)/1 var(--display); }
.panel-etiqueta { font-size: .9rem; }

.panel-resumen { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 20px 0; }
.panel-cifra { padding: 16px 18px; background: var(--humo); border-radius: var(--r2); }
.panel-cifra b { display: block; font: 300 2.2rem/1.1 var(--texto); }
.panel-cifra span { font-size: .86rem; color: var(--tinta-2); }

.panel-filtros { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.panel-filtro { min-height: 42px; padding: 0 16px; background: none; border: 1px solid var(--filo-tinta); border-radius: 999px; color: var(--tinta); font-size: .9rem; cursor: pointer; transition: background-color .15s, color .15s, border-color .15s; }
.panel-filtro:hover { border-color: var(--tinta); }
.panel-filtro[aria-pressed="true"] { background: var(--tinta); color: var(--blanco); border-color: var(--tinta); }

.panel-fila { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.4fr) auto; gap: 10px 24px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--filo-tinta); }
.panel-quien b { display: block; font-weight: 600; }
.panel-quien small, .panel-vuelo small { display: block; font-size: .84rem; line-height: 1.45; color: var(--tinta-2); }
.panel-vuelo b { display: block; font: 400 1.7rem/1.1 var(--display); }
.panel-nota { grid-column: 1 / -1; padding: 8px 12px; background: var(--humo); border-radius: var(--r2); font-size: .9rem; }
.panel-acciones { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.panel-acciones .boton { min-height: 42px; padding: 0 16px; font-size: .86rem; }
.panel-confirmar { background: var(--tinta); color: var(--blanco); }
.panel-confirmar:hover { background: #333a42; }
.panel-rechazar, .panel-wa { background: none; border-color: var(--filo-tinta); color: var(--tinta); }
.panel-rechazar:hover { border-color: #a42d17; color: #a42d17; }
.panel-wa:hover { border-color: #12703f; color: #12703f; }
.estado { display: inline-block; padding: 3px 11px; border: 1px solid currentColor; border-radius: 999px; font-size: .78rem; font-weight: 600; }
.estado-pendiente { color: #8a5a00; }
.estado-confirmada { color: #12703f; }
.estado-rechazada, .estado-vencida { color: #a42d17; }
.panel-vacio { padding: 34px 0; color: var(--tinta-2); }

.legal { max-width: 760px; }
.legal h1 { margin: 34px 0 10px; scroll-margin-top: 84px; }
.legal h2 { margin: 24px 0 4px; font: 700 1rem/1.3 var(--texto); }
.legal .pendiente-texto { color: #8a5a00; }

@media (max-width: 760px) {
  .panel-fila { grid-template-columns: minmax(0, 1fr); }
  .panel-acciones { justify-content: flex-start; }
  .panel-cifra { padding: 12px; }
}