#satelit-catalunya { overflow:hidden; scroll-margin-top:110px; }
#satelit-catalunya .sat-view { position:relative; background:#0a2435; border-radius:18px; overflow:hidden; margin-top:20px; }
#satelit-catalunya .sat-map { position:relative; max-width:900px; margin:auto; }
#satelit-catalunya .sat-image { display:block; width:100%; height:auto; }
#satelit-catalunya .sat-marker { position:absolute; width:8px; height:8px; border:2px solid #fff; background:#ef5454; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 1px #122d3b; }
#satelit-catalunya .sat-marker span { position:absolute; top:10px; left:8px; white-space:nowrap; font-size:11px; font-weight:700; padding:2px 5px; color:white; background:#123042d9; border-radius:4px; }
#satelit-catalunya .sat-empty { min-height:230px; display:grid; place-items:center; padding:35px; text-align:center; color:#c7dce7; }
#satelit-catalunya .sat-stamp { position:absolute; top:12px; left:12px; right:12px; display:flex; flex-wrap:wrap; gap:8px; pointer-events:none; }
#satelit-catalunya .sat-stamp>* { padding:6px 10px; border-radius:7px; color:#fff; background:#082332df; font-size:13px; font-weight:700; }
#satelit-catalunya .sat-age:empty { display:none; }
#satelit-catalunya .sat-controls { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:16px 0 12px; }
#satelit-catalunya button,#satelit-catalunya select { font:inherit; font-size:13px; border:1px solid var(--line,#dbe6ee); border-radius:10px; padding:9px 13px; color:var(--ink,#153549); background:var(--surface,#fff); cursor:pointer; }
#satelit-catalunya .sat-play { background:var(--blue,#0877b8); color:white; border-color:transparent; font-weight:700; min-width:110px; }
#satelit-catalunya button:disabled { opacity:.45; cursor:default; }
#satelit-catalunya button:focus-visible,#satelit-catalunya select:focus-visible,#satelit-catalunya input:focus-visible { outline:3px solid var(--cyan,#32b7d3); outline-offset:2px; }
#satelit-catalunya .sat-speed-label { font-size:12px; color:var(--muted,#647b8b); display:flex; align-items:center; gap:6px; }
#satelit-catalunya .sat-timeline-label { display:block; color:var(--muted,#647b8b); font-size:12px; }
#satelit-catalunya .sat-timeline { width:100%; display:block; margin:8px 0; accent-color:var(--blue,#0877b8); }
#satelit-catalunya .sat-caption { display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; font-size:12px; color:var(--muted,#647b8b); }
#satelit-catalunya .sat-notice { margin:12px 0 0; font-size:13px; color:var(--muted,#647b8b); }
#satelit-catalunya .sat-credit { margin:12px 0 0; font-size:11px; color:var(--muted,#647b8b); }
#satelit-catalunya [hidden] { display:none!important; }
@media(max-width:540px) { #satelit-catalunya .sat-stamp>* { font-size:11px; padding:5px 7px; } #satelit-catalunya .sat-controls { gap:6px; } #satelit-catalunya button { padding:9px 10px; } #satelit-catalunya .sat-speed-label { order:5; } }

/* v1.0.1: el mòbil conserva el flux vertical i els overlays originals. */
#satelit-catalunya .sat-info { display:none; }
@media (min-width:992px) {
    #satelit-catalunya .sat-layout { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,.95fr); gap:24px; align-items:start; margin-top:20px; }
    #satelit-catalunya .sat-view { margin-top:0; width:100%; max-width:580px; justify-self:center; }
    #satelit-catalunya .sat-map { max-width:580px; }
    #satelit-catalunya .sat-sidebar { min-width:0; padding:22px; border:1px solid var(--line,#dbe6ee); border-radius:18px; background:linear-gradient(145deg,#f4faff,var(--surface,#fff)); }
    #satelit-catalunya .sat-info { display:block; }
    #satelit-catalunya .sat-info-kicker { color:var(--blue,#0877b8); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
    #satelit-catalunya .sat-summary { font-size:17px; line-height:1.4; font-weight:700; color:var(--ink,#153549); margin:8px 0 18px; }
    #satelit-catalunya .sat-details { margin:0; display:grid; gap:12px; }
    #satelit-catalunya .sat-details dt { font-size:11px; color:var(--muted,#647b8b); font-weight:500; margin:0 0 3px; }
    #satelit-catalunya .sat-details dd { font-size:13px; color:var(--ink,#153549); font-weight:700; margin:0; overflow-wrap:anywhere; }
    #satelit-catalunya .sat-controls { margin:20px 0 16px; padding-top:18px; border-top:1px solid var(--line,#dbe6ee); }
    #satelit-catalunya .sat-speed-label { order:4; }
    #satelit-catalunya .sat-latest { order:5; }
    #satelit-catalunya .sat-caption { display:grid; gap:6px; margin-top:10px; }
    #satelit-catalunya .sat-count { font-weight:700; color:var(--blue,#0877b8); }
    #satelit-catalunya .sat-notice:empty { display:none; }
    #satelit-catalunya .sat-credit { padding-top:14px; border-top:1px solid var(--line,#dbe6ee); line-height:1.6; }
}

/* v1.0.2 — reforç de maquetació: imatge continguda i controls a la dreta. */
@media (min-width:992px) {
 #satelit-catalunya .sat-layout { display:grid; grid-template-columns:minmax(0, 520px) minmax(310px, 1fr); gap:clamp(18px,2.5vw,30px); align-items:start; margin-top:0; }
 #satelit-catalunya .sat-view { width:100%; max-width:520px; margin:0; justify-self:start; }
 #satelit-catalunya .sat-map { max-width:520px; }
 #satelit-catalunya .sat-sidebar { width:100%; min-width:0; }
 #satelit-catalunya .sat-info { display:block; }
}
@media (min-width:992px) and (max-width:1120px) {
 #satelit-catalunya .sat-layout { grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr); gap:16px; }
}