/* HHH5Baia overlay — logo-derived wine / lime. Loaded AFTER l12.css. */
:root{
  --bg:#14020C;--bg2:#1E0614;--elev:#2E0A1C;--line:#8A2048;
  --gold:#FFD024;--gold-hi:#FFE66A;--gold-deep:#C87800;
  --purple:#FF4A8A;--violet:#C01850;--magenta:#FF4A8A;
  --ivory:#FFF4EC;--muted:#D4A8B8;--dim:#8A5468;
  --ok:#2CF060;--hot:#FF4A8A;--novo:#FFD024;
  --l12-header:64px;--l12-salas:52px;
  --cta:#2CF060;--cta-ink:#06140A;
  --radius:18px;
}
body{
  background:
    radial-gradient(1200px 600px at 20% -10%,rgba(44,240,96,.12),transparent 55%),
    radial-gradient(900px 500px at 100% 0,rgba(192,24,80,.32),transparent 50%),
    var(--bg);
  color:var(--ivory);
}
.l12-head{background:rgba(20,2,12,.96);border-bottom-color:var(--line)}
.l12-seek input{background:#2A0A18;color:var(--ivory)}
.l12-salas{background:#1A0610;border-bottom-color:var(--line)}
.l12-sala.is-on,.l12-sala[aria-pressed="true"]{
  background:linear-gradient(180deg,#4A1028,#C01850);
  border-color:var(--gold);
  color:var(--gold-hi);
  box-shadow:0 0 14px rgba(44,240,96,.35);
}
.l12-stick{background:rgba(20,2,12,.96)}
.l12-drawer-pan{background:#1A0610}
.l12-fold-cta,.l12-hcta,.l12-m-cta,.l12-stick a{
  background:var(--cta);color:var(--cta-ink);
  box-shadow:0 0 22px rgba(44,240,96,.55);
  font-weight:800;
}
.l12-fold-cta{min-width:240px;min-height:64px;font-size:22px}
.l12-m-cta{min-height:56px;font-size:18px;font-weight:700}
@media (min-width:801px){
  .l12-vitrine-g{background:linear-gradient(180deg,rgba(20,2,12,.28) 0%,rgba(20,2,12,.16) 40%,rgba(20,2,12,.78) 100%)}
  .l12-plate{background:rgba(20,2,12,.78);border-color:rgba(44,240,96,.4)}
  .l12-plate img{width:180px;height:180px;min-width:180px;min-height:180px;object-fit:contain}
  .l12-mid-prev,.l12-mid-next{background:rgba(20,2,12,.6);border-color:rgba(255,208,36,.4)}
  .l12-orb-ring{
    background:radial-gradient(circle at 40% 35%,#FFE66A,#8A1838 72%);
    border-color:var(--gold);
  }
  .l12-crow{background:#2A0A18}
}
.l12-cmp img,.l12-hubitem img{background:#1A0610}
footer.l12-foot{background:#100208}
.l12-page .l12-marca-hhh5baia, .l12-marca-hhh5baia{
  width:72px;height:72px;object-fit:contain;background:#1A0610;border-radius:10px;flex:0 0 72px;
}
.l12-page img.l12-marca-hhh5baia{width:180px;height:180px;min-width:160px;border-radius:16px;margin:8px 0;flex:0 0 auto}
.l12-typo{background:#2E0A1C;border-color:var(--gold);color:var(--gold)}
.l12-brand img{height:60px;width:60px;min-width:56px;min-height:56px;object-fit:contain;flex:0 0 60px}