/* LATAM Economy - mismos colores y fuente que LATAM Perú (assets/latam/css/latam.css), sin depender de él */
:root{
  --ag:#010f40; --ag2:#0a1a5c; --ag3:#2a3f9a; --amber:#c8102e; --amber2:#8b0a1f; --gold:#f2c14e;
  --bg:#f3f7fb; --card:#fff; --text:#1b1f2e; --muted:#5b6377; --line:#d3dbe8; --red:#b3261e; --link:#0a3a9c; --soft:#f7f9fc; --tint:#e6ebff;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Lato,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}
a{color:var(--link)} a:hover{color:var(--amber)}
code{background:var(--tint);padding:1px 5px;border-radius:3px}

/* Cabecera */
.top{display:flex;align-items:center;gap:16px;padding:8px 22px;background:var(--ag);border-bottom:3px solid var(--amber);position:sticky;top:0;z-index:1000;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:44px;width:auto}
.agbadge{background:var(--amber);color:#1a1a1a;font-weight:900;border-radius:4px;padding:2px 9px;font-size:18px}
.top nav{display:flex;gap:2px;flex-wrap:wrap;flex:1}
.top nav a{color:#e6ebff;text-decoration:none;padding:8px 10px;border-radius:4px}
.top nav a:hover,.top nav a.act{background:rgba(255,255,255,.13);color:#fff}
.user{display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;flex-wrap:wrap}
.burger{display:none;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:4px;font-size:20px;padding:2px 10px;cursor:pointer}
.btn-out{color:#c9d2ff;font-size:13px}
.btn-lpe{background:#fff;color:var(--ag)!important;text-decoration:none;padding:7px 11px;border-radius:4px;font-size:13px;font-weight:700}

/* Botones */
.btn,.btn-amber,.btn-ghost{display:inline-block;border:0;border-radius:4px;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.btn{background:var(--ag);color:#fff!important}.btn:hover{background:var(--amber)}
.btn-amber{background:var(--amber);color:#fff!important}.btn-amber:hover{background:var(--amber2)}
.btn-ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.7)}
.btn.sm,.btn-amber.sm{padding:5px 10px;font-size:13px}
/* Botón secundario sobre fondo claro (paneles, tarjetas, economía): antes salía blanco sobre blanco */
.btn.btn-ghost{background:#fff;color:var(--ag)!important;border:2px solid var(--ag)}.btn.btn-ghost:hover{background:var(--ag);color:#fff!important}
.btn.btn-ghost.sm{padding:3px 8px}
button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed}
.big{padding:12px 22px;font-size:16px}
.wide{width:100%}
.btn.danger{background:var(--red)}
.btn-link{background:none;border:0;color:var(--link);cursor:pointer;font:inherit;text-decoration:underline;padding:4px 6px}
.btn-link.danger{color:var(--red)}
form.inline{display:inline}

/* Portada */
.hero{background:linear-gradient(rgba(10,18,40,.94),rgba(10,18,40,.94));color:#fff;padding:56px 0}
.wrap{max-width:1140px;margin:0 auto;padding:0 16px}
.hero h1{margin:0 0 10px;font-size:36px;font-weight:900}
.hero p{margin:0 0 22px;max-width:700px;font-size:18px;opacity:.92}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}

main{max-width:1140px;margin:0 auto;padding:24px 16px 50px}
.page-title{margin:0 0 16px;font-weight:900;color:var(--ag)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:22px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px;border-top:4px solid var(--amber)}
.stat .l{color:var(--muted);font-size:14px}.stat .v{font-size:34px;line-height:1.2}.stat .v.small-v{font-size:22px;padding-top:6px}
.stat .s{color:var(--muted);font-size:13px}
.split{display:flex;gap:4px;height:10px;border-radius:5px;overflow:hidden;margin:8px 0 4px}

.panel{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:22px}
.panel h3{margin:0;padding:11px 16px;background:var(--ag);color:#fff;font-weight:400;font-size:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.panel h3 .btn-amber{margin-left:auto}.panel h3 .btn-amber~.btn-amber{margin-left:0}
.count{background:rgba(255,255,255,.18);border-radius:10px;padding:0 8px;font-size:13px}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:9px 14px;border-bottom:1px solid #e8edf5;white-space:nowrap;vertical-align:middle}
th{font-weight:700;background:var(--soft);color:var(--muted);font-size:13px}
tr.sub td{border-top:0;padding-top:0;white-space:normal}
td.wrap-text{white-space:normal;min-width:180px}
.right{text-align:right}
.muted{color:var(--muted)}.small{font-size:13px}

.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.tile{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px;text-decoration:none;color:var(--text);display:flex;align-items:baseline;gap:8px}
.tile b{font-size:30px;color:var(--ag)}.tile:hover{border-color:var(--amber)}

.badge{display:inline-block;border-radius:10px;padding:2px 9px;font-size:12px;font-weight:700}
.st-ok{background:#dcf2e5;color:#14532d}.st-pend{background:#fdf0cc;color:#6b4b00}.st-no{background:#fde2e2;color:#8b0a1f}.st-amber{background:#fdf0cc;color:#6b4b00}

.flash{max-width:1108px;margin:16px auto 0;padding:11px 16px;border-radius:5px;background:#dcf2e5;color:#14532d;border:1px solid #b5e0c6}
.flash.err{background:#fde2e2;color:#8b0a1f;border-color:#f3b9b9}
main .flash{margin:0 0 14px}

.card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px;margin-bottom:22px}
.card h2{margin-top:0;color:var(--ag)}
.card.narrow{max-width:420px;margin:40px auto}
label{display:block;font-weight:700;font-size:14px;margin-bottom:12px}
input,select,textarea{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #c3cddd;border-radius:4px;font:inherit;font-weight:400;background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ag3);border-color:var(--ag3)}
label.chk{display:flex;align-items:center;gap:8px;font-weight:400}
label.chk input{width:auto;margin:0}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}
.filters{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}
.filters label{margin:0;min-width:170px;flex:1}
.review{display:flex;gap:6px;align-items:center;flex-wrap:wrap;width:240px}
.review input{width:100%;margin:0;padding:5px 8px}
.demo{background:#fff6d8;border:1px solid #e9d68c;padding:8px 10px;border-radius:4px;font-size:13px}
.log{padding-left:18px}
.kv{display:grid;grid-template-columns:160px 1fr;gap:8px 16px}.kv dt{font-weight:700}.kv dd{margin:0}

.tabs{display:flex;gap:4px;margin-bottom:18px;flex-wrap:wrap}
.tabs a{padding:8px 14px;border-radius:4px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--text)}
.tabs a.act{background:var(--ag);color:#fff}
.tabs a.btn:not(.btn-ghost){background:var(--ag);color:#fff!important;border-color:var(--ag)}

.prof{display:flex;gap:16px;align-items:center;margin-bottom:18px}
.prof h2{margin:0}
.av{width:64px;height:64px;border-radius:50%;background:var(--ag);color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;border:3px solid var(--amber)}
.map{height:920px;border-radius:6px;border:1px solid var(--line);margin-bottom:6px;background:#dfe7f2}

footer{text-align:center;color:var(--muted);font-size:13px;padding:24px 16px;border-top:1px solid var(--line)}

@media (max-width:800px){
  .burger{display:block}
  .top nav,.top .user{display:none;width:100%}
  body.menu-open .top nav,body.menu-open .top .user{display:flex}
  .top nav{flex-direction:column}
  .hero h1{font-size:27px}
  .kv{grid-template-columns:1fr}
  .review{flex-wrap:wrap}
}

/* Mapa en vivo AG: aviones en verde */
.ag-plane{color:#c8102e;font-size:26px;line-height:26px;text-shadow:0 0 3px #fff,0 0 3px #fff}

/* ---------- v3 ---------- */
.hero.has-img{background:linear-gradient(rgba(10,18,40,.82),rgba(10,18,40,.82)),var(--hero) center/cover no-repeat}
.live-pill{display:inline-flex;align-items:center;gap:4px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;font-size:14px;margin-bottom:14px}
.live-pill .dot{width:9px;height:9px;border-radius:50%;background:#9aa;margin-right:4px}
.live-pill.on .dot{background:#3ddc84;box-shadow:0 0 0 0 rgba(61,220,132,.7);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(61,220,132,0)}100%{box-shadow:0 0 0 0 rgba(61,220,132,0)}}
.aviso{background:#fff6d8;border:1px solid #e9d68c;border-left:5px solid #e0a526;padding:11px 16px;border-radius:5px;margin-bottom:18px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0 22px}
.page-title .small{font-weight:400;font-size:14px;margin-left:8px}
.pad{padding:14px 16px;margin:0}

.feat{display:grid}
.feat-item{padding:12px 16px;border-bottom:1px solid #e8edf5;display:grid;gap:3px}
.feat-item:last-child{border-bottom:0}
.feat-num{font-weight:900;color:var(--ag)}
.feat-route .arrow,.route-big .arrow{color:var(--amber);font-weight:900;margin:0 4px}
.feat-act{display:flex;gap:8px;align-items:center;margin-top:4px}

.toplist{list-style:none;margin:0;padding:6px 0}
.toplist li{display:flex;align-items:center;gap:10px;padding:8px 16px}
.toplist .who{flex:1}
.pos{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:13px;background:var(--tint)}
.pos.p1{background:var(--gold);color:#1a1a1a}.pos.p2{background:#c9cdd1}.pos.p3{background:#d6a77a}
.soft{padding:10px 16px;border-top:1px solid #e8edf5;background:var(--soft);font-size:14px}

.fpm{font-variant-numeric:tabular-nums}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px;word-break:break-word}
.where{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
tr.here td{background:#eef3fb}
tr.mine td{background:#fffaea}
tr.sel td{background:#fdf0cc}
td.actions{white-space:nowrap}
td.actions form.inline{margin-left:4px}
td .wrap-text{max-width:260px}

.pirep-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.pirep-head h2{margin:2px 0;color:var(--ag);font-weight:900;font-size:30px}
.route-big{font-size:18px}
.pirep-pilot{display:flex;align-items:center;gap:10px}
.av.sm{width:42px;height:42px;font-size:18px;border-width:2px}
.stat .v small{font-size:16px;color:var(--muted)}
.profile-chart{padding:12px 16px}
.profile-chart svg{width:100%;height:160px;display:block;background:linear-gradient(#fff,#f3f7fb)}
.pc-area{fill:rgba(1,15,64,.12)}
.pc-line{fill:none;stroke:#010f40;stroke-width:2.5}
.card .ct{margin:0 0 12px;color:var(--ag)}
.comment{border-left:3px solid var(--amber);padding:6px 10px;margin-bottom:10px;background:var(--soft)}
details.card summary{cursor:pointer}
.log{max-height:320px;overflow:auto;margin:10px 0 0}

.prof-cta{margin-left:auto}
.bars{display:flex;align-items:flex-end;gap:6px;height:190px;padding:14px 16px 8px}
.bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:3px}
.bf{width:100%;max-width:34px;background:var(--ag3);border-radius:3px 3px 0 0;min-height:0}
.bar:last-child .bf{background:var(--amber)}
.bv{font-size:11px;color:var(--muted);min-height:14px}
.bl{font-size:11px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px}
.chip{background:var(--tint);border:1px solid var(--line);color:var(--ag);border-radius:14px;padding:3px 10px;font-weight:700;font-size:13px}

.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin:8px 0 22px;flex-wrap:wrap}
.pod{display:flex;flex-direction:column;align-items:center;gap:4px;width:170px;text-align:center}
.pod-name{font-size:14px}.pod-h{font-weight:900;color:var(--ag)}
.pod-step{width:100%;background:var(--ag);color:#fff;font-weight:900;font-size:22px;border-radius:5px 5px 0 0;display:grid;place-items:center;border-top:4px solid var(--gold)}
.pod1 .pod-step{height:90px}.pod2 .pod-step{height:64px;border-top-color:#c9cdd1}.pod3 .pod-step{height:46px;border-top-color:#d6a77a}
@media (max-width:800px){.stats{grid-template-columns:1fr 1fr}.stat .v{font-size:28px}.prof{flex-wrap:wrap}.prof-cta{margin-left:0}.pod{width:30%}}

/* ---------- v4 ---------- */
a.apt{font-weight:700;text-decoration:none;border-bottom:1px dotted currentColor}
.wxbtn{font:inherit;font-size:11px;font-weight:700;letter-spacing:.3px;background:var(--tint);border:1px solid var(--line);color:var(--ag);border-radius:3px;padding:1px 5px;cursor:pointer;vertical-align:middle}
.wxbtn:hover{background:var(--ag);border-color:var(--ag);color:#fff}
.cat{display:inline-block;border-radius:3px;padding:1px 6px;font-size:11px;font-weight:900;color:#fff;vertical-align:middle}
.cat-vfr{background:#1d8a4a}.cat-mvfr{background:#2563eb}.cat-ifr{background:#c62828}.cat-lifr{background:#9c27b0}
.panel h3 .cat{font-size:12px}
.wx-body{padding:14px 16px}
.wx-body .mono{margin:0 0 12px}
.wx details summary{list-style:none;display:block;text-align:center}
.wx details summary::-webkit-details-marker{display:none}
.wx details[open] summary{margin-bottom:10px}
.kvt{width:100%}.kvt th{width:130px;background:none;vertical-align:top}.kvt td{white-space:normal}
.modal{position:fixed;inset:0;background:rgba(1,15,64,.55);z-index:3000;display:grid;place-items:center;padding:16px}
.modal[hidden]{display:none}
.modal-box{background:var(--bg);border-radius:8px;max-width:620px;width:100%;max-height:90vh;overflow:auto;position:relative;padding:14px 14px 4px;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.modal-box .panel{margin-bottom:10px}
.modal-x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:26px;cursor:pointer;color:#fff;z-index:2;line-height:1}
.warn{color:#8a5a00}
.st-off{background:#ecebe5;color:#5c625e;font-weight:700}
.transfer{border-left:5px solid var(--ag3)}
.transfer .filters{margin:12px 0 0}
.dash{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0 22px}
.news article{border-bottom:1px solid #e8edf5;padding-bottom:10px;margin-bottom:10px}
.news article:last-child{border:0;margin:0}
.news h4{margin:0 0 2px;font-size:18px}
.progress{height:10px;border-radius:5px;background:var(--tint);overflow:hidden;margin-top:10px}
.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ag),var(--amber))}
.rank-img{height:22px;vertical-align:middle}
.small-t{font-size:16px;font-weight:400}
@media (max-width:900px){.dash{grid-template-columns:1fr}}
@media (min-width:801px){.top{gap:12px;padding:8px 16px}.top nav a{padding:8px 8px;font-size:14px}.brand img{height:38px}}

/* ---------- v6: SimBrief ---------- */
.narrow-l{max-width:720px}
.sbform .pad label{margin-bottom:10px}
.sbform .form-grid .span2{grid-column:span 2}
.sbform input:disabled{background:#eef2f8;color:#444}
.brief-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.brief-head .page-title{margin:0}
.brief-actions{display:flex;gap:8px;flex-wrap:wrap}
.brief-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dgrid div{border:1px solid var(--line);border-radius:5px;padding:6px 8px;text-align:center}
.dgrid span,.wxlist span{display:block;font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.4px}
.dgrid b{font-family:ui-monospace,Consolas,monospace;font-size:14px}
.wxlist div{margin-bottom:8px}.wxlist p{margin:2px 0 0;border:1px solid var(--line);border-radius:5px;padding:6px 8px;background:var(--soft)}
.prefile{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pf{display:block;text-align:center;color:#fff!important;text-decoration:none;font-weight:700;padding:10px 6px;border-radius:4px}
.pf.ivao{background:#0D2C99}.pf.vatsim{background:#29B473}.pf.poscon{background:#403a60}.pf.sky{background:#2f8a63}
.ofp{height:750px;overflow:auto;padding:12px 16px;background:#fff;font-size:12px}
.ofp pre{font-size:12px;line-height:1.3}
.maps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px}
.maps figure{margin:0;text-align:center}.maps img{width:100%;border:1px solid var(--line);border-radius:4px}
.modal-box.wide{max-width:1060px}
.sbframe{width:100%;height:72vh;border:0;border-radius:4px;background:#fff}
.modal-x.dark{color:#333}
@media (max-width:900px){.brief-grid{grid-template-columns:1fr}.dgrid{grid-template-columns:1fr 1fr}.prefile{grid-template-columns:1fr 1fr}}
.dgrid small{display:block;font-size:11px}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;padding:12px}

/* ---------- v9: LATAM Economy (rediseño) ---------- */
.brand{color:#fff;font-size:22px}
.brand img{height:46px;width:auto;border-radius:4px}
.brand-t b{font-weight:900;letter-spacing:.5px}
.brand:hover{color:#fff}
.agbadge{display:none}
.top{padding:6px 22px;gap:14px}
.top nav{align-items:center}
.top nav a,.top .more summary{color:#e6ebff;text-decoration:none;padding:10px 11px;border-radius:4px;font-size:15px}
.top nav a:hover,.top .more summary:hover{color:#ff8c9a;background:none}
.top nav a.act{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 -3px 0 var(--amber)}
.top nav a.adm{color:#ffd58a}
.more{position:relative}
.more summary{list-style:none;cursor:pointer;display:block}
.more summary::-webkit-details-marker{display:none}
.more summary::after{content:" ▾";font-size:12px}
.more-box{position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-top:3px solid var(--amber);box-shadow:0 10px 30px rgba(1,15,64,.25);padding:6px 0;z-index:1100;animation:lxdrop .18s ease both}
.top .more-box a{display:block;color:var(--text);padding:9px 16px;border-radius:0;font-size:15px}
.top .more-box a:hover{background:var(--tint);color:var(--ag)}
.top .more-box a.act{background:var(--tint);box-shadow:inset 3px 0 0 var(--amber);color:var(--ag)}
.more-box hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.user .utc{color:#c9d2ff;font-variant-numeric:tabular-nums}
.cash{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 12px;color:#fff!important;text-decoration:none;font-weight:700;white-space:nowrap}
.cash b{color:var(--gold)}
.cash:hover{background:rgba(255,255,255,.18)}
.lx-divider{height:6px;background:linear-gradient(90deg,var(--ag) 0%,var(--amber) 50%,var(--ag) 100%)}
@keyframes lxup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes lxdrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
main>.stats,main>.panel,main>.cols,main>.card,main>.dash,.lx-hero{animation:lxup .45s ease both}
main>.panel:nth-of-type(2),main>.cols:nth-of-type(2){animation-delay:.08s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.lx-hero{background:#0a1228;color:#fff;border-radius:6px;padding:24px 28px;display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.lx-hero img{width:110px;height:auto;border-radius:6px}
.lx-hero h1{margin:0 0 6px;font-size:28px;font-weight:900}
.lx-hero p{margin:0;color:#c9d2ff;font-size:16px}
.lx-hero .txt{flex:1;min-width:240px}
.lx-hero .acts{display:flex;gap:10px;flex-wrap:wrap}
.hero .hero-logo{width:150px;height:auto;border-radius:8px;margin-bottom:14px}
.btn-ghost.on-dark,.hero .btn-ghost{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.7)}
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0}
.steps3 div{padding:14px 16px;border-bottom:1px solid #e8edf5}
.steps3 b{display:block;color:var(--ag);font-size:16px;margin-bottom:3px}
.steps3 .n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--amber);color:#fff;font-weight:900;font-size:13px;margin-right:6px}
.help-link{font-size:13px;font-weight:400;margin-left:10px}
footer.lx-ft{background:var(--ag);color:#c9d2ff;border-top:3px solid var(--amber);margin-top:20px;font-size:14px;padding:22px 16px}
footer.lx-ft a{color:#fff}
footer.lx-ft small{color:#9aa6d6}
footer.lx-ft img{height:34px;vertical-align:middle;border-radius:4px;margin-right:8px}
@media (max-width:1000px){
  .burger{display:block;width:44px;height:44px}
  .top nav,.top .user{display:none;width:100%}
  body.menu-open .top nav,body.menu-open .top .user{display:flex}
  .top nav{flex-direction:column;align-items:stretch}
  .top nav a,.top .more summary{padding:13px 6px;border-top:1px solid rgba(255,255,255,.08);font-size:16px}
  .top nav a.act{box-shadow:inset 4px 0 0 var(--amber)}
  .more-box{position:static;box-shadow:none;background:var(--ag2);border-top:0;border-left:3px solid var(--amber);margin:0 0 6px 8px}
  .top .more-box a{color:#e6ebff}
  .top .more-box a:hover,.top .more-box a.act{background:rgba(255,255,255,.08);color:#fff}
  .more-box hr{border-color:rgba(255,255,255,.12)}
  .user{padding:10px 6px 14px}
  .brand img{height:40px}
  .lx-hero{padding:18px}
  .lx-hero img{width:72px}
  .lx-hero h1{font-size:23px}
}
@media (min-width:1001px){.top nav a,.top .more summary{padding:9px 9px;font-size:15px}}
@media (min-width:801px) and (max-width:1000px){.brand img{height:40px}}

/* ---------- Etapa 3b: tablas sin barra, casillas y móvil ---------- */
.rent-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.rent-form select{width:auto;margin:0;padding:6px 8px}
label.chk input[type=checkbox],label.chk input[type=radio]{flex:0 0 auto;width:16px;height:16px}
@media (max-width:700px){
  body{font-size:16px}
  main{padding:16px 12px 40px}
  .page-title{font-size:24px}
  .card{padding:16px}
  .panel h3{font-size:16px;padding:10px 12px}
  .pad{padding:12px}
  .soft{padding:10px 12px}
  .stats{grid-template-columns:1fr 1fr;gap:10px}
  .stat .v{font-size:22px}.stat .v.small-v{font-size:17px}
  input,select,textarea{font-size:16px}
  .btn-amber.big,.btn.big{width:100%}
  .btn.sm,.btn-amber.sm{padding:8px 12px;font-size:14px}
  .scroll{overflow-x:visible}
  /* Tablas: cada fila se ve como una tarjeta, con el nombre de cada columna a la izquierda */
  table.rt thead,table.rt tr.rt-head{display:none}
  table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%;box-sizing:border-box}
  table.rt tr{border:1px solid var(--line);border-radius:6px;margin:0 0 10px;background:var(--card);overflow:hidden}
  table.rt td{border:0;white-space:normal;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;min-width:0}
  table.rt td[data-label]::before{content:attr(data-label);font-weight:700;color:var(--muted);font-size:13px;text-align:left;flex:0 0 auto}
  table.rt td:first-child{display:block;text-align:left;background:var(--soft);padding:9px 12px}
  table.rt td:first-child::before,table.rt td[data-label=""]::before{content:none}
  table.rt td:empty{display:none}
  table.rt td form{margin-left:auto}
  .panel .scroll table.rt{padding:10px 10px 0;display:block}
}
/* ---------- Etapa 10: mapa en vivo, zonas y selector de aeropuertos ---------- */
.lxm-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding:14px 16px}
.lxm-bar>label{margin:0;flex:1;min-width:170px}
.lxm-bar .lxm-q{flex:2;min-width:220px}
.lxm-layers{display:flex;gap:6px 16px;flex-wrap:wrap;width:100%;padding-top:4px;border-top:1px solid var(--line);margin-top:2px}
.lxm-layers label.chk{margin:6px 0 0;font-size:14px}
.lxm-sum{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.lxm-sum span{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:4px 12px;font-size:14px;animation:lxm-in .4s ease both}
.lxm-big{height:920px}
.lxm-small{height:720px}
.lxm-loading{opacity:.6;transition:opacity .2s}
.lxm-tag{display:inline-block;white-space:nowrap;border-radius:9px;padding:0 6px;font-size:11px;font-weight:900;line-height:17px;box-shadow:0 1px 3px rgba(0,0,0,.35);cursor:pointer}
.lxm-free{background:#2a3f9a;color:#fff}
.lxm-sale{background:#f2c14e;color:#3b2a00}
.lxm-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#8a94a8;border:1px solid #4a5570}
.lxm-dot.job{width:14px;height:14px;background:rgba(200,16,46,.6);border-color:#8b0a1f}
.lxm-me{display:block;width:18px;height:18px;border-radius:50%;background:#16a34a;border:3px solid #fff;box-shadow:0 0 0 0 rgba(22,163,74,.6);animation:lxm-pulse 1.8s infinite}
.lxm-pop{font:14px/1.45 Lato,Arial,sans-serif}.lxm-pop .lxm-pl{margin:6px 0}.lxm-pop .lxm-pb .btn{margin:2px 0}
.lxm-pop .btn,.lxm-pop .btn-amber{display:inline-block;text-decoration:none;border-radius:4px;padding:5px 9px;font-size:13px;border:0;cursor:pointer}
@keyframes lxm-pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.6)}70%{box-shadow:0 0 0 12px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
@keyframes lxm-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.zgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:22px}
.zcard{display:block;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--ag);border-radius:6px;padding:16px;text-decoration:none;color:var(--text);transition:transform .15s,border-color .15s}
.zcard:hover{transform:translateY(-2px);border-top-color:var(--amber);color:var(--text)}
.zcard.mine{border-top-color:var(--amber)}
.zcard h3{margin:0 0 4px;color:var(--ag);font-size:20px}
.zcard .zc{color:var(--muted);font-size:13px;margin-bottom:10px}
.zcard .zn{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}.zcard .zn b{font-size:18px;color:var(--ag)}
.chips a.chip{text-decoration:none}.chips a.chip.act{background:var(--ag);color:#fff}
.pager{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px}
@media (max-width:700px){.lxm-big{height:78vh;min-height:420px}.lxm-bar>label{min-width:100%}.lxm-small{height:600px}}

/* ---------- Etapa 8 (v15): sin barras horizontales y tema oscuro como LATAM Perú ---------- */
/* Tablas: el texto puede partirse en dos líneas en vez de empujar la tabla fuera de la pantalla */
th,td{white-space:normal;overflow-wrap:break-word}
td.right,th.right,td .badge,td.actions,.nowrap{white-space:nowrap}
td form.inline,td .rent-form{display:inline-flex;flex-wrap:wrap;gap:4px}
@media (max-width:1200px){th,td{padding:8px 10px}}
.dash>div,.cols>*,.grid3>*{min-width:0}
@media (max-width:900px){
  .dash{grid-template-columns:minmax(0,1fr)}
  /* Tablas como tarjetas también en tableta */
  .scroll{overflow-x:visible}
  table.rt thead,table.rt tr.rt-head{display:none}
  table.rt,table.rt tbody,table.rt tr,table.rt td{display:block;width:100%;box-sizing:border-box}
  table.rt tr{border:1px solid var(--line);border-radius:6px;margin:0 0 10px;background:var(--card);overflow:hidden}
  table.rt td{border:0;white-space:normal;padding:6px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;min-width:0}
  table.rt td[data-label]::before{content:attr(data-label);font-weight:700;color:var(--muted);font-size:13px;text-align:left;flex:0 0 auto;max-width:45%}
  table.rt td:first-child{display:block;text-align:left;background:var(--soft);padding:9px 12px}
  table.rt td:first-child::before,table.rt td[data-label=""]::before{content:none}
  table.rt td:empty{display:none}
  table.rt td form{margin-left:auto}
  .panel .scroll table.rt{padding:10px 10px 0;display:block}
  .kvt th{width:auto}
  table.rt td{flex-wrap:wrap}
  table.rt td.actions{white-space:normal;justify-content:flex-end}
}
td small,td .mono,td code{overflow-wrap:anywhere}
main img,main video,main iframe{max-width:100%}
.split .ag{background:var(--ag3)}.split .lx{background:#e0a526}
.c-warn{color:var(--warn)}

/* Botón de tema (claro / oscuro) */
.theme-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:20px;width:36px;height:32px;cursor:pointer;font-size:16px;line-height:1;padding:0}
.theme-btn:hover{background:rgba(255,255,255,.2)}

/* Tema oscuro: mismos colores que el tema oscuro de LATAM Perú (Bootstrap 5.3 oscuro + marino #010f40 y rojo #c8102e) */
:root{--head:var(--ag);--warn:#8a5a00}
:root[data-theme=dark]{
  color-scheme:dark;
  --bg:#212529; --card:#2b3035; --soft:#343a40; --text:#dee2e6; --muted:#adb5bd; --line:#495057;
  --link:#6ea8fe; --tint:#2c3a52; --red:#ea868f; --head:#fff; --warn:#ffda6a; --ag3:#6ea8fe;
}
:root[data-theme=dark] a:hover{color:#ff8c9a}
:root[data-theme=dark] .page-title,:root[data-theme=dark] .card h2,:root[data-theme=dark] .card .ct,:root[data-theme=dark] .tile b,
:root[data-theme=dark] .feat-num,:root[data-theme=dark] .pirep-head h2,:root[data-theme=dark] .pod-h,:root[data-theme=dark] .steps3 b,
:root[data-theme=dark] .zcard h3,:root[data-theme=dark] .zcard .zn b,:root[data-theme=dark] .card h3{color:var(--head)}
:root[data-theme=dark] .chip,:root[data-theme=dark] .wxbtn{color:#cfe0ff;background:var(--tint);border-color:var(--line)}
:root[data-theme=dark] .chips a.chip.act{background:var(--amber);border-color:var(--amber);color:#fff}
:root[data-theme=dark] th,:root[data-theme=dark] td,:root[data-theme=dark] .feat-item,:root[data-theme=dark] .news article,
:root[data-theme=dark] .steps3 div,:root[data-theme=dark] .soft{border-color:var(--line)}
:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#212529;color:var(--text);border-color:var(--line)}
:root[data-theme=dark] .sbform input:disabled{background:#343a40;color:#adb5bd}
:root[data-theme=dark] input::placeholder{color:#7d8790}
:root[data-theme=dark] .btn.btn-ghost{background:transparent;color:var(--text)!important;border-color:#6c757d}
:root[data-theme=dark] .btn.btn-ghost:hover{background:var(--amber);border-color:var(--amber);color:#fff!important}
:root[data-theme=dark] .btn:not(.btn-ghost){background:#0a1a5c}
:root[data-theme=dark] .btn:not(.btn-ghost):hover{background:var(--amber)}
:root[data-theme=dark] .btn.danger{background:#b02a37}
:root[data-theme=dark] .tabs a{background:var(--card);border-color:var(--line);color:var(--text)}
:root[data-theme=dark] .st-ok{background:rgba(25,135,84,.25);color:#75b798}
:root[data-theme=dark] .st-pend,:root[data-theme=dark] .st-amber{background:rgba(255,193,7,.18);color:#ffda6a}
:root[data-theme=dark] .st-no{background:rgba(220,53,69,.22);color:#ea868f}
:root[data-theme=dark] .st-off{background:#343a40;color:#adb5bd}
:root[data-theme=dark] .flash{background:#0f2e1d;color:#75b798;border-color:#1c5c3a}
:root[data-theme=dark] .flash.err{background:#2c0b0e;color:#ea868f;border-color:#842029}
:root[data-theme=dark] .aviso,:root[data-theme=dark] .demo{background:#332701;color:#ffe08a;border-color:#664d03}
:root[data-theme=dark] .aviso{border-left-color:#e0a526}
:root[data-theme=dark] .aviso a,:root[data-theme=dark] .demo a{color:#ffd58a}
:root[data-theme=dark] tr.here td{background:#1d2a44}
:root[data-theme=dark] tr.mine td{background:#33290a}
:root[data-theme=dark] tr.sel td{background:#3d3110}
:root[data-theme=dark] .more-box{background:#2b3035;box-shadow:0 10px 30px rgba(0,0,0,.5)}
:root[data-theme=dark] .top .more-box a{color:var(--text)}
:root[data-theme=dark] .top .more-box a:hover,:root[data-theme=dark] .top .more-box a.act{background:#343a40;color:#fff}
:root[data-theme=dark] .modal{background:rgba(0,0,0,.65)}
:root[data-theme=dark] .profile-chart svg{background:linear-gradient(#2b3035,#212529)}
:root[data-theme=dark] .pc-line{stroke:#6ea8fe}
:root[data-theme=dark] .pc-area{fill:rgba(110,168,254,.15)}
:root[data-theme=dark] .map{background:#343a40}
:root[data-theme=dark] .pos{background:#343a40;color:#fff}
:root[data-theme=dark] .pos.p1,:root[data-theme=dark] .pos.p2,:root[data-theme=dark] .pos.p3{color:#1a1a1a}
:root[data-theme=dark] .ag-plane{text-shadow:0 0 3px #000,0 0 3px #000}
:root[data-theme=dark] .leaflet-popup-content-wrapper,:root[data-theme=dark] .leaflet-popup-tip{background:#2b3035;color:var(--text)}
:root[data-theme=dark] .leaflet-container a.leaflet-popup-close-button{color:#adb5bd}
:root[data-theme=dark] .leaflet-bar a{background:#2b3035;color:#dee2e6;border-color:#495057}
:root[data-theme=dark] .leaflet-control-attribution{background:rgba(33,37,41,.8)!important;color:#adb5bd}
:root[data-theme=dark] .lxm-dot{border-color:#dee2e6}
:root[data-theme=dark] .modal-x.dark{color:#dee2e6}
:root[data-theme=dark] .warn{color:var(--warn)}
:root[data-theme=dark] code{background:#343a40}
:root[data-theme=dark] .zcard:hover{color:var(--text)}
:root[data-theme=dark] .tile{color:var(--text)}

/* Manual */
.man-lead{font-size:17px;max-width:820px}
.man-toc ol{columns:2;column-gap:28px;margin:0;padding-left:22px}
.man-toc li{margin:3px 0;break-inside:avoid}
.man section.card{scroll-margin-top:90px}
.man section h3{margin-top:0;font-size:21px}
.man h4{margin:0 0 4px}
.man-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin:10px 0}
.man-two>div{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:12px 14px}
.man-two p{margin:0}
.man-steps li{margin-bottom:8px}
.man details{border-top:1px solid var(--line);padding:10px 0}
.man details summary{cursor:pointer}
.man .aviso{margin:12px 0 0}
.center{text-align:center}
@media (max-width:700px){.man-toc ol{columns:1}}
table.compact th,table.compact td{padding:6px 6px;font-size:13px}
table.compact td.right{white-space:normal}
@media (max-width:1400px){table.compact thead,table.compact tr.rt-head{display:none}table.compact,table.compact tbody,table.compact tr,table.compact td{display:block;width:100%}
  table.compact tr{border:1px solid var(--line);border-radius:6px;margin:0 0 10px;background:var(--card)}
  table.compact td{display:flex;justify-content:space-between;gap:10px;border:0;padding:4px 10px;text-align:right}
  table.compact td[data-label]::before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left}
  table.compact td:first-child{background:var(--soft);display:block;text-align:left}table.compact td:first-child::before{content:none}}

/* Etapa 7d: «Gestionar como» (aviones y FBO de grupos) */
.act-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:8px 12px;margin:0 0 14px}
.act-bar>p{flex-basis:100%}
.act-bar.act-group{border-left:5px solid var(--gold);background:var(--tint)}
:root[data-theme=dark] .act-bar.act-group{border-left-color:var(--gold)}

/* Mejoras 11 · dashboard */
.lx-back{padding:8px 22px;background:var(--card);border-bottom:1px solid var(--line)}
.lx-back a{font-weight:700;text-decoration:none}
.lx-dash{max-width:1040px;margin:0 auto}
.lx-hero.small{padding:14px 20px;gap:14px}.lx-hero.small h1{font-size:24px;margin:0}.lx-hero.small p{margin:2px 0 0}
.lx-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.lx-kpis a.stat{text-decoration:none;color:var(--text);transition:transform .15s ease,border-color .15s ease}.lx-kpis a.stat:hover{transform:translateY(-2px);border-color:var(--amber)}
.lx-steps ol{list-style:none;margin:0;padding:6px 16px 14px}.lx-steps li{padding:8px 0;border-bottom:1px solid var(--line)}.lx-steps li:last-child{border-bottom:0}.lx-steps li.ok b{text-decoration:line-through;opacity:.6}
.lx-acc{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}
.lx-dd{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.lx-dd-h{width:100%;background:none;border:0;padding:16px 18px;font:inherit;font-weight:900;font-size:17px;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}
.lx-dd-h::after{content:"";width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .3s ease}
.lx-dd.open .lx-dd-h::after{transform:rotate(-135deg)}
.lx-dd-h:hover{background:var(--soft)}
.lx-dd-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
.lx-dd.open .lx-dd-b{grid-template-rows:1fr}
.lx-dd-in{overflow:hidden;min-height:0}
.lx-dd.open .lx-dd-in{padding:0 18px 18px}
.lx-dd-in{padding:0 18px;transition:padding .32s ease}
.lx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.lx-go{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text);min-height:60px;transition:border-color .15s ease,background .15s ease}
.lx-go:hover{border-color:var(--amber);background:var(--soft);color:var(--text)}
.lx-go .i{font-size:22px}.lx-go b{display:block}.lx-go small{color:var(--muted);display:block}
.lx-dd-in h4{margin:18px 0 8px}
.lx-missions{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.lx-missions li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:10px;border:1px solid var(--line);border-radius:8px}.lx-missions li.ok{opacity:.6}
.lx-missions small{grid-column:1/-1;color:var(--muted)}.lx-missions form{grid-column:1/-1}
.lx-bar{grid-column:1/-1;height:6px;border-radius:3px;background:var(--line);overflow:hidden}.lx-bar i{display:block;height:100%;background:var(--amber);transition:width .4s ease}
.lx-tabs{display:flex;gap:6px;margin-bottom:12px}.lx-tabs button{background:none;border:1px solid var(--line);border-radius:18px;padding:6px 14px;font:inherit;cursor:pointer;color:var(--text)}.lx-tabs button.on{background:var(--ag);border-color:var(--ag);color:#fff}
.lx-bars{display:block;width:100%;height:200px}.lx-axis{stroke:var(--line);stroke-width:1}.lx-pos{fill:#4a6ae0}.lx-neg{fill:#d11f3a}
:root[data-theme=dark] .lx-pos{fill:#5b8def}:root[data-theme=dark] .lx-neg{fill:#ef5350}
.lx-tabla{margin:6px 0 14px;font-size:13px}.lx-tabla summary{cursor:pointer;color:var(--muted)}
.lx-list{margin:0;padding-left:18px}
.lx-rank{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.lx-rank ol{margin:0;padding-left:20px}
.lx-badges{display:flex;flex-wrap:wrap;gap:6px}.lx-badge{border:1px solid var(--line);border-radius:14px;padding:3px 10px;font-size:13px}.lx-badge.off{opacity:.35}
#lx-tip{position:fixed;background:var(--ag);color:#fff;font-size:12px;padding:3px 8px;border-radius:4px;pointer-events:none;z-index:2000}
.lx-tours{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;padding:12px}.lx-tour{border:1px solid var(--line);border-radius:8px;padding:12px}.lx-tour h4{margin:0 0 8px}.lx-route{line-height:1.8;font-size:14px}.lx-route span.ok{color:var(--amber);font-weight:900}
.lx-apmap{height:280px;border-radius:8px;margin-bottom:6px}
.lx-wx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.lx-wx-c{border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center}.lx-wx-c small{color:var(--muted)}.lx-wx-c span{font-size:12px;color:var(--muted)}
.lx-wx-ring{fill:none;stroke:var(--line);stroke-width:2}.lx-wx-n{fill:var(--muted);font-size:10px}.lx-wx-arrow{fill:var(--amber)}.lx-wx-line{stroke:var(--amber);stroke-width:2}
.lx-move{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.lx-move-a{display:flex;flex-direction:column;font-size:20px}.lx-move-a b{font-size:24px;color:var(--ag)}.lx-move-arrow{font-size:24px;color:var(--amber)}.lx-move-b{flex:1;min-width:220px;margin:0}
:root[data-theme=dark] .lx-move-a b{color:var(--text)}
@media (max-width:700px){.lx-dd-h{padding:18px 16px;font-size:18px}.lx-grid{grid-template-columns:1fr}.lx-kpis{grid-template-columns:1fr 1fr}.lx-kpis .v{font-size:18px}.map,.mmap{height:70vh!important;min-height:400px}.lx-back{padding:10px 14px}}

/* Mi vuelo guiado por pasos */
.fv-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}.fv-head .page-title{margin:0}
.fv-bar{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.fv-bar button{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 10px;border-radius:6px;border:2px solid var(--line);background:var(--soft);color:var(--muted);font:inherit;font-weight:700;cursor:pointer;text-align:left}
.fv-bar button:disabled{opacity:1;cursor:default}
.fv-bar button i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;font-size:14px;color:#fff;background:var(--muted)}
.fv-bar button.ok{background:var(--tint);color:var(--text)}.fv-bar button.ok i{background:var(--ag)}
.fv-bar button.act{background:var(--card);color:var(--text);border-color:var(--amber)}.fv-bar button.act i{background:var(--amber)}
.fv-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.fv-main{flex:999 1 560px;min-width:0}.fv-main .panel{margin-bottom:16px}
.fv-side{flex:1 1 260px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px 18px;position:sticky;top:90px}
.fv-side h3{margin:0 0 8px;font-size:17px;color:var(--ag);font-weight:900}
:root[data-theme=dark] .fv-side h3{color:var(--head)}
.fv-side dl{margin:0 0 10px}.fv-side dl>div{border-bottom:1px solid var(--line);padding:6px 0}.fv-side dt{font-size:13px;color:var(--muted);font-weight:400}.fv-side dd{margin:0;font-weight:700}
.fv-reset{display:block;width:100%;border:2px solid var(--red);border-radius:4px;padding:10px;background:transparent;color:var(--red);font:inherit;font-weight:700;cursor:pointer}.fv-reset:hover{background:var(--red);color:#fff}
.fv-list{display:flex;flex-direction:column;gap:10px}
.fv-opt{display:block;width:100%;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:6px;padding:12px 14px;color:var(--text);font:inherit}
button.fv-opt{cursor:pointer}button.fv-opt:hover{border-color:var(--ag3)}button.fv-opt:disabled{opacity:1;cursor:not-allowed}
.fv-opt.sel{background:var(--tint);border-color:var(--ag)}:root[data-theme=dark] .fv-opt.sel{border-color:var(--link)}.fv-opt.off{background:var(--soft)}
.fv-optt{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.fv-big{font-size:17px;color:var(--ag)}:root[data-theme=dark] .fv-big{color:var(--head)}
.fv-pr{color:var(--amber)}:root[data-theme=dark] .fv-pr{color:#ff8c9a}
.fv-why{color:var(--red);margin:6px 0 0}
.fv-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;align-items:center}.fv-acts form{margin:0}
.fv-more{margin-top:12px}.fv-more summary{cursor:pointer;color:var(--link)}
.fv-h4{margin:18px 0 8px;font-size:16px;color:var(--ag);font-weight:700}:root[data-theme=dark] .fv-h4{color:var(--head)}
.fv-near{display:flex;flex-direction:column}.fv-near>div{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}.fv-near form{margin:0}
.fv-job{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:11px 14px;border:2px solid var(--line);border-radius:6px;cursor:pointer;margin:0;font-weight:400}.fv-job.on{background:var(--tint);border-color:var(--ag)}:root[data-theme=dark] .fv-job.on{border-color:var(--link)}
.fv-job input{width:20px;height:20px;flex:none;margin:0}.fv-jt{flex:1 1 260px;min-width:0}.fv-pay{color:#1e7a3c}:root[data-theme=dark] .fv-pay{color:#75b798}
.fv-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fv-two .small{display:block}
.fv-box{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin-top:10px}
.fv-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.fv-tiles>div{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.fv-tiles span{display:block;font-size:13px;color:var(--muted)}.fv-tiles b{display:block;font-size:20px;color:var(--ag)}:root[data-theme=dark] .fv-tiles b{color:var(--head)}.fv-tiles small{color:var(--muted)}.fv-tiles.sm{max-width:360px;margin-bottom:10px}
.fv-rec{background:var(--ag);color:#fff;border-radius:6px;padding:14px 16px;margin-bottom:10px}.fv-rec span{font-size:14px;color:#e6ebff;display:block}.fv-rec b{font-size:30px;font-weight:900}.fv-rec small{color:#e6ebff}
.fv-t{margin-bottom:10px}.fv-t td{padding:7px 0;white-space:normal;background:none}
.fv-fuel{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fv-fuel input{width:120px;margin:0}.fv-fuel label{margin:0}
.fv-wt{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.fv-barw{height:10px;background:var(--tint);border-radius:5px;margin-top:6px;overflow:hidden}.fv-barw div{height:100%;width:0}
.fv-ok{background:#e6f4ea;border:1px solid #1e7a3c;border-radius:6px;padding:14px 16px;margin-top:14px;color:#14532a;display:flex;flex-direction:column;gap:8px}.fv-ok b{font-size:17px}.fv-ok span{color:#14532a}
:root[data-theme=dark] .fv-ok{background:#16352a;border-color:#2f7d5b;color:#d1f0df}:root[data-theme=dark] .fv-ok span{color:#d1f0df}
.fv-mbox{background:var(--card);padding:22px;max-width:460px}.fv-mbox h3{margin:0 0 8px;color:var(--ag);font-size:21px}:root[data-theme=dark] .fv-mbox h3{color:var(--head)}.fv-mbox ul{margin:0 0 10px;padding-left:22px}
.fv [hidden]{display:none!important}
@media (max-width:720px){.fv-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.fv-bar button{flex-direction:column;gap:2px;font-size:12px;padding:6px 2px;align-items:center;text-align:center;min-height:56px}.fv-side{position:static}}
/* Mejoras 12: fichas de avión y de aeródromo, combustible en kilos */
a.avl{color:inherit;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}a.avl:hover{color:var(--red)}
.lx-avfoto{margin:-14px -14px 4px;position:relative}.lx-avfoto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px 8px 0 0;background:#e9edf5}
.lx-avfoto figcaption{font-size:11px;color:var(--muted);padding:3px 14px 0}.lx-avfoto figcaption a{color:inherit}
.modal.lx-av .modal-x{text-shadow:0 1px 4px rgba(0,0,0,.7)}
.lx-avdatos{width:100%;border-collapse:collapse;margin-bottom:10px}.lx-avdatos th,.lx-avdatos td{padding:5px 6px;border-bottom:1px solid rgba(127,127,127,.18);text-align:left;vertical-align:top}.lx-avdatos th{font-weight:normal;background:none;font-size:14px;color:var(--muted);width:46%}
.lx-apdatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:6px 0}.lx-apdatos>div{background:rgba(127,127,127,.08);border-radius:6px;padding:7px 9px}.lx-apdatos span{display:block;font-size:12px;color:var(--muted)}
.lx-pistas td,.lx-pistas th{white-space:nowrap}.lx-pistas td.small{white-space:normal;min-width:150px}
.kgs{color:var(--muted);font-size:.92em;white-space:nowrap}