/* =========================================================
   SOLIMÁ — Hub de visões (index)
   "Visões diferentes no mesmo mock, alterando o estilo"
   ========================================================= */

body.hub{background:var(--ink);color:var(--cream);min-height:100vh;display:flex;flex-direction:column}

.hub__top{text-align:center;padding:40px 24px 26px}
.hub__top .brand{justify-content:center;color:var(--cream);margin-bottom:.6rem}
.hub__top .brand__emblem img{height:42px}
.hub__top .brand__word{font-size:2rem;color:var(--cream)}
.hub__top .tag{font-size:.7rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
.hub__lead{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:rgba(248,242,232,.8);margin-top:1rem}

.hub__grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:0 2px 2px}

.panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:64vh;padding:44px 38px;text-decoration:none;transition:.6s var(--ease)}
.panel__wm{position:absolute;right:-6%;top:-8%;width:62%;opacity:.07;transition:.6s var(--ease)}
.panel__n{font-family:var(--serif);font-size:1rem;letter-spacing:.2em;opacity:.7;position:relative;z-index:2}
.panel__title{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,3vw,2.8rem);line-height:1.02;margin:.3rem 0 .6rem;position:relative;z-index:2}
.panel__desc{font-size:.95rem;max-width:34ch;opacity:.85;position:relative;z-index:2;margin-bottom:1.4rem}
.panel__cta{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;position:relative;z-index:2;display:inline-flex;gap:.5em;align-items:center;transition:.3s}
.panel:hover{flex-grow:1.15}
.panel:hover .panel__wm{transform:scale(1.06) rotate(-3deg);opacity:.12}
.panel:hover .panel__cta{gap:1.1em}

/* V1 editorial — claro */
.panel--v1{background:radial-gradient(120% 120% at 80% 10%,#fff,var(--cream) 60%,#efe6d6);color:var(--ink)}
.panel--v1 .panel__cta{color:var(--wine)}
/* V2 boutique — neutro */
.panel--v2{background:linear-gradient(160deg,#2b2226,#6e1621);color:var(--cream)}
.panel--v2 .panel__cta{color:var(--gold)}
/* V3 club — escuro */
.panel--v3{background:radial-gradient(120% 120% at 30% 10%,#52111a,#1a0508);color:var(--cream)}
.panel--v3 .panel__cta{color:var(--gold)}

.panel__chip{position:absolute;top:30px;left:38px;z-index:2;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  padding:.45em .9em;border-radius:40px;border:1px solid currentColor;opacity:.7}

/* painel principal (V0) — faixa larga no topo */
.panel--feat{min-height:32vh;margin:0 2px 2px}
.panel--feat:hover{flex-grow:0}
.panel--feat .panel__title{font-size:clamp(2.4rem,4.2vw,3.6rem)}
.panel--feat .panel__desc{max-width:60ch}
.panel--v0{background:linear-gradient(110deg,#3d0a11,#1a0508 55%,#2b2226);color:var(--cream)}
.panel--v0 .panel__cta{color:var(--gold)}

.hub__foot{text-align:center;padding:20px;font-size:.72rem;letter-spacing:.08em;opacity:.5}

@media(max-width:880px){
  .hub__grid{grid-template-columns:1fr}
  .panel{min-height:46vh}
  .panel:hover{flex-grow:1}
}