/* RML Signature Fusion | Contexts 0.3, atmosphere is exploratory, not brand token. */
#app[data-context-visual="rml"]{--ctx-rgb:69,182,245;--ctx-accent:#9ceaff;--ctx-strong:#3cb6f7}
#app[data-context-visual="mt"]{--ctx-rgb:208,163,99;--ctx-accent:#f1d3a2;--ctx-strong:#cda06a}
#app[data-context-visual="pessoal"]{--ctx-rgb:42,113,213;--ctx-accent:#9bcfff;--ctx-strong:#3688ee}
#app[data-context-visual="geral"]{--ctx-rgb:126,205,255;--ctx-accent:#a6e7ff;--ctx-strong:#74c8ed}
.contextual-stage{margin-top:20px;display:grid;gap:19px;animation:ctx-enter .48s ease both}
.contextual-stage[hidden]{display:none}
#app[data-context-visual]:not([data-context-visual="geral"]) .section-row,
#app[data-context-visual]:not([data-context-visual="geral"]) .cards,
#app[data-context-visual]:not([data-context-visual="geral"]) .scene-caption,
#app[data-context-visual]:not([data-context-visual="geral"]) .lower-grid,
#app[data-context-visual]:not([data-context-visual="geral"]) .cinema-divider{display:none}
#app[data-context-visual="mt"] .hero-art .core{filter:sepia(.4) hue-rotate(342deg)}
#app[data-context-visual="pessoal"] .hero-art .core{filter:hue-rotate(-9deg) saturate(1.18)}
.ctx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ctx-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ctx-accent)}
.ctx-title{font-size:clamp(22px,2.4vw,32px);font-weight:750;margin:8px 0 0;color:var(--rml-ink);letter-spacing:-.035em}
.ctx-caption{font-size:12px;color:var(--rml-muted);max-width:350px;line-height:1.5}
.ctx-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.ctx-panel{position:relative;overflow:hidden;padding:23px;border-radius:24px;border:1px solid var(--rml-border);background:var(--rml-glass);box-shadow:0 15px 40px var(--rml-shadow),inset 0 1px rgba(255,255,255,.10);min-width:0}
.ctx-panel::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--ctx-rgb),.7),transparent);pointer-events:none}
.ctx-panel.ctx-feature{background:radial-gradient(ellipse at 83% 10%,rgba(var(--ctx-rgb),.20),transparent 56%),var(--rml-metal)}
.ctx-panel.ctx-focus{border-color:rgba(var(--ctx-rgb),.40)}
.ctx-panel h3{font-size:17px;color:var(--rml-ink);margin:7px 0 8px;font-weight:750}
.ctx-panel p{font-size:13px;color:var(--rml-muted);margin:0;line-height:1.65}
.ctx-panel .ctx-overline{display:block;color:var(--ctx-accent);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}
.ctx-s8{grid-column:span 8}.ctx-s7{grid-column:span 7}.ctx-s6{grid-column:span 6}.ctx-s5{grid-column:span 5}.ctx-s4{grid-column:span 4}.ctx-s3{grid-column:span 3}
.ctx-bignum{font-size:clamp(30px,4vw,53px);color:var(--rml-ink);letter-spacing:-.06em;font-weight:800;margin:9px 0 2px}
.ctx-bignum span{color:var(--ctx-accent)}
.ctx-skeleton{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--rml-border)}
.ctx-skeleton:last-child{border-bottom:0}
.ctx-dot{width:10px;height:10px;border:1.5px solid var(--ctx-accent);border-radius:50%;opacity:.7;flex-shrink:0}
.ctx-line{height:8px;border-radius:8px;background:linear-gradient(90deg,rgba(var(--ctx-rgb),.35),rgba(var(--ctx-rgb),.09))}
.ctx-icon{width:62px;height:62px;display:block;filter:drop-shadow(0 0 12px rgba(var(--ctx-rgb),.27))}
.ctx-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ctx-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--rml-border);background:rgba(var(--ctx-rgb),.08);color:var(--rml-ink);border-radius:999px;font-size:11px;padding:8px 10px}
.ctx-note{font-size:11px;color:var(--rml-muted);margin-top:14px;line-height:1.45}
.ctx-split{display:flex;align-items:center;justify-content:space-between;gap:14px}
.ctx-orbit{width:116px;height:116px;max-width:40%;flex-shrink:0}
.ctx-branch{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.ctx-branch>div{padding:12px 9px;border-radius:12px;background:rgba(var(--ctx-rgb),.10);border:1px solid var(--rml-border);color:var(--rml-ink);font-size:11px;text-align:center}
.ctx-stacked{display:grid;gap:11px;margin-top:16px}
.ctx-stacked>div{padding:12px;border-radius:12px;background:rgba(var(--ctx-rgb),.085);border-left:2px solid var(--ctx-strong);font-size:12px;color:var(--rml-ink)}
.ctx-bloom{position:absolute;width:195px;height:195px;border:1px solid rgba(var(--ctx-rgb),.2);border-radius:50%;right:-80px;bottom:-90px;box-shadow:0 0 42px rgba(var(--ctx-rgb),.08),inset 0 0 44px rgba(var(--ctx-rgb),.09);pointer-events:none}
.ctx-action{margin-top:18px;display:inline-flex;align-items:center;gap:8px;border-radius:12px;border:1px solid rgba(var(--ctx-rgb),.5);background:rgba(var(--ctx-rgb),.12);color:var(--rml-ink);padding:11px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}
.ctx-action:hover{transform:translateY(-2px);background:rgba(var(--ctx-rgb),.22)}
.ctx-action:focus-visible{outline:3px solid var(--rml-focus);outline-offset:3px}
.ctx-notice{border:1px solid rgba(var(--ctx-rgb),.26);background:rgba(var(--ctx-rgb),.08);border-radius:14px;padding:12px 15px;color:var(--rml-muted);font-size:12px;line-height:1.6}
@keyframes ctx-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){.ctx-s8,.ctx-s7,.ctx-s6,.ctx-s5,.ctx-s4,.ctx-s3{grid-column:span 6}}
@media(max-width:600px){.ctx-grid{grid-template-columns:1fr}.ctx-s8,.ctx-s7,.ctx-s6,.ctx-s5,.ctx-s4,.ctx-s3{grid-column:1}.ctx-panel{padding:18px}.ctx-orbit{width:85px;height:85px}.ctx-branch{grid-template-columns:1fr}.ctx-title{font-size:25px}}
@media(prefers-reduced-motion:reduce){.contextual-stage{animation:none}.ctx-action{transition:none}.ctx-action:hover{transform:none}}

