:root{color-scheme:dark;--mx-gold:#edc886;--mx-navy:#071427;--mx-line:#655945;--mx-muted:#b2c7d6;--mx-white:#f3efe5;--mx-panel:#11253bdc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--mx-white);background:radial-gradient(ellipse at 75% 0%,#243d58 0,transparent 37%),radial-gradient(ellipse at 8% 27%,#1b2e49 0,transparent 30%),#061323;font:15px/1.57 system-ui,-apple-system,Segoe UI,sans-serif;min-width:300px}body::before{content:'';position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff8 1px,transparent 1.6px);background-size:71px 69px;opacity:.23}.skip{position:absolute;top:-80px;left:16px}.skip:focus{top:16px;z-index:50}.mx-nav{max-width:1470px;margin:auto;min-height:72px;padding:12px clamp(15px,4vw,50px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid #b7a07933}.mx-logo{font-weight:800;letter-spacing:.1em;color:var(--mx-gold);font-size:1.1rem}.mx-nav nav{display:flex;gap:clamp(8px,2vw,24px);flex-wrap:wrap}.mx-nav a,.mx-footer a{color:#ebddb7;text-decoration:none}.mx-nav a:hover,.mx-footer a:hover{text-decoration:underline}.mx-lang-label{display:inline-flex;align-items:center;gap:10px;color:var(--mx-muted)}select,button{font:inherit;color:#f8e9c6;background:#20334a;border:1px solid #a89471;border-radius:9px;padding:9px 12px;cursor:pointer}select{min-width:95px}button:hover{background:#3e536a}button[aria-pressed=true]{color:#111b29;background:var(--mx-gold);font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #fff3bc;outline-offset:3px}.mx-shell{max-width:1470px;padding:0 clamp(14px,3vw,45px) 65px;margin:auto;position:relative}.mx-hero{text-align:center;max-width:850px;margin:35px auto 22px}.mx-kicker,.mx-eyebrow{color:#f1ce8b;letter-spacing:.12em;font-weight:700;text-transform:uppercase;font-size:.8rem}.mx-hero h1{font:normal clamp(2.1rem,4.5vw,4.1rem)/1.1 Georgia,serif;color:#f7dba2;margin:12px auto}.mx-hero p{font-size:1.04rem;color:#d3e3ef}.mx-hero .mx-disclaimer{font-size:.88rem;color:#ebcfa0}.mx-pills{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;margin:28px auto 18px}.mx-pills button{min-width:172px;border-radius:20px}.mx-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.77fr);gap:20px}.mx-visual,.mx-side,.mx-notes{background:linear-gradient(145deg,#0d2036ed,#0e1d30f0);border:1px solid #cda8665e;border-radius:20px;box-shadow:0 16px 36px #0004;min-width:0;overflow:hidden}.mx-canvas{height:clamp(400px,44vw,570px);position:relative;background:radial-gradient(ellipse at 35% 15%,#334f67,#081426 70%);touch-action:pan-y}.mx-canvas canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.mx-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#eed29d;pointer-events:none;text-align:center;padding:30px}.mx-loading[hidden]{display:none}.mx-stage-footer{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;padding:6px 17px;color:#b7c9d4;font-size:.79rem;background:#091528}.mx-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px;border-top:1px solid #76644973}.mx-controls label{color:var(--mx-muted)}.mx-check{display:flex;align-items:center;gap:6px}.mx-check input{accent-color:#d9af69;width:18px;height:18px}#mxTour{background:#957444;color:#fffef6;font-weight:700}#mxStatus{margin:0;padding:2px 17px 18px;color:#d6dfeb;font-size:.89rem}.mx-side{padding:23px;display:flex;flex-direction:column;gap:6px;max-height:760px;overflow:auto}.mx-side h2{font:normal 1.9rem Georgia,serif;color:#f7dfaa;margin:5px 0 9px}.mx-side h3{color:#ecd39f;margin:10px 0 4px}.mx-side p{color:#cad6df;margin:2px 0 11px}.mx-side-divider{border-top:1px solid #a8947144;margin:6px 0}.mx-object-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 14px}.mx-object-buttons button{font-size:.86rem}.mx-side a{margin-top:14px;color:#f6dba2;word-break:break-word}.mx-side #mxSilentNote{font-size:.8rem;color:#b9c2c8}.mx-action-row{display:flex;gap:8px;flex-wrap:wrap}.mx-notes{margin-top:24px;padding:20px 24px}.mx-notes h2{color:#f5d9a2;font:normal 1.8rem Georgia,serif}.mx-notes>p{color:var(--mx-muted)}.mx-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mx-note-grid article{border:1px solid #aa915354;padding:15px;border-radius:12px;background:#10283b}.mx-note-grid h3{color:#f6d5a1;margin:0 0 9px}.mx-note-grid p,.mx-note-grid li{color:#cbd8df}.mx-note-grid a{color:#f2d698}.mx-footer{padding:25px;text-align:center;color:#b9c7d3;border-top:1px solid #ffffff19;background:#071223}.mx-footer p{margin:.6rem 0 0}.mx-canvas.mx-fallback{background:linear-gradient(135deg,#182f49,#091528)}.mx-canvas.mx-fallback .mx-loading{display:flex!important}#mxSource{font-weight:600}@media(max-width:990px){.mx-layout{grid-template-columns:1fr}.mx-side{max-height:none}.mx-note-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.mx-nav{padding:14px;gap:9px}.mx-nav nav{gap:12px;font-size:.87rem}.mx-nav .mx-logo{width:100%}.mx-shell{padding:0 12px 40px}.mx-hero{margin-top:25px}.mx-hero h1{font-size:2rem}.mx-pills button{min-width:0;flex:1 1 125px}.mx-layout{gap:12px}.mx-canvas{height:340px}.mx-controls{gap:6px;padding:12px}.mx-controls button{padding:9px}.mx-controls select{min-width:105px}.mx-side{padding:16px}.mx-note-grid{grid-template-columns:1fr}.mx-notes{padding:18px}.mx-hero p{font-size:.94rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* SONELIORA 10.13.14 · refino visual e controles de expedição */

body{
  background:
    radial-gradient(circle at 20% 18%, rgba(67,111,161,.22), transparent 18%),
    radial-gradient(circle at 82% 14%, rgba(208,165,88,.14), transparent 21%),
    radial-gradient(circle at 70% 82%, rgba(37,89,149,.16), transparent 20%),
    linear-gradient(180deg, #071427 0%, #07101c 42%, #06111f 100%);
}
.mx-hero{
  position:relative;
}
.mx-hero::after{
  content:'';
  position:absolute;
  left:50%; bottom:-12px; transform:translateX(-50%);
  width:min(520px,70vw); height:1px;
  background:linear-gradient(90deg, transparent, rgba(237,200,134,.85), transparent);
  box-shadow:0 0 18px rgba(237,200,134,.35);
}
.mx-visual,.mx-side,.mx-notes{
  background:linear-gradient(160deg, rgba(13,32,54,.94), rgba(10,23,39,.96));
  border:1px solid rgba(237,200,134,.28);
  box-shadow:0 18px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
}
.mx-canvas{
  background:
    radial-gradient(circle at 50% 12%, rgba(245,214,144,.12), transparent 22%),
    radial-gradient(circle at 18% 20%, rgba(86,140,205,.2), transparent 20%),
    radial-gradient(circle at 78% 75%, rgba(61,112,177,.16), transparent 22%),
    linear-gradient(180deg, #162b45 0%, #0c1d2f 36%, #081426 100%);
  isolation:isolate;
}
.mx-canvas::before,
.mx-canvas::after{
  content:'';
  position:absolute; inset:0; pointer-events:none;
}
.mx-canvas::before{
  background:
    radial-gradient(circle at 20% 28%, rgba(255,236,196,.08), transparent 18%),
    radial-gradient(circle at 80% 18%, rgba(126,194,255,.09), transparent 16%),
    radial-gradient(circle at 60% 75%, rgba(236,188,110,.08), transparent 20%);
  mix-blend-mode:screen;
  animation:mxAurora 13s ease-in-out infinite alternate;
  z-index:0;
}
.mx-canvas::after{
  background-image:
    radial-gradient(circle, rgba(255,255,255,.7) 0 1px, transparent 1.2px),
    radial-gradient(circle, rgba(255,236,196,.55) 0 1px, transparent 1.25px),
    linear-gradient(135deg, transparent 46%, rgba(255,233,196,.11) 49%, transparent 51%),
    linear-gradient(315deg, transparent 46%, rgba(157,208,255,.08) 49%, transparent 51%);
  background-size: 84px 84px, 128px 128px, 100% 100%, 100% 100%;
  background-position: 0 0, 22px 35px, 0 0, 0 0;
  opacity:.28;
  animation:mxStars 24s linear infinite;
  z-index:0;
}
.mx-canvas canvas{position:relative; z-index:1;}
.mx-stage-footer{
  border-top:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg, rgba(9,21,40,.95), rgba(7,16,31,.98));
}
#mxSceneProgress{
  color:#f0d59f;
  font-weight:700;
}
.mx-pills button{
  background:linear-gradient(180deg, rgba(32,51,74,.88), rgba(17,33,52,.9));
  border-color:rgba(237,200,134,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.2);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.mx-pills button:hover{transform:translateY(-2px); box-shadow:0 12px 24px rgba(0,0,0,.26);}
.mx-pills button[aria-pressed=true]{
  background:linear-gradient(135deg, #f2d698, #c79c58 58%, #8f6835);
  color:#0f1725;
  box-shadow:0 12px 28px rgba(201,154,76,.28);
}
.mx-controls{
  border-top:1px solid rgba(237,200,134,.16);
  background:linear-gradient(180deg, rgba(11,24,40,.92), rgba(10,22,37,.98));
}
.mx-controls button,
.mx-controls select,
.mx-object-buttons button,
.mx-action-row button{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 14px rgba(0,0,0,.18);
  transition:transform .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.mx-controls button:hover,
.mx-object-buttons button:hover,
.mx-action-row button:hover{transform:translateY(-1px); filter:brightness(1.08);}
.mx-object-buttons button[aria-pressed=true],
.mx-action-row button.is-active{
  background:linear-gradient(135deg, #f0d59f, #d09f5d 56%, #8d6332);
  color:#0f1725;
  border-color:transparent;
}
#mxTour.is-live{
  background:linear-gradient(135deg, #f2d698, #c89849 58%, #8b612c);
  color:#0c1220;
}
#mxPause.is-live{
  border-color:rgba(242,214,152,.55);
  box-shadow:0 0 0 1px rgba(242,214,152,.18) inset, 0 8px 20px rgba(0,0,0,.25);
}
.mx-tour-track{
  height:4px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
#mxTourFill{
  display:block; height:100%; width:0%;
  background:linear-gradient(90deg, #7fd2ff, #f2d698 50%, #8ad7ce);
  box-shadow:0 0 12px rgba(242,214,152,.45);
  transition:width .25s linear, opacity .25s linear;
  opacity:.92;
}
#mxStatus{
  min-height: 2.2em;
  padding-top:10px;
}
.mx-side{
  background:
    radial-gradient(circle at 100% 0, rgba(237,200,134,.09), transparent 30%),
    linear-gradient(160deg, rgba(13,32,54,.95), rgba(10,23,39,.97));
}
.mx-side-divider{border-top:1px solid rgba(237,200,134,.16);}
.mx-notes{
  background:
    radial-gradient(circle at 0 0, rgba(111,166,219,.09), transparent 22%),
    linear-gradient(160deg, rgba(13,32,54,.94), rgba(10,23,39,.96));
}
.mx-note-grid article{
  background:linear-gradient(180deg, rgba(16,40,59,.96), rgba(13,29,44,.95));
  box-shadow:0 10px 22px rgba(0,0,0,.16);
}
@keyframes mxAurora{
  0%{transform:translate3d(-1.5%,0,0) scale(1); opacity:.82;}
  100%{transform:translate3d(1.8%,1%,0) scale(1.05); opacity:1;}
}
@keyframes mxStars{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(-16px,10px,0);}
}
@media(max-width:650px){
  #mxSceneProgress{width:100%;}
}


/* SONELIORA 10.13.16 — UI cinematográfica, transições e legibilidade */
.mx-canvas{overflow:hidden;}
.mx-canvas::before{z-index:0;}
.mx-canvas::after{z-index:0;opacity:.14;}
.mx-scene-intro{position:absolute;z-index:3;inset:0;pointer-events:none;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(115deg,rgba(3,14,31,.98),rgba(11,35,60,.80) 60%,rgba(3,14,31,.95));color:#fff2d3;opacity:0;visibility:hidden;transform:scale(1.025);}
.mx-scene-intro::before{content:'';position:absolute;inset:12%;border:1px solid rgba(244,200,126,.28);border-radius:34px;box-shadow:inset 0 0 40px rgba(40,148,205,.10),0 0 20px rgba(234,194,130,.1);}
.mx-scene-intro .mx-scene-kicker{font-size:clamp(10px,1.1vw,13px);letter-spacing:.35em;color:#9fd8ef;text-transform:uppercase;font-weight:700;}
.mx-scene-intro strong{font:500 clamp(26px,3.2vw,48px)/1.15 Georgia,serif;max-width:90%;text-align:center;text-shadow:0 0 24px rgba(236,199,118,.34);}
.mx-scene-rule{height:2px;width:140px;background:linear-gradient(90deg,transparent,#efcf8c,transparent);box-shadow:0 0 16px rgba(241,208,135,.8);}
.mx-canvas.mx-scene-transition .mx-scene-intro{visibility:visible;animation:mxCinematicWipe 1.5s ease-in-out both;}
.mx-canvas.mx-scene-transition canvas{animation:mxCinematicFocus 1.5s ease-in-out both;}
@keyframes mxCinematicWipe{0%{opacity:0;transform:scale(1.035)}20%{opacity:.82}53%{opacity:.84;transform:scale(1)}85%{opacity:.25}100%{opacity:0;visibility:hidden}}
@keyframes mxCinematicFocus{0%{filter:brightness(.40) saturate(.85) blur(3px)}35%{filter:brightness(.78) saturate(1.12) blur(1px)}100%{filter:none}}
#mxTour[aria-pressed="true"]{box-shadow:0 0 22px rgba(244,197,107,.34),inset 0 1px 0 rgba(255,255,255,.4);}
#mxPause:disabled,#mxTour:disabled{opacity:.45;cursor:not-allowed;}
#mxSceneProgress{white-space:nowrap;}
.mx-canvas canvas{outline:none;}
.mx-canvas canvas:focus-visible{outline:3px solid #ffe6ac;outline-offset:-4px;}
@media(max-width:650px){.mx-scene-intro .mx-scene-kicker{letter-spacing:.2em}.mx-scene-intro::before{inset:7%}}
@media(prefers-reduced-motion:reduce){.mx-scene-transition .mx-scene-intro,.mx-scene-transition canvas{animation:none!important}.mx-scene-intro{visibility:hidden!important}}

/* 2D fallback: real artwork from the site's own assets; no misleading blank 3D stage. */
.mx-fallback-art{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.72) saturate(1.05);}
.mx-canvas.mx-fallback .mx-fallback-art{display:block;}
.mx-canvas.mx-fallback canvas{display:none;}
.mx-canvas.mx-fallback .mx-loading{position:absolute;inset:auto 14px 14px;display:block!important;padding:14px 16px;background:rgba(3,11,23,.87);border:1px solid rgba(246,205,144,.35);border-radius:12px;color:#f9e6be;z-index:3;font-size:.9rem;backdrop-filter:blur(6px);}

/* 10.13.26 · lighting polish, legibility and real 3D canvas hierarchy */
.mx-visual{border-color:rgba(231,195,126,.54);box-shadow:0 24px 66px rgba(0,0,0,.45),0 0 25px rgba(42,134,204,.12),inset 0 1px 0 rgba(255,243,212,.24)}
.mx-canvas{box-shadow:inset 0 0 80px rgba(5,10,25,.4);background:radial-gradient(ellipse at 52% 17%,rgba(156,198,238,.20),transparent 32%),radial-gradient(circle at 84% 85%,rgba(176,110,54,.14),transparent 32%),#09172a}
.mx-hero h1{filter:drop-shadow(0 3px 14px rgba(245,195,123,.25))}
.mx-pills button[aria-pressed=true],#mxTour.is-live{box-shadow:0 0 25px rgba(240,201,130,.3),inset 0 1px 0 rgba(255,255,255,.25)}
.mx-canvas canvas{position:relative;z-index:1;filter:contrast(1.04) saturate(1.07)}
@media(max-width:650px){.mx-canvas{height:clamp(310px,83vw,420px)}.mx-controls button{min-height:43px}}