/* ativacao-guiada.css – página “Ativação guiada em 3D” (cabeça 3D: css/kopf3d.css) */
/* Abstand zur festen Kopfzeile (76 px) in .ag-hero, damit der Verlauf bis oben reicht (kein dunkler Streifen, GR-21) */
.ag-hero{padding:132px 0 30px;background:radial-gradient(900px 520px at 70% 8%,rgba(123,92,196,.32),transparent 65%),radial-gradient(700px 480px at 15% 60%,rgba(60,120,240,.14),transparent 70%)}
.ag-hero h1{font-size:clamp(32px,5vw,56px);margin:12px 0 14px}
.ag-hero .lead{margin-bottom:0}
.ag-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 18px}
.ag-bar .icon-btn{font-size:20px;cursor:pointer}
.ag-bar .icon-btn:disabled{opacity:.35;cursor:default}
.ag-bar .field{min-width:0}
.ag-today{padding:11px 18px;font-size:12px}
.ag-3d{display:grid;gap:16px;min-width:0}
@media (min-width:1000px){.ag-3d{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.ag-3d .k3d-side{position:sticky;top:96px;max-height:calc(100vh - 110px);overflow:auto;scrollbar-width:thin;padding-right:2px}}
/* Handy/Tablet: die Seitenleiste (Knopf, Info, 22 Punkte) steht über #hoje und wächst erst per JS – Platz vorab reservieren,
   sonst springt beim Aufruf mit #hoje der Inhalt um ≈ 400 px (GR-04). Endhöhen gemessen: 390 px ≈ 620–645, 768 px ≈ 405.
   Sondertage (keine Punkte) und „3D auf Wunsch“ (ativacao-guiada.js offer) geben den Platz frei. */
@media (max-width:999px){.ag-3d .k3d-side{min-height:390px}#ag-k3d.special + .k3d-side,.ag-3d .k3d-side.ag-free{min-height:0}}
@media (max-width:640px){.ag-3d .k3d-side:not(.ag-free){min-height:600px}#ag-k3d.special + .k3d-side{min-height:0}}
.ag-load{margin-top:12px}
.ag-toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ag-toc a{padding:9px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:13px;background:rgba(255,255,255,.03)}
.ag-toc a:hover{color:var(--gold);border-color:var(--gold)}

.ag-sec{padding:60px 0 70px}
.ag-sec.alt{background:linear-gradient(180deg,var(--bg-2),var(--bg))}
.ag-intro{color:var(--muted);font-size:16.5px;max-width:820px}
.ag-text{max-width:860px}
.ag-text>p{color:var(--muted);font-size:16.5px}
.ag-text>p b{color:var(--text)}
.ag-date{display:block;margin-top:6px;min-height:1.3em;font:500 15px/1.3 var(--font);letter-spacing:.02em;color:var(--gold)}   /* Zeile reserviert: Datum kommt per JS */

/* Liste der Punkte */
.ag-steps{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.ag-steps[aria-busy=true]{min-height:240px}
.ag-steps:empty{min-height:100vh}                                  /* vor dem ersten Füllen: nichts darunter im Bild, das verrutschen könnte (GR-04) */
.ag-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 16px;border:1px solid var(--line);border-left:3px solid var(--c);
  border-radius:14px;background:var(--panel)}
.ag-step.main{background:linear-gradient(135deg,rgba(227,191,110,.09),var(--panel) 60%)}
.ag-n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.06);font:700 12px/1 var(--font);color:var(--muted)}   /* Kontrast ≥ 4,5 (GR-25) */
.ag-b p{margin:0}
.ag-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.ag-k{font:700 17px/1.2 var(--font);color:var(--c)}
.ag-step.main .ag-k::after{content:'★';margin-left:3px;font-size:.7em;color:var(--gold)}
.ag-h span:not(.ag-c){font-weight:600}
.ag-c{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums}
.ag-place{margin-top:4px!important;color:var(--gold);font-weight:600;font-size:14.5px}
.ag-s{margin-top:4px!important;color:var(--muted);font-size:13px;line-height:1.5}
.ag-show{white-space:nowrap}
.ag-none{padding:16px;border:1px solid var(--line);border-radius:14px;color:var(--muted)}
.ag-more{margin:22px 0 0}
@media (pointer:coarse){.ag-show{min-height:40px}}

/* Praxis */
.ag-prac{list-style:none;counter-reset:ag;margin:18px 0 0;padding:0;display:grid;gap:14px}
.ag-prac li{counter-increment:ag;position:relative;padding:14px 16px 14px 60px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.ag-prac li::before{content:counter(ag);position:absolute;left:16px;top:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(135deg,#f3d58f,#c99a3e);color:#1a1405;font:700 14px/1 var(--font)}
.ag-prac h3{font:600 16px/1.3 var(--font);margin:0 0 4px;color:var(--text)}
.ag-prac p{margin:0;color:var(--muted);font-size:15px}
.ag-tip{margin:20px 0 0;padding:12px 16px;border-radius:12px;border:1px solid rgba(95,212,240,.35);background:rgba(95,212,240,.06);color:var(--text);font-size:15px}
.ag-note{margin:14px 0 0;color:var(--faint);font-size:13.5px}

/* Originaltext */
.ag-orig .ag-oh{font-size:clamp(24px,3.2vw,34px);margin:.6em 0 .6em}
.ag-orig p{color:var(--muted);font-size:16.5px}
.ag-orig p strong{color:var(--text);font-weight:600}
.ag-orig .ag-oh#ativacao-guiada{margin-top:1.4em;padding-top:1em;border-top:1px solid var(--line)}
.ag-tnote{font-size:13px!important;color:var(--faint)!important;font-style:italic}
.ag-fn a{color:var(--gold);text-decoration:none}

/* Karten */
.ag-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin-top:18px}
.ag-card{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;transition:border-color .2s}
.ag-card b{color:var(--gold);font-size:15px}
.ag-card span{color:var(--muted);font-size:13.5px;line-height:1.5}
.ag-card:hover,.ag-card:focus-visible{border-color:var(--gold)}
.ag-credit{margin:26px 0 0;font-size:12.5px;color:var(--faint)}
.ag-credit a{color:var(--muted)}

@media (max-width:640px){
  .ag-hero{padding:116px 0 20px}
  .ag-sec{padding:44px 0 50px}
  .ag-bar .field{flex:1}
  .ag-step{grid-template-columns:auto minmax(0,1fr);padding:12px 14px}
  .ag-show{grid-column:2;justify-self:start}
  .ag-prac li{padding-left:54px}
}
@media (prefers-reduced-motion:reduce){.ag-card{transition:none}}
@media print{.ag-bar,.ag-3d,.ag-toc,.ag-show,.ag-more{display:none!important}}