/* Landing de Bus (Pages/Bus/Index.cshtml). Va después de hoteles.css (base .h-*) y retail-claro.css (componentes .r-*). */
.b-mapa{position:relative;width:min(290px,88%);justify-self:start;margin-left:4%;margin-bottom:170px;padding:16px 18px 18px;border-radius:20px;background:#fff;border:1px solid var(--linea);box-shadow:0 26px 54px -24px rgba(18,41,47,.5);transform:rotate(-2deg)}
.b-mapa-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.b-mapa-cab strong{font-size:1.05rem;font-weight:800;letter-spacing:-.01em}
.b-mapa-cab span{font-size:.78rem;font-weight:600;color:var(--suave)}
.b-frente{display:block;margin:0 0 10px;padding:6px 0;text-align:center;font-size:.74rem;font-weight:700;color:var(--suave);background:#F1F6F6;border-radius:8px 8px 14px 14px}
.b-asientos{display:grid;grid-template-columns:repeat(2,1fr) 14px repeat(2,1fr);gap:6px}
.b-asientos i{display:grid;place-items:center;aspect-ratio:1.25;border-radius:9px 9px 6px 6px;background:#EAF1F2;color:#5C7278;font-style:normal;font-size:.74rem;font-weight:700}
.b-asientos i.p{background:var(--coral);color:#fff}
.b-asientos i.r{background:var(--laguna);color:#fff}
.b-asientos i.pasillo{background:none;aspect-ratio:auto}
.b-leyenda{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px;padding:0;list-style:none;font-size:.76rem;font-weight:600;color:var(--suave)}
.b-leyenda li{display:flex;align-items:center;gap:6px}
.b-leyenda li::before{content:"";width:10px;height:10px;border-radius:3px;background:#EAF1F2}
.b-leyenda li.p::before{background:var(--coral)}.b-leyenda li.r::before{background:var(--laguna)}
@media(max-width:520px){.b-mapa{margin-left:0;justify-self:center;width:min(290px,90%);margin-bottom:190px}}

.b-motivos{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.b-motivos li{display:grid;grid-template-columns:150px 1fr 28px;align-items:center;gap:10px;font-size:.88rem;font-weight:600}
.b-motivos li div{height:10px;border-radius:999px;background:#EAF1F2;overflow:hidden}
.b-motivos li div i{display:block;height:100%;border-radius:999px;background:var(--laguna)}
.b-motivos li em{font-style:normal;text-align:right;color:var(--suave);font-variant-numeric:tabular-nums}
.b-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 4px}
.b-kpis div{background:#F4F8F8;border-radius:12px;padding:10px 12px}
.b-kpis small{display:block;font-size:.72rem;font-weight:700;color:var(--suave)}
.b-kpis b{display:block;font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.25}
.b-kpis b.av{color:#C2610C}
@media(max-width:560px){.b-kpis{grid-template-columns:1fr 1fr}.b-motivos li{grid-template-columns:110px 1fr 24px}}

.b-cola{display:grid;gap:12px}
.b-cola>div{background:#fff;border:1px solid var(--linea);border-left:5px solid #E29A00;border-radius:14px;padding:14px 16px;box-shadow:0 20px 40px -26px rgba(18,41,47,.45)}
.b-cola>div.ok{border-left-color:var(--laguna)}
.b-cola b{display:block}
.b-cola p{margin:2px 0 0;font-size:.9rem;color:var(--suave)}
.b-cola small{display:block;margin-top:6px;font-size:.78rem;font-weight:700;color:#8A5300}
.b-cola .ok small{color:var(--laguna)}

.b-no{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.b-no li{position:relative;padding-left:26px;color:var(--suave)}
.b-no li::before,.b-no li::after{content:"";position:absolute;left:3px;top:.8em;width:12px;height:2px;background:var(--suave)}
.b-no li::before{transform:rotate(45deg)}.b-no li::after{transform:rotate(-45deg)}