.seg-pantalla{--seg-panel:420px;--seg-margen:20px;background:var(--fondo);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.seg-lienzo{height:max(calc(var(--alto-ventana) * 56 / 100), min(420px, calc(var(--alto-ventana) * 80 / 100)));background:radial-gradient(120% 90% at 50% 40%, var(--mapa-horizonte) 0%, var(--mapa-espacio) 55%, var(--mapa-cielo) 100%);isolation:isolate;position:relative;overflow:hidden}@media (max-width:640px) and (min-height:600px){.seg-lienzo{height:min(calc(var(--alto-ventana-s) * 56 / 100), 72vw)}}@media (max-width:1023px) and (max-height:500px){.seg-lienzo{height:calc(var(--alto-ventana-s) * 58 / 100)}}.seg-lienzo-cargando:after{content:"";animation:seg-brillo 1.6s var(--ease) infinite;background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%) 0 0/220% 100%;position:absolute;inset:0}@keyframes seg-brillo{0%{background-position:120% 0}to{background-position:-120% 0}}.seg-mapa{opacity:0;width:100%;height:100%;transition:opacity var(--dur-3) var(--ease-fluid);position:absolute;inset:0}.seg-mapa[data-listo]{opacity:1}.seg-mapa .maplibregl-ctrl-attrib{font:var(--t-diminuto);background:color-mix(in srgb, var(--papel) 82%, transparent);border-radius:var(--r-pildora);font-size:11px}.seg-mapa .maplibregl-ctrl-bottom-right{bottom:8px}.seg-avion{--altura:0;pointer-events:none;width:34px;height:34px}.seg-avion[data-fuselaje=ancho]{width:44px;height:44px}.seg-avion svg{width:100%;height:100%;position:absolute;inset:0}.seg-avion-cuerpo svg path{fill:var(--marca);stroke:var(--papel);stroke-width:1.1px;paint-order:stroke;stroke-linejoin:round}.seg-avion-sombra{transform:translate(calc(var(--altura) * 16px), calc(var(--altura) * 16px)) scale(calc(1 - var(--altura) * .15));filter:blur(calc(1px + var(--altura) * 2.5px));opacity:calc(.34 - var(--altura) * .14);transition:transform var(--dur-3) var(--ease-fluid);position:absolute;inset:0}.seg-avion-sombra svg path{fill:var(--mapa-noche)}.seg-avion:before{content:"";border:2px solid var(--marca);opacity:0;border-radius:50%;position:absolute;inset:-14px}.seg-avion:is([data-etapa=despegue],[data-etapa=ascenso],[data-etapa=crucero],[data-etapa=descenso],[data-etapa=aproximacion]):before{animation:seg-onda 2.4s var(--ease-fluid) infinite}@keyframes seg-onda{0%{opacity:.45;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}.seg-aeropuerto{place-items:center;width:14px;height:14px;display:grid}.seg-aeropuerto-punto{background:var(--papel);width:12px;height:12px;box-shadow:0 0 0 3px var(--marca), 0 2px 6px #071a3a40;border-radius:50%}.seg-aeropuerto-destino .seg-aeropuerto-punto{background:var(--marca);box-shadow:0 0 0 3px var(--papel), 0 0 0 4.5px var(--marca), 0 2px 6px #071a3a40}.seg-aeropuerto-rotulo{white-space:nowrap;border-radius:var(--r-pildora);background:color-mix(in srgb, var(--papel) 92%, transparent);font:var(--t-diminuto);color:var(--tinta-2);align-items:baseline;gap:6px;padding:4px 10px;display:inline-flex;position:absolute;top:50%;left:18px;transform:translateY(-50%);box-shadow:0 2px 10px #071a3a1f}.seg-aeropuerto[data-rotulo=izquierda] .seg-aeropuerto-rotulo{left:auto;right:18px}.seg-aeropuerto[data-rotulo=abajo] .seg-aeropuerto-rotulo{top:16px;left:-6px;transform:none}.seg-aeropuerto[data-rotulo=arriba] .seg-aeropuerto-rotulo{top:auto;bottom:16px;left:-6px;transform:none}.seg-aeropuerto-escala .seg-aeropuerto-punto{background:var(--papel);width:9px;height:9px;box-shadow:0 0 0 2px var(--mapa-ruta-pendiente), 0 2px 6px #071a3a33}.seg-aeropuerto-rotulo i{color:var(--tinta-2);border-left:1px solid var(--linea);padding-left:6px;font-style:normal}.seg-aeropuerto-rotulo b{font:600 calc(13px * var(--escala)) / 1 var(--letra-mono);letter-spacing:.04em;color:var(--marca-tinta)}.seg-controles{z-index:2;flex-direction:column;gap:8px;display:flex;position:absolute;top:14px;right:14px}.seg-control{border-radius:var(--r-pildora);border:1px solid color-mix(in srgb, var(--linea-fuerte) 45%, transparent);background:color-mix(in srgb, var(--papel) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:40px;color:var(--tinta);font:var(--t-pequeno-fuerte);cursor:pointer;transition:background-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);align-items:center;gap:8px;padding:0 14px;display:inline-flex;box-shadow:0 4px 16px -6px #071a3a40}.seg-control:hover{background:var(--papel)}.seg-control:active{transform:scale(.97)}.seg-control[aria-pressed=true]{background:var(--marca);color:var(--tinta-inversa);border-color:var(--marca)}.seg-control:focus-visible{outline:2px solid var(--foco);outline-offset:2px}@media (max-width:1023px){.seg-control{justify-content:center;width:40px;padding:0}.seg-control span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.seg-senal{z-index:2;border-radius:var(--r-pildora);background:color-mix(in srgb, var(--papel) 92%, transparent);font:var(--t-diminuto);color:var(--tinta-2);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px -10px #071a3a59}.seg-senal-onda{border:2px solid var(--marca);width:14px;height:10px;animation:seg-latido 1s var(--ease) infinite;border-top:0;border-radius:0 0 14px 14px;position:relative;transform:rotate(180deg)}@keyframes seg-latido{0%,to{opacity:1}50%{opacity:.35}}.seg-panel{z-index:3;margin:12px var(--canal) 32px;animation:seg-entra var(--dur-3) var(--ease-fluid) both;border-radius:24px;flex-direction:column;gap:18px;padding:22px;display:flex;position:relative}.seg-panel>*{flex-shrink:0}@keyframes seg-entra{0%{opacity:0;transform:translateY(12px)}}.seg-cabeza{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.seg-cabeza-texto{gap:6px;min-width:0;display:grid}.seg-indicativo{font:var(--t-diminuto);color:var(--tinta-2);flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.seg-indicativo .codigo{font:600 calc(13px * var(--escala)) / 1 var(--letra-mono);letter-spacing:.06em;color:var(--marca-tinta)}.seg-titulo{font:400 calc(24px * var(--escala)) / 1.15 var(--letra-display);color:var(--tinta);text-wrap:balance;flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.seg-demora{background:var(--aviso-suave);color:var(--aviso);font:var(--t-pequeno-fuerte);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex}.seg-puntas{--avance:0;background:var(--hundido);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 12px;padding:16px;display:grid}.seg-punta{gap:2px;min-width:0;display:grid}.seg-punta-llegada{text-align:right;justify-items:end}.seg-iata{font:600 calc(22px * var(--escala)) / 1 var(--letra-mono);letter-spacing:.04em;color:var(--tinta);align-items:baseline;gap:6px;display:inline-flex}.seg-icao{font:500 calc(11px * var(--escala)) / 1 var(--letra-mono);letter-spacing:.06em;color:var(--tinta-2)}.seg-punta-ciudad{font:var(--t-diminuto);color:var(--tinta-2);text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.seg-punta-hora{font:400 calc(26px * var(--escala)) / 1 var(--letra-display);color:var(--tinta);align-items:baseline;gap:6px;margin-top:6px;display:flex}.seg-punta-hora s{font:var(--t-pequeno);color:var(--tinta-2)}.seg-punta-nota{font:var(--t-diminuto);color:var(--tinta-2)}.seg-puntas .seg-barra{grid-column:1/-1}.seg-avance{font:var(--t-diminuto);color:var(--tinta-2);grid-column:1/-1;justify-content:space-between;gap:8px;display:flex}.seg-avance span:nth-child(2){color:var(--tinta);font-weight:600}@media (max-width:479px){.seg-avance span:nth-child(2){display:none}}.seg-barra{background:color-mix(in srgb, var(--linea-fuerte) 55%, transparent);border-radius:2px;height:4px;margin:10px 8px;position:relative}.seg-barra-relleno{width:calc(var(--avance) * 100%);background:var(--marca);transition:width var(--dur-2) var(--ease);border-radius:2px;position:absolute;inset:0 auto 0 0}.seg-barra-escala{background:var(--papel);width:10px;height:10px;box-shadow:0 0 0 2px var(--mapa-ruta-pendiente);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%}.seg-barra-avion{top:50%;left:calc(var(--avance) * 100%);background:var(--papel);width:26px;height:26px;color:var(--marca);box-shadow:0 0 0 2px var(--marca), 0 2px 8px #071a3a40;transition:left var(--dur-2) var(--ease);border-radius:50%;place-items:center;margin:-13px 0 0 -13px;display:grid;position:absolute}.seg-barra-avion svg{transform:rotate(45deg)}.seg-seccion{gap:10px;display:grid;overflow:hidden}.seg-seccion-titulo{font:var(--t-rotulo);letter-spacing:var(--track-rotulo);text-transform:uppercase;color:var(--tinta-2)}.seg-metricas{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.seg-metricas>div{background:var(--papel);box-shadow:inset 0 0 0 1px var(--linea);border-radius:14px;padding:12px 14px}.seg-metricas dt{font:var(--t-diminuto);color:var(--tinta-2)}.seg-metricas dd{gap:2px;margin:4px 0 0;display:grid}.seg-metrica-valor{font:500 calc(24px * var(--escala)) / 1.1 var(--letra-display);color:var(--tinta);align-items:center;gap:4px;display:inline-flex}.seg-metrica-valor small{font:var(--t-diminuto);color:var(--tinta-2);margin-left:2px}.seg-metrica-valor[data-tendencia=sube] svg,.seg-metrica-valor[data-tendencia=baja] svg{color:var(--marca)}.seg-metrica-alt{font:var(--t-diminuto);color:var(--tinta-2)}.seg-ficha{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}.seg-ficha dt{font:var(--t-diminuto);color:var(--tinta-2)}.seg-ficha dd{font:var(--t-pequeno-fuerte);color:var(--tinta);overflow-wrap:anywhere;margin:2px 0 0}.seg-ficha-nd{color:var(--tinta-2);font-weight:400}.seg-perfil{gap:6px;margin:0;display:grid}.seg-perfil svg{width:100%;height:calc(104px * var(--escala));overflow:visible}.seg-perfil-base{stroke:var(--linea-fuerte);stroke-width:1px}.seg-perfil-guia{stroke:var(--linea);stroke-width:1px;stroke-dasharray:3 4}.seg-perfil-area{fill:color-mix(in srgb, var(--tinta-2) 14%, transparent)}.seg-perfil-velocidad{fill:none;stroke:var(--tinta-2);stroke-width:1.4px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;opacity:.6}.seg-perfil-area.seg-perfil-hecho{fill:color-mix(in srgb, var(--marca) 26%, transparent)}.seg-perfil-velocidad.seg-perfil-hecho{stroke:var(--marca);stroke-dasharray:none;opacity:1}.seg-perfil-ahora{stroke:var(--marca);stroke-width:1.5px;vector-effect:non-scaling-stroke}.seg-perfil-punto{fill:var(--marca);stroke:var(--papel);stroke-width:2px;vector-effect:non-scaling-stroke}.seg-perfil-pie{font:var(--t-diminuto);color:var(--tinta-2);justify-content:space-between;align-items:center;gap:8px;display:flex}.seg-perfil-leyenda{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}@media (max-width:479px){.seg-perfil-pie{flex-wrap:wrap}.seg-perfil-leyenda{order:3;justify-content:center;width:100%}}.seg-perfil-leyenda i{border-radius:2px;width:12px;height:8px}.seg-perfil-leyenda i[data-serie=altitud]{background:color-mix(in srgb, var(--marca) 26%, transparent)}.seg-perfil-leyenda i[data-serie=velocidad]{background:var(--marca);height:2px;margin-left:6px}.seg-demo-iniciar{justify-items:start;gap:6px;display:grid}.seg-demo-nota{font:var(--t-diminuto);color:var(--tinta-2)}.seg-demo{background:var(--aviso-suave,var(--hundido));font:var(--t-diminuto);color:var(--tinta);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.seg-demo-detener{border:1px solid var(--linea-fuerte);border-radius:var(--r-pildora);background:var(--papel);font:var(--t-diminuto);color:var(--tinta);cursor:pointer;transition:border-color var(--dur-1) var(--ease);padding:4px 10px;font-weight:600}.seg-demo-detener:hover{border-color:var(--marca)}.seg-demo-detener:focus-visible{outline:2px solid var(--foco);outline-offset:2px}.seg-brujula{--rumbo:0deg;border:1.5px solid var(--linea-fuerte);border-radius:50%;width:18px;height:18px;position:relative}.seg-brujula:after{content:"";border-left:3px solid #0000;border-right:3px solid #0000;border-bottom:7px solid var(--marca);transform-origin:50% 6.5px;width:0;height:0;transform:rotate(var(--rumbo));transition:transform var(--dur-2) var(--ease);margin-left:-3px;position:absolute;top:2px;left:50%}.seg-hitos{gap:0;margin:0;padding:0;list-style:none;display:grid}.seg-hitos li{color:var(--tinta-2);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;display:grid;position:relative}.seg-hitos li+li:before{content:"";background:var(--linea);width:2px;height:18px;position:absolute;top:-10px;left:12px}.seg-hitos li[data-hecho]+li[data-hecho]:before{background:var(--marca)}.seg-hito-icono{border:1.5px solid var(--linea-fuerte);background:var(--papel);width:26px;height:26px;color:var(--tinta-2);transition:background-color var(--dur-2) var(--ease), color var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease);border-radius:50%;place-items:center;display:grid}.seg-hitos li[data-hecho]{color:var(--tinta)}.seg-hitos li[data-hecho] .seg-hito-icono{border-color:var(--marca);background:var(--marca);color:var(--tinta-inversa)}.seg-hito-nombre{font:var(--t-pequeno)}.seg-hito-hora{font:var(--t-pequeno-fuerte)}.seg-acciones{flex-wrap:wrap;gap:10px;display:flex}.seg-acciones>*{flex:160px;justify-content:center}.seg-fuente{font:var(--t-diminuto);color:var(--tinta-2);align-items:center;gap:6px;display:flex}@media (min-width:1024px){.seg-pantalla{display:block}.seg-lienzo{height:clamp(520px, calc(var(--alto-ventana) - var(--alto-cabecera)), 1080px)}.seg-panel{top:var(--seg-margen);left:var(--seg-margen);width:var(--seg-panel);max-height:calc(100% - var(--seg-margen) * 2);overscroll-behavior:contain;background:color-mix(in srgb, var(--papel) 94%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px -24px #071a3a66, 0 0 0 1px color-mix(in srgb, var(--linea-fuerte) 25%, transparent);margin:0;position:absolute;overflow-y:auto}.seg-senal{left:calc(var(--seg-panel) + var(--seg-margen) * 2 + (100% - var(--seg-panel) - var(--seg-margen) * 2) / 2);bottom:var(--seg-margen)}.seg-controles{top:var(--seg-margen);right:var(--seg-margen)}}.seg-sin-mapa{--avance:0;text-align:center;place-content:center;gap:20px;padding:24px;display:grid;position:absolute;inset:0}.seg-sin-mapa-aviso{font:var(--t-pequeno);color:var(--tinta-2)}.seg-sin-mapa-ruta{font:600 22px/1 var(--letra-mono);color:var(--marca-tinta);grid-template-columns:auto minmax(160px,420px) auto;align-items:center;gap:14px;display:grid}.seg-sin-mapa-linea{background:repeating-linear-gradient(90deg, var(--linea-fuerte) 0 6px, transparent 6px 12px);height:2px;position:relative}.seg-sin-mapa-avion{top:50%;left:calc(var(--avance) * 100%);color:var(--marca);margin:-11px 0 0 -11px;position:absolute}.seg-vacio{padding-block:64px}