/* V0.4 Deep Blue Signature: personal identity, without modifying RML brand tokens. */
#app[data-context-visual="pessoal"] .hero{
 background:radial-gradient(ellipse at 80% 50%,rgba(39,115,221,calc(.25 * var(--rml-glow))),transparent 55%),linear-gradient(115deg,rgba(15,43,88,.72),rgba(7,21,47,.54)),var(--rml-metal);
}
#app[data-context-visual="pessoal"] .ctx-panel.ctx-feature{
 background:radial-gradient(ellipse at 85% 8%,rgba(55,132,246,.25),transparent 58%),linear-gradient(135deg,rgba(18,48,92,.94),rgba(10,27,57,.95));
}
#app[data-rml-theme="light"][data-context-visual="pessoal"] .ctx-panel.ctx-feature{
 background:radial-gradient(ellipse at 85% 8%,rgba(62,134,220,.17),transparent 58%),linear-gradient(135deg,#fff,#dceafa);
}
#app[data-rml-theme="light"][data-context-visual="pessoal"]{--ctx-rgb:25,91,172;--ctx-accent:#11599d;--ctx-strong:#1765ba}
#app[data-rml-theme="light"][data-context-visual="mt"]{--ctx-rgb:136,91,43;--ctx-accent:#845018;--ctx-strong:#9d672d}
#app[data-rml-theme="light"][data-context-visual="rml"]{--ctx-rgb:23,102,168;--ctx-accent:#0f609e;--ctx-strong:#126fab}
#app[data-rml-theme="light"][data-context-visual="geral"]{--ctx-rgb:22,101,166;--ctx-accent:#125c9a;--ctx-strong:#1977b5}
/* Honor cinematic toggle and reduced motion for contextual transitions as well. */
#app[data-rml-cinema="off"] .contextual-stage{animation:none}
@media(prefers-reduced-motion:reduce){.contextual-stage,.ctx-action{animation:none!important;transition:none!important}}