
:root{
  --ui-bg:#071827;--ui-panel:#0b2134;--ui-panel2:#0f2a42;--ui-text:#f7fafc;
  --ui-muted:#9eb1c0;--ui-line:rgba(255,255,255,.13);--ui-blue:#5bb2f4;
  --ui-green:#a9c97d;--ui-shadow:0 18px 55px rgba(0,0,0,.34)
}
#hybridCover,#hybridHud,#hybridDock,#hybridShade,#hybridPanel,#hybridLightbox,#hybridCredit,#hybridHint{font-family:Montserrat,Arial,sans-serif;box-sizing:border-box}
#hybridCover *,#hybridHud *,#hybridDock *,#hybridShade *,#hybridPanel *,#hybridLightbox *,#hybridCredit *,#hybridHint *{box-sizing:border-box}

/* cover */
#hybridCover{position:fixed;inset:0;z-index:100000;background:#071726 url('assets/hero.webp') center/cover no-repeat;color:#fff;display:flex;align-items:center;transition:opacity .55s ease,visibility .55s ease}
#hybridCover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,29,.95) 0%,rgba(3,17,29,.84) 34%,rgba(3,17,29,.38) 68%,rgba(3,17,29,.10) 100%),linear-gradient(0deg,rgba(3,17,29,.5),transparent 58%)}
#hybridCover.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.hyb-cover-inner{position:relative;width:min(1220px,calc(100% - 9vw));margin:auto;max-width:1220px}
.hyb-kicker{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8ec8fb;font-weight:800;margin-bottom:17px}
.hyb-title{font-family:Georgia,serif;font-size:clamp(45px,6vw,88px);line-height:.94;max-width:780px;margin:0 0 20px;font-weight:500;text-shadow:0 3px 18px rgba(0,0,0,.28)}
.hyb-big{font-family:Georgia,serif;color:var(--ui-green);font-size:clamp(42px,5vw,74px);line-height:1;margin-bottom:7px}
.hyb-sub{font-size:clamp(15px,1.6vw,21px);letter-spacing:.035em;color:#e3eaf0}
.hyb-benefits{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;margin:27px 0 29px;max-width:900px}
.hyb-benefit{padding:13px 14px;border:1px solid rgba(255,255,255,.16);background:rgba(8,26,42,.45);backdrop-filter:blur(7px);border-radius:12px;font-size:11px;line-height:1.45;color:#c9d5de}
.hyb-benefit b{display:block;color:#fff;font-size:12px;margin-bottom:3px}
.hyb-start{appearance:none;border:1px solid rgba(255,255,255,.32);background:linear-gradient(135deg,#3288cb,#276a9f);color:#fff;border-radius:999px;padding:16px 29px;font:800 14px Montserrat,Arial;letter-spacing:.025em;cursor:pointer;box-shadow:0 13px 37px rgba(0,0,0,.28);transition:.2s}
.hyb-start:hover{transform:translateY(-1px);filter:brightness(1.07)}
.hyb-cover-note{margin-top:13px;color:rgba(255,255,255,.63);font-size:9px;letter-spacing:.06em}

/* permanent custom skin / HUD */
#hybridHud{position:fixed;inset:0;z-index:89000;pointer-events:none;color:#fff;opacity:0;transition:opacity .35s ease}
#hybridHud.ready{opacity:1}
.hyb-brand{position:absolute;top:18px;left:18px;pointer-events:auto;width:min(360px,calc(100vw - 36px));background:linear-gradient(135deg,rgba(5,20,34,.92),rgba(9,35,55,.86));border:1px solid var(--ui-line);border-radius:16px;padding:14px 16px 13px;box-shadow:var(--ui-shadow);backdrop-filter:blur(13px)}
.hyb-brand-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hyb-brand-kicker{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#79baf0;font-weight:800;margin-bottom:4px}
.hyb-brand-title{font-family:Georgia,serif;font-size:20px;line-height:1;color:#fff}
.hyb-brand-area{font-size:20px;font-weight:800;color:var(--ui-green);white-space:nowrap}
.hyb-brand-stats{display:flex;gap:7px;margin-top:11px}.hyb-brand-stat{border-top:1px solid var(--ui-line);padding-top:8px;flex:1}.hyb-brand-stat small{display:block;color:#849baa;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.hyb-brand-stat b{display:block;margin-top:3px;font-size:11px;color:#e8eef3}

.hyb-scenes{position:absolute;top:18px;right:18px;display:flex;gap:6px;pointer-events:auto;background:rgba(5,20,34,.88);border:1px solid var(--ui-line);border-radius:999px;padding:5px;box-shadow:0 10px 32px rgba(0,0,0,.26);backdrop-filter:blur(12px)}
.hyb-scene-btn,.hyb-icon-btn{appearance:none;border:0;background:transparent;color:#c8d6df;border-radius:999px;cursor:pointer;font:800 10px Montserrat,Arial;padding:10px 13px;transition:.18s;white-space:nowrap}
.hyb-scene-btn:hover,.hyb-scene-btn.active,.hyb-icon-btn:hover{color:#fff;background:rgba(91,178,244,.17)}
.hyb-icon-btn{width:38px;height:38px;padding:0;display:grid;place-items:center}.hyb-icon-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}

#sceneBadge{position:absolute;left:18px;bottom:23px;pointer-events:none;background:rgba(5,20,34,.82);border:1px solid var(--ui-line);border-radius:12px;padding:10px 13px;box-shadow:0 8px 27px rgba(0,0,0,.24);backdrop-filter:blur(9px)}
#sceneBadge small{display:block;color:#7fb8e4;font-size:7px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-bottom:3px}
#sceneBadge b{font-size:11px;color:#f4f7f9}

/* dock */
#hybridDock{position:fixed;z-index:90000;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:4px;padding:6px;background:rgba(4,17,29,.89);border:1px solid var(--ui-line);border-radius:16px;box-shadow:0 13px 38px rgba(0,0,0,.36);backdrop-filter:blur(13px);opacity:0;transition:opacity .35s ease}
#hybridDock.ready{opacity:1}
.hyb-dock-btn{border:0;background:transparent;color:#c8d6df;cursor:pointer;padding:8px 12px;border-radius:11px;font:700 9px Montserrat,Arial;min-width:72px;transition:.18s}
.hyb-dock-btn svg{display:block;width:17px;height:17px;margin:0 auto 4px;stroke:currentColor;fill:none;stroke-width:1.7}
.hyb-dock-btn:hover,.hyb-dock-btn.active{background:rgba(91,178,244,.16);color:#fff}

/* panels */
#hybridShade{position:fixed;inset:0;background:rgba(2,9,15,.62);z-index:95000;opacity:0;visibility:hidden;transition:.25s;backdrop-filter:blur(3px)}
#hybridShade.open{opacity:1;visibility:visible}
#hybridPanel{position:fixed;z-index:96000;right:0;top:0;bottom:0;width:min(610px,94vw);background:rgba(7,24,39,.985);color:var(--ui-text);border-left:1px solid var(--ui-line);box-shadow:-18px 0 58px rgba(0,0,0,.42);transform:translateX(102%);transition:transform .32s ease,width .25s;display:flex;flex-direction:column}
#hybridPanel.open{transform:translateX(0)}#hybridPanel.wide{width:min(1120px,96vw)}
.hyb-panel-head{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--ui-line);flex:0 0 auto;background:rgba(7,24,39,.95)}
.hyb-panel-head small{display:block;color:#78b7e9;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:800;margin-bottom:4px}
.hyb-panel-head b{font-size:17px}.hyb-close{border:1px solid var(--ui-line);width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:23px;cursor:pointer}
.hyb-panel-body{overflow:auto;flex:1;padding:24px}.hyb-panel-body h2{font-family:Georgia,serif;font-size:32px;font-weight:500;margin:0 0 8px}.hyb-lead{color:var(--ui-muted);font-size:12px;line-height:1.65;margin-bottom:20px}
.hyb-overview{border:1px solid var(--ui-line);border-radius:14px;background:linear-gradient(135deg,rgba(91,178,244,.08),rgba(169,201,125,.05));padding:17px;margin-bottom:13px}.hyb-overview strong{font-family:Georgia,serif;font-size:34px;color:var(--ui-green);font-weight:500}.hyb-overview span{display:block;color:#a7b7c3;font-size:10px;margin-top:5px;line-height:1.5}
.hyb-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hyb-stat{border:1px solid var(--ui-line);border-radius:12px;background:rgba(255,255,255,.04);padding:15px}.hyb-stat small{color:#8299aa;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.hyb-stat b{display:block;font-size:20px;margin-top:5px}.hyb-stat span{display:block;color:#91a3b1;font-size:9px;margin-top:4px;line-height:1.45}
.hyb-note{border-left:3px solid #4d9bd8;background:rgba(77,155,216,.08);padding:13px 14px;color:#a9bac6;font-size:9px;line-height:1.65;margin-top:16px}
.hyb-map{width:100%;height:calc(100vh - 122px);border:0;border-radius:12px;background:#0a1928}
.hyb-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hyb-gallery button{padding:0;border:0;border-radius:11px;overflow:hidden;background:#000;cursor:pointer;position:relative;aspect-ratio:4/3}.hyb-gallery img{width:100%;height:100%;display:block;object-fit:cover;transition:.25s}.hyb-gallery button:hover img{transform:scale(1.025)}
.hyb-video{margin-bottom:18px;border:1px solid var(--ui-line);border-radius:12px;overflow:hidden;background:#02080e}.hyb-video video{width:100%;display:block;max-height:48vh;background:#000}.hyb-video div{padding:11px 13px;color:#aab8c2;font-size:9px;line-height:1.5}.hyb-video b{color:#fff;font-size:12px;display:block;margin-bottom:2px}

/* lightbox */
#hybridLightbox{position:fixed;z-index:99000;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:4vw}#hybridLightbox.open{display:flex}#hybridLightbox img{max-width:94vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 70px rgba(0,0,0,.5)}
#hybridCredit{position:fixed;z-index:88000;right:18px;bottom:18px;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.42);font-size:6.5px;letter-spacing:.09em;text-transform:uppercase;pointer-events:none;text-shadow:0 1px 5px rgba(0,0,0,.62);opacity:0;transition:opacity .35s}#hybridCredit.ready{opacity:1}#hybridCredit img{height:22px;width:auto;opacity:.72;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}
#hybridHint{position:fixed;z-index:88500;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(5,20,34,.84);border:1px solid var(--ui-line);border-radius:14px;color:#eef5fa;padding:12px 16px;font-size:10px;text-align:center;box-shadow:0 12px 35px rgba(0,0,0,.34);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:.3s;pointer-events:none}#hybridHint.show{opacity:1;visibility:visible}

@media(max-width:760px){
  .hyb-cover-inner{width:calc(100% - 34px)}.hyb-title{font-size:47px}.hyb-big{font-size:45px}.hyb-benefits{grid-template-columns:1fr 1fr;gap:8px}.hyb-benefit{padding:10px;font-size:9px}.hyb-benefit b{font-size:10px}.hyb-start{width:100%;padding:15px}
  .hyb-brand{top:10px;left:10px;width:calc(100vw - 20px);padding:11px 12px}.hyb-brand-title{font-size:16px}.hyb-brand-area{font-size:16px}.hyb-brand-stats{margin-top:8px}.hyb-brand-stat{padding-top:6px}
  .hyb-scenes{top:auto;right:10px;bottom:72px}.hyb-scene-btn{padding:9px 10px;font-size:8px}.hyb-icon-btn{width:34px;height:34px}
  #sceneBadge{display:none}
  #hybridDock{bottom:10px;gap:2px;width:calc(100vw - 20px);justify-content:space-around;border-radius:14px;padding:5px}.hyb-dock-btn{min-width:0;flex:1;padding:7px 5px;font-size:7px}.hyb-dock-btn svg{width:16px;height:16px}
  #hybridCredit{bottom:119px;right:11px}.hyb-panel-body{padding:17px}.hyb-gallery{grid-template-columns:1fr}.hyb-map{height:calc(100vh - 108px)}#hybridPanel.wide{width:100vw}.hyb-panel-head{height:66px;padding:0 16px}
}
@media(max-width:420px){.hyb-benefits{grid-template-columns:1fr 1fr}.hyb-benefit:nth-child(3),.hyb-benefit:nth-child(4){display:none}.hyb-cover-note{display:none}}


/* V9 fallback: garante que contêineres residuais da skin do 3DVista nunca apareçam sobre a skin customizada. */
#Container_7F59BED9_7065_6DCD_41D6_B4AD3EEA9174,
#Container_7F59BED9_7065_6DCD_41D6_B4AD3EEA9174_mobile,
#Container_7DB20382_7065_343F_4186_6E0B0B3AFF36,
#Container_7DB20382_7065_343F_4186_6E0B0B3AFF36_mobile,
#Container_7FF1F5EF_706F_7FC6_41C7_BCBB555D2D3D,
#Container_7FF1F5EF_706F_7FC6_41C7_BCBB555D2D3D_mobile,
#Container_22BB12F4_3075_D173_4184_EC3BC4955417,
#Container_22BB12F4_3075_D173_4184_EC3BC4955417_mobile{display:none!important;visibility:hidden!important;pointer-events:none!important;}
