/* OFC-HOME-052 — Catálogo por área, três colunas, artes quadradas sem margens laterais.
   Override carregado após app.css, oficina-module-icons-ui040.css e jukebox-ui042.css.
   Nenhuma regra altera módulos internos, scripts ou biblioteca local. */
#home-view .ofc-home-group{
  --group-accent:#8499b2;
  width:100%;
  min-width:0;
  margin:0 0 clamp(24px,3vw,38px);
}
#home-view .ofc-group-moonlight{--group-accent:#58c7bb}
#home-view .ofc-group-bar{--group-accent:#e29959}
#home-view .ofc-group-userscripts{--group-accent:#dc6b78}
#home-view .ofc-home-group-head{
  display:flex;align-items:center;gap:clamp(9px,1.3vw,15px);
  padding:0 0 12px;
  margin:0 0 clamp(12px,1.6vw,18px);
  border-bottom:1px solid color-mix(in srgb,var(--group-accent) 46%,#302430);
}
#home-view .ofc-home-group-index{
  display:grid;place-items:center;flex:none;
  width:42px;height:42px;border-radius:12px;
  color:var(--group-accent);background:#161219;
  border:1px solid color-mix(in srgb,var(--group-accent) 58%,#2b1b29);
  font-weight:900;font-size:.9rem;letter-spacing:.03em;
}
#home-view .ofc-home-group-head>div{flex:1;min-width:0}
#home-view .ofc-home-group-kicker{
  margin:0 0 2px;color:var(--group-accent);
  letter-spacing:.13em;font-size:.67rem;font-weight:800;
}
#home-view .ofc-home-group-head h2{
  font-size:clamp(1.1rem,1.55vw,1.45rem);
  line-height:1.18;letter-spacing:.01em;margin:0;color:#fff2f2;
}
#home-view .ofc-home-group-count{
  flex:none;color:#c4b9bc;border:1px solid #473640;
  border-radius:99px;font-size:.69rem;font-weight:700;
  padding:5px 9px;background:#1b141b;
}
#home-view .ofc-home-group-description{
  margin:-5px 0 13px;color:#beb0b8;font-size:.82rem;
}
#home-view .ofc-home-group .module-grid{
  display:grid!important;
  width:100%;max-width:none!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch;gap:clamp(12px,1.6vw,22px)!important;
}
#home-view .ofc-home-group .module-card{
  --card-edge:#685b6d;--card-glow:#8e7088;
  display:flex;flex-direction:column;
  box-sizing:border-box;min-width:0;width:100%;
  padding:0!important;margin:0!important;
  border:2px solid var(--card-edge)!important;
  border-radius:14px!important;overflow:hidden;
  background:linear-gradient(165deg,#21161e,#140e14)!important;
  color:#f4eaf0;
  box-shadow:0 8px 26px #05030876,0 0 0 1px #ffffff0a inset;
  transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease;
}
#home-view .ofc-home-group button.module-card:not(:disabled):hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px #0009,0 0 17px -7px var(--card-glow);
}
#home-view .ofc-home-group button.module-card:focus-visible{
  outline:3px solid var(--card-glow);outline-offset:4px;
}
#home-view .ofc-home-group .module-card > img,
#home-view .ofc-home-group .module-card > .jb-card-art{
  display:block!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  flex:none;min-height:0!important;max-height:none!important;
  border:none!important;border-radius:0!important;
  padding:0!important;margin:0!important;
  background:#080708!important;
  overflow:hidden;
}
#home-view .ofc-home-group .module-card > img{
  height:auto!important;
  object-fit:cover!important;object-position:center!important;
}
#home-view .ofc-home-group .module-card > .jb-card-art:before{display:none!important}
#home-view .ofc-home-group .module-card > .jb-card-art > img{
  display:block!important;
  width:100%!important;height:100%!important;
  max-height:none!important;aspect-ratio:1/1!important;
  object-fit:cover!important;object-position:center!important;
  border-radius:0!important;
}
#home-view .ofc-home-group .module-info{
  display:flex;flex:1;flex-direction:column;align-items:flex-start;
  gap:5px;box-sizing:border-box;min-width:0;
  padding:clamp(12px,1.4vw,18px)!important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--card-edge) 12%,#171018),#140e15 60%);
}
#home-view .ofc-home-group .module-info strong{
  font-size:clamp(.89rem,1.18vw,1.07rem)!important;
  line-height:1.22;letter-spacing:.025em;
  overflow-wrap:break-word;color:#fff4f2;
}
#home-view .ofc-home-group .module-info small{
  font-size:clamp(.75rem,.85vw,.85rem)!important;
  line-height:1.35;color:#c9bcc4;
}
#home-view .ofc-home-group .status-pill{
  margin-top:auto;max-width:100%;
}
#home-view .ofc-home-group .ofc-tech-label{
  display:inline-flex;align-items:center;gap:6px;
  border-radius:6px;margin:6px 0 3px;
  border:1px solid #9a697a;color:#f6c8d8;
  background:#3a1d2b;
  padding:4px 8px;
  font-size:.69rem;font-weight:800;letter-spacing:.035em;
}
#home-view .ofc-home-group .ofc-tech-label:before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:#f491b9;box-shadow:0 0 6px #e86c99;
}
#home-view .ofc-home-group .ofc-card-moonlight{--card-edge:#4dbbd1;--card-glow:#66cce1}
#home-view .ofc-home-group .ofc-card-jukebox{--card-edge:#44be9f;--card-glow:#63ecbf}
#home-view .ofc-home-group .ofc-card-chef{--card-edge:#a46a38;--card-glow:#db9558}
#home-view .ofc-home-group .ofc-card-cardapio{--card-edge:#639785;--card-glow:#81c3a0}
#home-view .ofc-home-group .ofc-card-pandinha{--card-edge:#a7473c;--card-glow:#d05a47}
#home-view .ofc-home-group .ofc-card-ads{--card-edge:#c3925e;--card-glow:#eea857}
#home-view .ofc-home-group .ofc-card-karaoke{--card-edge:#b94a65;--card-glow:#e85078}
/* Indisponíveis: arte apagada e borda no tom do respectivo ícone. */
#home-view .ofc-home-group .module-coming-soon,
#home-view .ofc-home-group .module-coming-soon.module-chef{
  cursor:default!important;pointer-events:none!important;
  transform:none!important;
  border-color:color-mix(in srgb,var(--card-edge) 77%,#272027)!important;
}
#home-view .ofc-home-group .module-coming-soon > img{
  filter:grayscale(.43) saturate(.55) brightness(.63)!important;
}
#home-view .ofc-home-group .module-coming-soon .module-info{
  opacity:.83;
}
#home-view .ofc-home-group .module-coming-soon .status-pill.upcoming{
  color:#d5c5c9!important;background:#292228!important;
  border-color:color-mix(in srgb,var(--card-edge) 54%,#564752)!important;
}
@media(max-width:850px){
  #home-view .ofc-home-group .module-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:540px){
  #home-view .ofc-home-group .module-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  #home-view .ofc-home-group-count{font-size:.64rem;padding:4px 7px}
  #home-view .ofc-home-group-index{width:36px;height:36px;font-size:.77rem}
  #home-view .ofc-home-group .module-info{padding:13px!important}
  #home-view .ofc-home-group .module-info strong{font-size:.95rem!important}
}
@media(prefers-reduced-motion:reduce){
  #home-view .ofc-home-group .module-card{transition:none}
}

/* OFC-PANDINHA-BETA: o card de receitas agora abre o editor privado. */
#home-view .ofc-home-group a.module-card{text-decoration:none}
#home-view .ofc-home-group a.module-card:hover{
 transform:translateY(-2px);
 box-shadow:0 12px 28px #0009,0 0 17px -7px var(--card-glow);
}
