/* ── Contenedor principal de la página ───────────────── */
main.container{
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.5rem;
  padding-right:1.5rem;
  box-sizing:border-box;
}
.mytrip-header{max-width:860px;margin:0 auto 16px auto;}
.mytrip-header h1{margin:0 0 6px 0;}
.mytrip-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 18px 0;}
.chip{border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;font-size:14px;}
.chip.active{border-color:rgba(0,0,0,.35);font-weight:600;}
.chip.danger{margin-left:auto;border-color:rgba(192,57,43,.35);color:#c0392b;}
.mytrip-grid{column-count:3;column-gap:14px;}
@media (max-width: 980px){.mytrip-grid{column-count:2;}}
@media (max-width: 560px){.mytrip-grid{column-count:1;}}
.mytrip-card{break-inside:avoid;display:block;border:1px solid rgba(0,0,0,.10);border-radius:14px;overflow:hidden;margin:0 0 14px 0;background:#fff;text-decoration:none;color:inherit;}
.mytrip-card img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;background:#f2f2f2;}
.mytrip-card .body{padding:10px 12px;}
.mytrip-card .title{font-weight:700;margin:0 0 4px 0;font-size:15px;}
.mytrip-card .sub{opacity:.78;margin:0;font-size:13px;line-height:1.35;}
.mytrip-empty{max-width:720px;margin:18px auto 60px auto;padding:18px;border:1px dashed rgba(0,0,0,.2);border-radius:14px;text-align:center;}