/* Signature Fusion Cinematic Layer V0.2 — exploratory, no remote assets. */
.rml-root{--cinema-opacity:1;--scene-accent:90,194,255;background:radial-gradient(ellipse at 92% 4%,rgba(var(--scene-accent),.16),transparent 32%),radial-gradient(ellipse at 8% 88%,rgba(65,72,148,.12),transparent 39%),var(--rml-bg)}
.rml-root[data-rml-cinema="off"]{--cinema-opacity:0}
.rml-root[data-context-visual="mt"]{--scene-accent:201,162,109}
.rml-root[data-context-visual="pessoal"]{--scene-accent:42,113,213}
.rml-root[data-context-visual="rml"]{--scene-accent:90,194,255}
.ambient{background:radial-gradient(ellipse at 36% 8%,rgba(var(--scene-accent),calc(.1 * var(--rml-glow))),transparent 35%),radial-gradient(ellipse at 88% 70%,rgba(125,103,243,.09),transparent 41%)}
.cinema-grain,.light-beam{position:absolute;pointer-events:none;inset:0;z-index:-1;opacity:var(--cinema-opacity)}
.cinema-grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.73' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");opacity:calc(var(--cinema-opacity) * .10);mix-blend-mode:soft-light}
.light-beam{background:linear-gradient(118deg,transparent 39%,rgba(155,216,255,.035) 47%,transparent 55%);transform:translateX(-25%);animation:scene-beam 20s ease-in-out infinite alternate}
@keyframes scene-beam{to{transform:translateX(22%)}}
.rail{border-color:rgba(var(--scene-accent),.3);box-shadow:0 24px 65px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.14)}
.rail:after{content:'';position:absolute;pointer-events:none;inset:0;border-radius:inherit;border:1px solid rgba(var(--scene-accent),calc(.25 * var(--rml-glow)));box-shadow:inset 0 0 calc(28px * var(--rml-glow)) rgba(var(--scene-accent),.065)}
.hero{min-height:340px;border-color:rgba(var(--scene-accent),.45);background:radial-gradient(circle at 78% 50%,rgba(var(--scene-accent),calc(.22 * var(--rml-glow))),transparent 52%),linear-gradient(115deg,rgba(59,95,131,.35),transparent 30%),var(--rml-metal);box-shadow:0 30px 75px rgba(0,0,0,.24),0 0 calc(35px * var(--rml-glow)) rgba(var(--scene-accent),.08),inset 0 1px rgba(245,251,255,.24)}
.hero:after{content:'';position:absolute;inset:auto -20% -70% 25%;height:110%;background:radial-gradient(ellipse,rgba(var(--scene-accent),.13),transparent 62%);pointer-events:none;opacity:var(--cinema-opacity)}
.hero-specular{position:absolute;top:0;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,rgba(210,242,255,.6) 45%,transparent 90%);opacity:var(--cinema-opacity)}
.hero h2{font-size:clamp(38px,4.8vw,70px);text-wrap:balance}
.hero h2 em{background:linear-gradient(90deg,var(--rml-accent),#bbaffb 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art{width:275px;height:275px;flex-basis:275px;transform-style:preserve-3d}
.aura{position:absolute;inset:-4%;border-radius:50%;pointer-events:none;opacity:var(--cinema-opacity);background:radial-gradient(circle,transparent 42%,rgba(var(--scene-accent),.12) 62%,transparent 72%)}
.aura-outer{animation:orb-breath 6s ease-in-out infinite alternate}.aura-inner{inset:17%;filter:blur(13px);background:rgba(var(--scene-accent),.1);animation:orb-breath 4.5s ease-in-out infinite alternate-reverse}
@keyframes orb-breath{to{transform:scale(1.13);opacity:.45}}
.hero-art .o1{animation:orb-turn 22s linear infinite}.hero-art .o2{animation:orb-turn-rev 29s linear infinite}
@keyframes orb-turn{to{transform:rotate(337deg) scaleY(.62)}}@keyframes orb-turn-rev{to{transform:rotate(-322deg) scaleY(1.28)}}
.core{border-radius:32px;box-shadow:0 0 calc(55px * var(--rml-glow)) rgba(var(--scene-accent),.38),inset 0 0 24px rgba(175,235,255,.16),0 18px 45px rgba(0,0,0,.3);animation:core-float 5.5s ease-in-out infinite alternate}
@keyframes core-float{to{transform:translateY(-9px)}}
.orbit-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#f4fbff;box-shadow:0 0 10px 4px rgba(139,231,255,.6);opacity:var(--cinema-opacity)}.sp1{left:17%;top:33%}.sp2{right:16%;bottom:30%}
.cinema-divider{height:22px;display:flex;align-items:center;justify-content:center}.cinema-divider span{width:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--scene-accent),.5),transparent)}
.dash-card{overflow:hidden;box-shadow:0 18px 35px var(--rml-shadow),inset 0 1px rgba(255,255,255,.14);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
.dash-card:before{z-index:0;background:linear-gradient(145deg,rgba(255,255,255,.11),transparent 36%)}
.dash-card:after{content:'';pointer-events:none;position:absolute;top:-35%;right:-80%;width:120%;height:110%;transform:rotate(27deg);background:linear-gradient(90deg,transparent,rgba(199,237,255,.10),transparent);transition:right .6s ease;opacity:var(--cinema-opacity)}
.dash-card:hover:after,.dash-card:focus-visible:after{right:80%}
.dash-card:hover{transform:translateY(-5px)}
.dash-card.active{box-shadow:0 23px 54px var(--rml-shadow),inset 0 1px rgba(255,255,255,.17),0 0 calc(34px * var(--rml-glow)) rgba(var(--scene-accent),.18)}
.dash-card .card-top,.dash-card strong,.dash-card p,.dash-card .card-foot{position:relative;z-index:1}
.scene-caption{margin:16px 0 0;display:flex;align-items:center;gap:10px;color:var(--rml-muted);font-size:10px;letter-spacing:.11em;font-weight:700;flex-wrap:wrap}.scene-caption>span:last-child{margin-left:auto;opacity:.7}.scene-led{width:6px;height:6px;background:var(--rml-accent);border-radius:50%;box-shadow:0 0 8px rgba(var(--scene-accent),.65)}
.lower-grid>.rml-surface{box-shadow:0 16px 45px var(--rml-shadow),inset 0 1px rgba(255,255,255,.12)}
[data-rml-cinema="off"] .aura,[data-rml-cinema="off"] .hero-specular,[data-rml-cinema="off"] .orbit-spark{display:none}
[data-rml-cinema="off"] .core,[data-rml-cinema="off"] .hero-art .orbit{animation:none}
[data-rml-theme="light"] .hero h2 em{background:linear-gradient(90deg,#145f9e,#62519f);-webkit-background-clip:text;background-clip:text;color:transparent}
[data-rml-theme="light"] .hero{background:radial-gradient(circle at 78% 50%,rgba(57,139,221,calc(.13 * var(--rml-glow))),transparent 52%),var(--rml-metal)}
@media(max-width:1110px){.hero-art{flex-basis:205px;width:205px;height:205px}}
@media(max-width:740px){.hero-art{right:-45px;top:60px}.hero{min-height:340px}.scene-caption>span:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){.rml-root .light-beam,.rml-root .aura,.rml-root .hero-art .orbit,.rml-root .core{animation:none!important}.dash-card:hover{transform:none!important}}

/* V0.4 cinematic toggle disables all cinema-only animations, not only orbits. */
[data-rml-cinema="off"] .light-beam,[data-rml-cinema="off"] .aura,[data-rml-cinema="off"] .core{animation:none!important}
[data-rml-cinema="off"] .light-beam{opacity:0}
@media(prefers-reduced-motion:reduce){.rml-root .light-beam,.rml-root .aura,.rml-root .hero-art .orbit,.rml-root .core,.rml-root .dash-card::after{animation:none!important;transition:none!important}}