/* ============================================================
   POT: SKUPNO/gradniki_vizualno.css
   NAMEN: vizualni portali, 3D zemljevidi in samodejne slike iz GRADNIKI.
   ODVISNOSTI: dashboard.css
   ============================================================ */
.svetovi-odsek{grid-column:1/-1;margin-top:2px}
.svetovi-glava{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}
.svetovi-glava h2{font-size:clamp(1.5rem,3vw,2.25rem);margin:0;letter-spacing:-.035em}
.svetovi-glava p{margin:6px 0 0;color:var(--muted);max-width:720px;line-height:1.55}
.svetovi-mreza{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.svet-portal{position:relative;grid-column:span 4;min-height:310px;border:1px solid var(--line);border-radius:30px;overflow:hidden;
background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.14),transparent 22%),linear-gradient(155deg,rgba(255,255,255,.085),rgba(255,255,255,.025));
box-shadow:var(--shadow);isolation:isolate;transition:transform .25s ease,border-color .25s ease}
.svet-portal:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.28)}
.svet-slika{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;z-index:-3}
.svet-portal::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,15,.04),rgba(5,8,15,.22) 38%,rgba(5,8,15,.94));z-index:-2}
.svet-portal::after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-70px;top:-65px;box-shadow:0 0 0 26px rgba(255,255,255,.025),0 0 0 52px rgba(255,255,255,.014);z-index:-1}
.svet-vsebina{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:24px}
.svet-oznaka{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:rgba(10,13,20,.58);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);font-size:1.2rem;margin-bottom:auto}
.svet-portal h3{font-size:1.45rem;margin:16px 0 7px}
.svet-portal p{color:#c4cada;line-height:1.5;margin:0;font-size:.9rem}
.svet-kraji{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}
.svet-kraj{font-size:.68rem;padding:5px 8px;border-radius:999px;background:rgba(5,8,15,.54);border:1px solid rgba(255,255,255,.1);color:#dbe1ef}
.svet-akcija{margin-top:16px;display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700}
.zemljevid3d{grid-column:1/-1;position:relative;min-height:430px;border-radius:32px;border:1px solid var(--line);overflow:hidden;
background:radial-gradient(circle at 50% 38%,rgba(125,160,255,.13),transparent 28%),linear-gradient(180deg,#0c1220,#080b12 75%);
perspective:1000px;box-shadow:var(--shadow)}
.zemljevid3d-scena{position:absolute;inset:30px;transform-style:preserve-3d;transform:rotateX(61deg) rotateZ(-18deg) translateY(18px);border-radius:50%;
background:radial-gradient(ellipse at center,rgba(255,255,255,.075),rgba(255,255,255,.014) 46%,transparent 69%);
border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 80px rgba(80,120,255,.08)}
.zemljevid3d-scena::before,.zemljevid3d-scena::after{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(255,255,255,.10)}
.zemljevid3d-scena::after{inset:28%}
.tocka-sveta{position:absolute;width:70px;height:70px;border-radius:22px;border:1px solid rgba(255,255,255,.25);background:rgba(18,27,48,.9);
display:grid;place-items:center;transform:translateZ(45px) rotateZ(18deg) rotateX(-61deg);box-shadow:0 22px 32px rgba(0,0,0,.38);cursor:pointer}
.tocka-sveta span{font-size:1.35rem}.tocka-sveta small{position:absolute;top:75px;white-space:nowrap;color:#d9e0ef;font-size:.7rem}
.tocka-1{left:17%;top:44%}.tocka-2{left:47%;top:17%}.tocka-3{left:67%;top:55%}.tocka-4{left:42%;top:63%}
.zemljevid-info{position:absolute;left:26px;bottom:24px;max-width:400px;padding:18px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(7,10,17,.66);backdrop-filter:blur(18px)}
.zemljevid-info h3{margin:0 0 6px}.zemljevid-info p{margin:0;color:var(--muted);line-height:1.5}
.gradnik-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);font-size:.72rem;color:var(--muted)}
@media(max-width:900px){.svet-portal{grid-column:span 6}.zemljevid3d{min-height:380px}}
@media(max-width:650px){.svet-portal{grid-column:1/-1}.svetovi-mreza{grid-template-columns:1fr}.zemljevid3d{min-height:330px}.zemljevid3d-scena{inset:35px 6px}.tocka-sveta{width:54px;height:54px}.zemljevid-info{left:14px;right:14px;bottom:14px}}