/* Alax William — Direitos autorais: acompanha a tipografia NATIVA da pagina Sobre.
   CSS isolado: nao altera Carreira, Historia, Discografia ou o administrativo. */
.alax-random-scene.alax-institucional {
  color:#fff;
  font-family:Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
.alax-institucional > .container {position:relative;z-index:2;}
.alax-institucional .alax-institucional-head {
  text-align:center;
  margin:0 auto 46px;
  max-width:1050px;
}
/* Mesma classe custom-title e mesmo tamanho herdado dos titulos Historia/Discografia.
   NUNCA redefinir font-size em h2 nem em seu span. */
.alax-institucional .alax-institucional-head h2.custom-title,
.alax-institucional .alax-institucional-head h2.custom-title > span {
  color:#fff!important;
  font-family:inherit!important;
  font-weight:300;
  line-height:inherit;
  letter-spacing:0;
  text-transform:none;
  opacity:1!important;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
/* Para o h2 permanecer identico aos h2 irmaos, ele herda do CSS principal;
   apenas o span assume o tamanho do pai. */

.alax-institucional .alax-institucional-head h2.custom-title > span {
  display:inline-block;
  position:relative;
  padding-top:1.5em;
  font-size:1em!important;
  line-height:inherit;
}
.alax-institucional .alax-institucional-head h2.custom-title > span::before {
  content:"";
  position:absolute;
  left:50%;top:0;
  width:2px;height:1em;
  background:#aeb1be;
}
.alax-institucional .alax-institucional-head > p {
  color:#fff!important;
  font-size:16px;
  line-height:1.7;
  font-weight:300;
  letter-spacing:.03em;
  max-width:940px;
  margin:24px auto 0;
  opacity:1!important;
  text-shadow:0 2px 10px rgba(0,0,0,.7);
}
.alax-institucional .alax-institucional-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  width:100%;
  text-align:left;
  align-items:stretch;
}
.alax-institucional .alax-institucional-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  min-height:360px;
  padding:30px;
  border:1px solid rgba(255,255,255,.23);
  border-radius:6px;
  background:rgba(7,10,17,.87)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.20);
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none;
}
.alax-institucional .alax-institucional-num {
  color:#e3e5ea!important;
  font-size:12px;
  letter-spacing:.12em;
  font-weight:300;
  opacity:1!important;
}
.alax-institucional .alax-institucional-card h3 {
  color:#fff!important;
  font-size:23px;
  font-weight:300;
  line-height:1.3;
  margin:16px 0 8px;
  opacity:1!important;
}
.alax-institucional .alax-institucional-role {
  color:#ff8794!important;
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:16px;
  opacity:1!important;
}
.alax-institucional .alax-institucional-card p {
  color:#fff!important;
  font-size:14px;
  font-weight:300;
  line-height:1.71429;
  letter-spacing:.05em;
  opacity:1!important;
  margin:0 0 22px;
  flex:1;
}
.alax-institucional .alax-institucional-card a {
  color:#fff!important;
  font-size:14px;
  font-weight:400;
  text-decoration:none;
  border-bottom:1px solid #e45360;
  padding-bottom:3px;
  opacity:1!important;
}
.alax-institucional .alax-institucional-card a:hover {color:#ff8f9c!important;}
/* Logotipos sem translucidez, desbotamento ou alteracao cromatica */
.alax-institucional .alax-rights-logo,
.alax-institucional .alax-institucional-card img {
  display:block;
  width:100%;
  max-width:250px;
  height:110px;
  object-fit:contain;
  object-position:center;
  margin:18px auto 14px;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  transform:none;
}
@media(max-width:991px){
 .alax-institucional .alax-institucional-grid {gap:16px;}
 .alax-institucional .alax-institucional-card {padding:22px;}
}
@media(max-width:767px){
 .alax-institucional .alax-institucional-grid {grid-template-columns:1fr;}
 .alax-institucional .alax-institucional-card {min-height:0;}
 .alax-institucional .alax-institucional-head {margin-bottom:30px;}
}

/* Preserva as quebras digitadas no campo Descricao do painel.
   O HTML ja contem \n, mas o navegador os colapsava por padrao. */
.alax-institucional .alax-institucional-card > p {
  white-space: pre-line;
}

/* 22/10/2026 — preserva as quebras de linha e os parágrafos do texto
   introdutório inseridos pelo editor, mantendo a tipografia aprovada. */
.alax-institucional .alax-institucional-head > p {
  white-space: pre-wrap;
  text-align: left;
  overflow-wrap: anywhere;
}

/* 22/10/2026 — texto introdutorio na largura integral da mesma grade dos cards.
   Mantem centralizacao e quebras de paragrafos digitadas no painel. */
.alax-institucional .alax-institucional-head {
  width: 100%;
  max-width: none;
}
.alax-institucional .alax-institucional-head > p {
  width: 100%;
  max-width: none;
  text-align: center;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}