.ab-wrap {
  max-width: 1120px;
  margin: 35px auto
}
.ab-card {
  background: #f4f4f5;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 26px;
  margin-bottom: 22px;
  box-shadow: 0 8px 30px rgba(15, 23, 42, .05)
}
.ab-toolbar {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}
.ab-search {
  display: flex;
  gap: 8px;
  flex: 1;
  max-width: 620px
}
.ab-search input, .ab-fields input, .ab-fields select, .ab-fields textarea, .ab-panel > label textarea {
  color: #fff;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  padding: 13px 14px;
  font-size: 16px;
  background: #111
}
.ab-search input:focus, .ab-fields input:focus, .ab-fields select:focus, .ab-fields textarea:focus {
  outline: 0;
  border-color: #475569;
  box-shadow: 0 0 0 3px rgba(71, 85, 105, .12)
}
.ab-btn, .ab-next, .ab-submit {
  border: 0;
  border-radius: 10px;
  background: #c91c20;
  color: #f4f4f5 !important;
  padding: 13px 19px;
  text-decoration: none;
  cursor: pointer;
  font-size: 15px
}
.ab-prev {
  border: 0;
  border-radius: 10px;
  background: #e2e8f0;
  color: #334155;
  padding: 13px 19px;
  cursor: pointer
}
.ab-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px
}
.logo-banda{width:100%; height:250px;background-position: center center;background-size: cover;}
.ab-band-meta{
    display:block;
}

.ab-status.status-ativa{
    color:#198754;
}

.ab-status.status-hiato{
    color:#d1d5db;
}

.ab-status.status-encerrada{
    color:#cc0000;
}

.ab-estilo{
    font-size:14px;
    color:#cfcfcf;
    margin-bottom:2px;
}

.ab-status{
    display:block;
    font-size:12px; font-weight:400;
}
.ab-band-card {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  overflow: hidden;
  background: #f4f4f5
}
.ab-band-image {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/10;
  background: #f1f5f9;
  font-size: 52px
}
.ab-band-image img {
  width: 100%;
  height: 100%;
  object-fit: contain
}
.ab-band-body {
  padding: 17px
}
.ab-band-body h3 {
  margin: 0 0 8px;    font-weight: 600;
    text-transform: uppercase;
}
.ab-band-body p {
  margin: 0;
  color: #64748b
}
.ab-alert {
  padding: 15px 18px;
  border-radius: 10px;
  margin-bottom: 20px
}
.ab-success {
  background: #eaf8ef;
  color: #166534
}
.ab-error {
  background: #f4f4f51f2;
  color: #9f1239
}
.ab-empty {
  text-align: center
}
.ab-intro-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 18px
}
.ab-intro-grid span {
  padding: 15px;
  border-radius: 11px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  color: #202020;
}
.ab-steps {
  display: flex;
  gap: 10px;
  margin-bottom: 28px;
  overflow: auto
}
.ab-steps button {
  flex: 1;
  min-width: 145px;
  border: 0;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center
}
.ab-steps b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #cbd5e1;
  color: #f4f4f5
}
.ab-steps button.is-active {
  background: #e0f2fe;
  color: #075985
}
.ab-steps button.is-active b {
  background: #0284c7
}
.ab-steps button.is-done {
  background: #ecfdf5;
  color: #166534
}
.ab-steps button.is-done b {
  background: #16a34a
}
.ab-panel {
  display: none
}
.ab-panel.is-active {
  display: block
}
.ab-panel h3 {
  margin-top: 20px; font-size:18px;
}
.ab-fields {
  display: grid;
  gap: 18px
}
.ab-fields.two {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}
.ab-fields label, .ab-panel > label {
  margin-top: 15px;
  display: block
}
.ab-fields label > span, .ab-panel > label > span {
  display: block;
  font-weight: 700;
  margin-bottom: 7px
}
.ab-fields small {
  display: block;
  color: #64748b;
  margin-top: 6px
}
.ab-actions {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 26px
}
.ab-check {
  display: flex !important;
  gap: 10px;
  align-items: flex-start;
  margin-top: 20px
}
.ab-check input {
  margin-top: 4px
}
.ab-hp {
  position: absolute;
  left: -9999px
}
.ab-upload {
  padding: 16px;
  border: 1px dashed #94a3b8;
  border-radius: 12px;
  background: #111111
}
@media(max-width:900px) {
  .ab-grid {
    grid-template-columns: repeat(2, 1fr)
  }
  .ab-intro-grid {
    grid-template-columns: 1fr
  }
}
@media(max-width:650px) {
  .ab-grid, .ab-fields.two {
    grid-template-columns: repeat(2, 1fr)
  }
  .logo-banda{width:100%; height:140px;background-position: center center;background-size: cover;}
  .ab-toolbar, .ab-search {
    width: 100%
  }
  .ab-search {
    max-width: none
  }
  .ab-card {
    padding: 19px
  }
  .ab-steps span {
    display: none
  }
  .ab-steps button {
    min-width: auto
  }
  .ab-actions {
    align-items: stretch
  }
  .ab-actions button {
    flex: 1
  }
}
body {
  background: #0f0f10;
  color: #f4f4f5
}
.ab-card {
  background: #1a1a1d;
  border-color: #2d2d31
}
.ab-fields input, .ab-fields textarea, .ab-fields select, .ab-search input {
  background: #232326;
  color: #fff;
  border-color: #3b3b40
}
.ab-band-card {
  background: #1a1a1d;
  border-color: #2d2d31
}
.ab-band-body p {
  color: #b4b4bc
}
.ab-band-body h3 a {
  color: #fff
}
.ab-panel h3, .ab-card h2, .ab-card p {
  color: #f4f4f5
}

