:root{--bg:#070b14;--bg2:#0b1220;--text:#eaf0ff;--muted:#9fb0cf;--brand:#ff3b30;--brand2:#2dd4bf;--line:rgba(255,255,255,.10);--card:rgba(255,255,255,.04);--radius:18px;--max:1180px}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);
background:radial-gradient(1200px 600px at 20% 10%, rgba(255,59,48,.18), transparent 60%),
radial-gradient(900px 500px at 90% 20%, rgba(45,212,191,.14), transparent 55%),
linear-gradient(180deg,var(--bg),var(--bg2) 40%,var(--bg))}
a{color:inherit;text-decoration:none}
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:rgba(7,11,20,.55);border-bottom:1px solid var(--line)}
.container{max-width:var(--max);margin:0 auto;padding:0 18px}

/* ===== Seguimientos de Vehículos (Navieras) ===== */
.shipTrackWrap .shipTabs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 14px}
.shipTab{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-weight:800}
.shipTab.active{background:rgba(255,255,255,.14)}
.shipPanel{padding:14px}
.shipBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 12px}
.shipTitle{display:flex;flex-direction:column;gap:2px}
.shipUrl{opacity:.8;font-size:.9rem}
.shipFrameBox{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.12)}
.shipFrame{width:100%;height:760px;border:0;display:block;background:rgba(0,0,0,.12)}
.shipFallback{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:18px;background:rgba(0,0,0,.65)}
.shipFallback h3{margin:0 0 8px}
.shipFallback p{margin:0 0 12px;opacity:.9;max-width:560px}
@media(max-width:720px){.shipFrame{height:860px}}