/* Ajustes para pantallas chicas (se carga después de las demás para poder sobrescribirlas). */
/* ===== Celular ===== */
@media (max-width:900px){.venta{grid-template-columns:1fr}}
@media (max-width:760px){
  #app{grid-template-columns:1fr;grid-template-rows:52px 1fr 66px}
  .side{grid-row:3;grid-column:1;flex-direction:row;justify-content:flex-start;padding:4px 6px;overflow-x:auto}
  .side .logo{display:none}
  .nav{flex:1 0 66px;padding:6px 2px;font-size:11px}.nav.act{box-shadow:inset 0 3px 0 var(--orange)}
  .nav svg{width:22px;height:22px}
  .top{padding:0 12px}.top .emp,.user-info{display:none}.top h2{font-size:20px}
  main{padding:12px}
  .trip{grid-template-columns:1fr auto;gap:8px}
  .trip .o{grid-column:1}.trip .swap{grid-column:2;grid-row:1/3;align-self:center}.trip .d{grid-column:1}
  .trip .fe{grid-column:1/3}.trip .go{grid-column:1/3}
  .seat{width:42px;height:42px;font-size:14px}.seat.cama{width:48px;height:52px}
  .escalera{width:42px;height:42px}.escalera.cama{width:48px;height:52px}.escalera.w2{width:90px}
  .escalera.arriba{height:90px;margin-bottom:-48px}.escalera.cama.arriba{height:110px;margin-bottom:-58px}
  .fila{gap:6px}.pasillo{width:16px}
  .cmp{grid-template-columns:1fr}.cmp .flecha{transform:rotate(90deg);justify-self:center}
}