/* Fuente Overpass (fallback si no está en el HTML) */
@import url('https://fonts.googleapis.com/css2?family=Overpass:wght@300;400;600;700;800&display=swap');

:root{
  --brand:#2b587d; --brand-2:#6795ba; --ink:#1c1c1c;
  --line:#e5e7eb; --muted:#64748b; --card:#ffffff;
  --sim-msfs:#2462eb; --sim-xp:#004767;
  --type-city:#006645; --type-aero:#943128;
}

#uy-wrap{font-family:'Overpass',system-ui,Segoe UI,Roboto,Arial,sans-serif;max-width:1000px;margin:0 auto;color:var(--ink);}
#uy-map{height:520px;width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--line);position:relative;}
#uy-controls{margin-top:14px;} #uy-cards{margin-top:10px;}
#uy-cards[hidden]{display:none !important;}
.leaflet-container{background:#f4f6f8;}
#uy-map .leaflet-tile{ filter: grayscale(1) brightness(1.05) contrast(1.06); }
#uy-map::after{ content:""; position:absolute; inset:0; background:rgba(28,28,28,0.05); mix-blend-mode:multiply; pointer-events:none; }
.leaflet-marker-icon{ filter: drop-shadow(0 2px 4px rgba(0,0,0,.15)); }

@media (max-width:640px){ #uy-map{height:420px;} }
@media (max-width:420px){ #uy-map{height:360px;} }

/* Tarjetas (260px) */
.uy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
.uy-card{display:flex;flex-direction:column;min-height:380px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 18px rgba(2,6,23,0.08);overflow:hidden;}
.uy-cover-wrap{position:relative;background:#e8eef5;}
.uy-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#e8eef5;}
.uy-body{padding:12px 14px 0 14px;display:flex;flex-direction:column;gap:8px;}
.uy-ttl{margin:0;font-size:17px;line-height:1.25;font-weight:800;color:var(--ink);text-align:left;}
.uy-meta{margin:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--ink);}
.icao-label{opacity:.9}

/* Chips */
.uy-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1.2;padding:3px 9px;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:var(--ink);white-space:nowrap;}
.chip-icao{border-color:var(--brand); color:var(--brand); background:#eef2ff;}
.chip-dept{border-color:#cbd5e1; background:#fff;}
.chip-type-aero{border-color:var(--type-aero); color:var(--type-aero); background:#faecea;}
.chip-type-city{border-color:var(--type-city); color:var(--type-city); background:#e9f6f0;}
.chip-type-otro{border-color:#94a3b8; color:#475569; background:#f1f5f9;}

/* Footer: logo simulador + botón centrados en columna */
.uy-footer{margin-top:auto;padding:12px 14px 14px 14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;}
.sim-logo{height:28px;width:auto;display:block;opacity:.95}

/* Botón */
.uy-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;border:1px solid var(--brand);background:var(--brand);color:#fff;text-decoration:none;font-weight:800;font-size:15px;font-family:'Overpass',sans-serif;box-shadow:0 2px 6px rgba(43,88,125,0.25);transition:background .2s ease,border-color .2s ease,transform .05s ease;}
.uy-btn:hover{background:var(--brand-2);border-color:var(--brand-2);} .uy-btn:active{transform:translateY(1px);}

/* Encabezado de lista */
.uy-depthead{margin:2px 0 10px;color:var(--ink);font-size:14px;}
.uy-depthead strong{color:var(--ink);}

/* Filtros (Simulador) */
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--ink);}
.filters-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.filter-label{font-size:13px;color:var(--ink);margin-right:6px;}
.fchip{appearance:none;border:1px solid #dbe1e8;background:#fff;color:var(--ink);font-size:12px;padding:6px 10px;border-radius:999px;cursor:pointer;}
.fchip[data-sim="MSFS"]{border-color:#2462eb;color:#2462eb;}
.fchip[data-sim="XPLANE"]{border-color:#004767;color:#004767;}
.fchip.active{background:#f8fafc;box-shadow:0 0 0 2px rgba(2,6,23,.04) inset;}

/* Herramientas */
.uy-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 8px;}
.uy-tools .uy-search{flex:1 1 240px;display:flex;align-items:center;gap:8px}
.uy-tools input[type="search"]{width:100%;padding:8px 10px;border:1px solid #dbe1e8;border-radius:10px;background:#fff;font-size:14px;color:var(--ink);font-family:'Overpass',sans-serif;}
.uy-tools .uy-sort{display:flex;align-items:center;gap:6px}
.uy-tools select{padding:8px 10px;border:1px solid #dbe1e8;border-radius:10px;background:#fff;font-size:14px;color:var(--ink);font-family:'Overpass',sans-serif;}
.uy-tools .uy-all{margin-left:auto}
.uy-tools .uy-all button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:var(--ink);cursor:pointer;font-family:'Overpass',sans-serif;font-weight:700;}
.uy-tools .uy-all button:hover{background:#eef2ff;border-color:#a7b7d3}

/* Skeleton */
.skel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;}
.skel-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;overflow:hidden;}
.skel-line{height:12px;background:linear-gradient(90deg,#f2f4f7 25%,#eef2f6 37%,#f2f4f7 63%);background-size:400% 100%;animation:skel 1.4s ease infinite;border-radius:8px;}
.skel-line.lg{height:16px;margin-bottom:8px;}
.skel-line.sm{height:10px;width:70%;margin-top:8px;}
.skel-chip{height:18px;width:90px;border-radius:999px;background:linear-gradient(90deg,#f2f4f7 25%,#eef2f6 37%,#f2f4f7 63%);background-size:400% 100%;animation:skel 1.4s ease infinite;margin:6px 8px 0 0;display:inline-block;}
@keyframes skel{0%{background-position:100% 50%}100%{background-position:0 50%}}

/* Tooltip lindo */
.leaflet-tooltip.uy-tip{
  background: linear-gradient(180deg,#f7fafc 0%, #eef4f9 100%);
  color: var(--ink);
  border: 1px solid rgba(43,88,125,.25);
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(2,6,23,.22);
  padding: 10px 12px;
  font-weight: 600;
}
.leaflet-tooltip.uy-tip .tip-head{display:flex;flex-direction:column;gap:2px;}
.leaflet-tooltip.uy-tip .tip-title{font-size:18px; font-weight:800; letter-spacing:.2px;}
.leaflet-tooltip.uy-tip .tip-sub{font-size:13px; opacity:.8;}
.leaflet-tooltip.uy-tip .tip-counts{display:flex; gap:6px; flex-wrap:wrap; margin-top:8px;}
.leaflet-tooltip.uy-tip .tc{
  display:inline-flex; align-items:center; gap:6px;
  font-size:13px; line-height:1;
  padding:5px 8px; border-radius:999px;
  border:1px solid rgba(0,0,0,.06); background:#fff; color:var(--ink);
}
.leaflet-tooltip.uy-tip .tc svg{width:14px;height:14px;display:block;opacity:.95;}
.leaflet-tooltip.uy-tip .tc-msfs{border-color:var(--sim-msfs); color:var(--sim-msfs);}
.leaflet-tooltip.uy-tip .tc-xp{border-color:var(--sim-xp); color:var(--sim-xp);}
.leaflet-tooltip.uy-tip.leaflet-tooltip-top:before{border-top-color:#f7fafc;}
.leaflet-tooltip.uy-tip.leaflet-tooltip-bottom:before{border-bottom-color:#f7fafc;}
.leaflet-tooltip.uy-tip.leaflet-tooltip-left:before{border-left-color:#f7fafc;}
.leaflet-tooltip.uy-tip.leaflet-tooltip-right:before{border-right-color:#f7fafc;}