/* Turma da Hubmat — integração visual com o HUBMAT V2 */
:root{
  --turma-navy:#0b1c3c;
  --turma-blue:#1259c3;
  --turma-blue-2:#1769e8;
  --turma-gold:#d4a017;
  --turma-soft:#f5f8fc;
  --turma-line:#dfe6ef;
  --turma-muted:#5d6b82;
  --turma-shadow:0 8px 24px rgba(11,28,60,.06);
  --turma-shadow-lg:0 16px 40px rgba(11,28,60,.10);
}

html[data-hub-layout="v2"] body{
  background:var(--turma-soft)!important;
  color:#18243a;
}
html[data-hub-layout="v2"] .wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}

/* Navegação local: mantém a identidade da Turma sem competir com o cabeçalho principal */
.turma-local-nav{
  width:100%;
  background:#fff;
  border-bottom:1px solid var(--turma-line);
}
.turma-local-inner{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.turma-local-brand{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:max-content;
  color:var(--turma-navy);
  font-weight:900;
}
.turma-local-brand img{width:38px;height:38px;object-fit:contain}
.turma-local-brand strong{font-size:14px}
.turma-local-links{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}
.turma-local-links::-webkit-scrollbar{display:none}
.turma-local-links a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 11px;
  border-radius:10px;
  color:#435773;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.turma-local-links a:hover{background:#eef4ff;color:var(--turma-blue)}
.turma-local-links .local-cta{background:var(--turma-navy);color:#fff}
.turma-local-links .local-cta:hover{background:#14356b;color:#fff}

/* Hero no padrão visual das páginas institucionais/produtos */
.hero{
  padding:54px 0 46px;
  background:
    radial-gradient(circle at 10% 8%,rgba(244,197,66,.22),transparent 28%),
    radial-gradient(circle at 92% 12%,rgba(20,184,200,.16),transparent 26%),
    linear-gradient(135deg,#071a3b,#0d3975 68%,#0a5467);
  color:#fff;
}
.hero::before{display:none}
.hero-grid{grid-template-columns:1.05fr .95fr;gap:38px}
.hero .tag{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#ffe16e;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hero h1{
  margin:16px 0 14px;
  color:#fff;
  font-size:clamp(40px,5.2vw,66px);
  line-height:.98;
  letter-spacing:-.055em;
}
.hero h1 b{display:inline;color:#ffe16e;text-shadow:none}
.hero .lead{max-width:680px;color:#dce9fb;font-size:18px;line-height:1.5;font-weight:700}
.hero .lead strong{color:#fff}
.hero .proof{margin-top:18px}
.hero .pill{
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.09);
  color:#fff;
  box-shadow:none;
  font-size:12px;
}
.hero-art{
  padding:12px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:26px;
  background:rgba(255,255,255,.10);
  box-shadow:0 24px 60px rgba(0,0,0,.20);
}
.hero-art img{border-radius:19px;background:#fff}

/* Componentes e ritmo */
section{padding:54px 0;scroll-margin-top:calc(var(--hub-v2-header-height) + 58px)}
.hq-journey{padding:24px 0;background:#fff;border-bottom:1px solid var(--turma-line)}
.hq-step,.card,.char,.world-card,.faq,.hq-tools{
  border-color:var(--turma-line);
  box-shadow:var(--turma-shadow);
}
.hq-step{border-radius:18px;min-height:100px}
.hq-step b{border-radius:12px;background:var(--turma-blue)}
.hq-step:nth-child(2) b{background:#6f38b8}
.hq-step:nth-child(3) b{background:#d76606;color:#fff}

.head{align-items:flex-end;margin-bottom:26px}
.head h2,.hq-tools-head h2{color:var(--turma-navy);letter-spacing:-.045em}
.head p,.hq-tools-head p{color:var(--turma-muted)}
.section-label{
  margin-bottom:9px;
  padding:6px 9px;
  border-radius:999px;
  background:#eef4ff;
  color:var(--turma-blue);
  font-size:11px;
  letter-spacing:.07em;
}

.card,.faq{border-radius:20px;padding:21px}
.card::after{background:rgba(18,89,195,.06)}
.icon{border-radius:14px;background:#eef4ff;color:var(--turma-blue)}
.card h3,.char h3,.world-card h3,.faq h3{color:var(--turma-navy)}
.card p,.char p,.world-card p,.faq p{color:var(--turma-muted)}

/* Personagens: somente organização visual; imagens, nomes e conteúdo permanecem intactos */
#personagens{background:#fff;border-block:1px solid var(--turma-line)}
.characters{gap:18px}
.char{padding:20px;border-radius:20px;background:#fff}
.char-figure{min-height:235px;border-color:var(--turma-line);border-radius:16px;background:linear-gradient(180deg,#f8fbff,#eef4ff)}
.char img{max-width:235px;height:225px}
.char span{background:#fff6dc;color:#73520b}

/* Amostra e catálogo */
.real-preview{
  padding:28px;
  border-radius:24px;
  background:linear-gradient(135deg,#071a3b,#1259c3 66%,#1769e8);
  box-shadow:var(--turma-shadow-lg);
}
.preview-head h2{letter-spacing:-.045em}
.comic-card{border-radius:18px}
.comic-card img{border-radius:12px}
.sample-notice{border-radius:14px}
.hq-tools{
  margin:28px auto;
  padding:22px;
  border-radius:20px;
  background:#fff;
}
.hq-field input,.hq-field select{border-color:#cfd9e7;border-radius:10px;color:var(--turma-navy)}
.hq-reset{border-radius:10px;background:#eef4ff;color:var(--turma-blue)}

/* Mundos */
.worlds-area{background:var(--turma-soft);border-block:1px solid var(--turma-line)}
.note{border-radius:16px;background:#fff8df;border-color:#f4df91;color:#5a4b13}
.world-card{padding:22px;border-radius:20px}
.world-kicker span{background:var(--turma-navy)}
.world-kicker strong{color:#9a6200}
.entry{color:var(--turma-blue)!important}
.world-sell{border-color:var(--turma-line);border-radius:12px;background:#f8fbff}

/* Compra */
.buy{
  grid-template-columns:1.08fr .92fr;
  padding:28px;
  border-radius:24px;
  background:linear-gradient(135deg,#071a3b,#0d3975 72%,#0a5467);
  box-shadow:var(--turma-shadow-lg);
}
.buy h2{letter-spacing:-.045em}
.purchase-option{border-radius:14px;background:rgba(255,255,255,.08)}
.price{border-radius:20px;box-shadow:0 16px 36px rgba(0,0,0,.16)}
.price .big{color:#d99800;font-size:4.5rem}

.btn{
  min-height:44px;
  padding:11px 16px;
  border-radius:12px;
  box-shadow:none;
  font-size:13px;
}
.btn-orange{background:#f4c542;color:#14233d}
.btn-blue{background:var(--turma-navy);color:#fff}
.btn-white{border:1px solid #d7e1ee;color:var(--turma-navy)}

/* Rodapé é o mesmo componente global do HUB */
.hub-v2-footer{margin-top:0!important}

@media(max-width:900px){
  .turma-local-inner{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 0 10px}
  .turma-local-links{width:100%;padding-bottom:2px}
  .hero-grid,.buy{grid-template-columns:1fr}
  .hero-art{max-width:720px}
}
@media(max-width:700px){
  html[data-hub-layout="v2"] .wrap{width:min(100% - 28px,1180px)}
  .turma-local-brand img{width:34px;height:34px}
  .hero{padding:38px 0 34px}
  .hero h1{font-size:clamp(38px,11vw,52px)}
  .hero .lead{font-size:16px}
  .hero .actions .btn{width:100%}
  .real-preview,.buy{padding:20px;border-radius:20px}
  .char,.world-card{padding:18px}
}
@media print{.hub-v2-header,.turma-local-nav,.hub-v2-footer,.hub-v2-back-top{display:none!important}}