.ab-submit-loader{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(0,0,0,.76);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px)
}
.ab-submit-loader.is-visible{display:flex}
.ab-submit-loader-box{
    width:min(390px,100%);
    padding:28px 24px;
    text-align:center;
    border:1px solid #34343a;
    border-radius:16px;
    background:#17171a;
    color:#fff;
    box-shadow:0 24px 70px rgba(0,0,0,.5)
}
.ab-submit-loader-box strong,
.ab-submit-loader-box small{display:block}
.ab-submit-loader-box strong{margin-top:16px;font-size:18px}
.ab-submit-loader-box small{margin-top:7px;color:#a1a1aa;line-height:1.5}
.ab-spinner{
    display:inline-block;
    width:48px;
    height:48px;
    border:4px solid rgba(255,255,255,.18);
    border-top-color:#c91c20;
    border-radius:50%;
    animation:ab-spin .75s linear infinite
}
body.ab-is-submitting{overflow:hidden}
body.ab-is-submitting .ab-wrap{pointer-events:none;user-select:none}
@keyframes ab-spin{to{transform:rotate(360deg)}}


.ab-catalog-filters{padding:20px}
.ab-filter-form{display:grid;gap:18px}
.ab-filter-top{display:flex;gap:15px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.ab-filter-selects{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}
.ab-filter-selects label{display:grid;gap:7px;min-width:210px}
.ab-filter-selects label>span{font-size:13px;font-weight:700;color:#a1a1aa;text-transform:uppercase;letter-spacing:.04em}
.ab-filter-selects select{
    width:100%;
    border:1px solid #3b3b40;
    border-radius:10px;
    padding:11px 13px;
    background:#232326;
    color:#fff;
    font-size:15px
}
.ab-clear-filters{padding:11px 0;color:#ef4444;text-decoration:none;font-weight:600}
.ab-letter-filter{display:flex;gap:7px;flex-wrap:wrap;padding-top:16px;border-top:1px solid #2d2d31}
.ab-letter-filter a{
    display:grid;
    place-items:center;
    min-width:34px;
    height:34px;
    padding:0 8px;
    border:1px solid #34343a;
    border-radius:8px;
    background:#202024;
    color:#d4d4d8;
    text-decoration:none;
    font-size:13px;
    font-weight:700
}
.ab-letter-filter a:hover,.ab-letter-filter a.is-active{
    border-color:#c91c20;
    background:#c91c20;
    color:#081014
}
.ab-results-summary{margin:4px 0 18px;color:#a1a1aa}
.ab-results-summary strong{color:#fff}
.ab-pagination{margin-top:24px}
.ab-pagination ul{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.ab-pagination a,.ab-pagination span{
    display:grid;
    place-items:center;
    min-width:38px;
    height:38px;
    padding:0 9px;
    border:1px solid #34343a;
    border-radius:8px;
    background:#202024;
    color:#fff;
    text-decoration:none
}
.ab-pagination .current{border-color:#c91c20;background:#c91c20;color:#081014;font-weight:700}
@media(max-width:650px){
    .ab-filter-top,.ab-filter-selects{align-items:stretch}
    .ab-filter-selects label{min-width:100%;width:100%}
    .ab-letter-filter{gap:6px}
    .ab-letter-filter a{min-width:32px;height:32px}
	.ab-filter-top{display:contents;}
}

.ab-catalog-link{margin-top:12px}
.ab-catalog-link a{color:#c91c20;font-weight:700;text-decoration:none}
.ab-catalog-link a:hover{text-decoration:underline}

/* Perfil público da banda */
.ab-band-image,.ab-band-body h3 a{text-decoration:none}
.ab-profile{margin-bottom:28px}
.ab-profile-hero{display:grid;grid-template-columns:320px 1fr;gap:34px;align-items:center;margin-bottom:34px}
.ab-profile-logo{display:grid;place-items:center;overflow:hidden;border:1px solid #2d2d31;border-radius:18px;background:#fff}
.ab-profile-logo img{display:block;width:100%;height:100%;max-height:340px;object-fit:contain}
.ab-profile-logo span{font-size:92px;font-weight:800;color:#c91c20}
.ab-profile-heading h1{margin:12px 0 16px;font-size:clamp(38px,6vw,76px);line-height:1;text-transform:uppercase}
.ab-back-link{color:#c91c20;text-decoration:none;font-weight:700}
.ab-profile-tags{display:flex;gap:9px;flex-wrap:wrap}
.ab-profile-tags span{padding:7px 11px;border:1px solid #3b3b40;border-radius:999px;background:#202024;color:#e4e4e7;font-size:13px}
.ab-profile-tags .ab-profile-status{border-color:#c91c20;color:#fff}
.ab-profile-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.ab-profile-section{padding:26px 0;border-top:1px solid #2d2d31}
.ab-profile-section:first-child{border-top:0;padding-top:0}
.ab-profile-section h2,.ab-profile-facts h2,.ab-contribution-card h2{margin:0 0 16px}
.ab-profile-content{font-size:17px;line-height:1.75;color:#d4d4d8}
.ab-profile-incomplete{padding:24px!important;border:1px dashed #4a4a50!important;border-radius:14px;background:#17171a}
.ab-profile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ab-profile-gallery img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.ab-profile-links{white-space:normal;line-height:1.8;color:#d4d4d8}
.ab-profile-facts{position:sticky;top:28px}
.ab-profile-facts>div{display:grid;gap:4px;padding:14px 0;border-top:1px solid #2d2d31}
.ab-profile-facts small{color:#a1a1aa;text-transform:uppercase;letter-spacing:.05em}
.ab-profile-facts strong{font-size:16px}
.ab-contribution-card{margin-top:34px}
.ab-contribution-intro{max-width:820px;margin-bottom:24px}
.ab-kicker{display:block;margin-bottom:8px;color:#c91c20;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.ab-contribution-intro p{color:#c4c4cc;line-height:1.7}
.ab-contribution-form .ab-upload{margin-top:0}
.ab-contribution-form .ab-check span{color:#d4d4d8;line-height:1.5}
@media(max-width:850px){
  .ab-profile-hero{grid-template-columns:1fr;gap:22px}
  .ab-profile-logo{min-height:220px}
  .ab-profile-layout{grid-template-columns:1fr}
  .ab-profile-facts{position:static}
}
@media(max-width:650px){
  .ab-profile-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ab-profile-heading h1{font-size:42px}
  .ab-contribution-form .ab-fields.two{grid-template-columns:1fr}
}

/* Perfil individual da banda */
.ab-profile-page{padding:42px 0 70px;background:#111114;color:#f4f4f5;min-height:70vh}
.ab-profile-page .ab-back-link{display:inline-flex;margin-bottom:24px;color:#c5c5cb;text-decoration:none;font-size:14px;font-weight:700}
.ab-profile-page .ab-back-link:hover{color:#fff}
.ab-profile-page .ab-profile-hero{padding:28px;border:1px solid #29292e;border-radius:20px;background:#17171a}
.ab-profile-page .ab-profile-section{background:transparent}
.ab-profile-page .ab-profile-section>h2{font-size:26px}
.ab-profile-page .ab-profile-incomplete{color:#d4d4d8}
.ab-profile-page .ab-profile-incomplete h3{margin:0 0 8px;color:#fff}
.ab-profile-page .ab-profile-socials{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ab-profile-page .ab-profile-socials a{display:inline-flex;padding:9px 13px;border:1px solid #3b3b40;border-radius:8px;background:#202024;color:#fff;text-decoration:none;font-size:14px;font-weight:700}
.ab-profile-page .ab-profile-socials a:hover{border-color:#c91c20;background:#c91c20}
.ab-profile-page .ab-profile-links{padding:16px;border-radius:10px;background:#17171a;overflow-wrap:anywhere}
.ab-profile-page .ab-fact-status{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;font-size:13px}
.ab-profile-page .ab-profile-status.is-active,.ab-profile-page .ab-fact-status.is-active{border-color:#237a42;background:#174c2b;color:#c9f8d7}
.ab-profile-page .ab-profile-status.is-hiatus,.ab-profile-page .ab-fact-status.is-hiatus{border-color:#777780;background:#4a4a50;color:#fff}
.ab-profile-page .ab-profile-status.is-inactive,.ab-profile-page .ab-fact-status.is-inactive{border-color:#7f1d1d;background:#541919;color:#ffd6d6}
@media(max-width:650px){
  .ab-profile-page{padding-top:24px}
  .ab-profile-page .ab-profile-hero{padding:18px}
  .ab-profile-page .ab-profile-logo{min-height:180px}
}

/* Vídeo em destaque */
.ab-profile-video {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    background: #111;
    aspect-ratio: 16 / 9;
}
.ab-profile-video iframe,
.ab-profile-video video {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.logo-banda {
    position: relative;
    width: 100%;
    
    overflow: hidden;
    background: #111;
}

.logo-banda-imagem {
	background-color:#fff;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition:
        opacity .45s ease,
        transform .6s ease;
}

.logo-banda-galeria {
    z-index: 1;
    opacity: 1;
	background-color:#fff;
}

.logo-banda-destacada {
    z-index: 2;
    opacity: 0;
}

.ab-band-card:hover .logo-banda-galeria {
    transform: scale(1.04);
}

.ab-band-card:hover .logo-banda-destacada {
    opacity: 1;
    transform: scale(1.04);
}