@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* Vitrine Musical — sistema visual compartilhado */
:root{
  --vm-ink:#090a0b;--vm-surface:#111315;--vm-surface-2:#181b1e;
  --vm-paper:#f2eee5;--vm-muted:#aaa79f;--vm-accent:#ff6b24;
  --vm-accent-2:#ffb36b;--vm-line:rgba(242,238,229,.12);
  --vm-radius:26px;--vm-radius-sm:18px;--vm-shadow:0 24px 80px rgba(0,0,0,.38);
}
html{scroll-padding-top:96px}
body,button,input,textarea,select{font-family:'Poppins',sans-serif!important}
body{background:var(--vm-ink);color:var(--vm-paper);letter-spacing:-.012em}
h1,h2,h3,h4,.section-title,.page-titulo,.perfil-nome,.card-nome,.sec-titulo,.stat-num,.value-num{font-family:'Poppins',sans-serif!important}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 65% 45% at 82% 5%,rgba(183,67,16,.22),transparent 72%),radial-gradient(ellipse 42% 34% at 8% 78%,rgba(255,107,36,.06),transparent 70%),linear-gradient(180deg,#0d0d0e 0%,#090a0b 72%)}
body::after{content:"";position:fixed;inset:0;z-index:-1;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}
header{top:1rem;left:50%;right:auto;width:min(1180px,calc(100% - 2rem));transform:translateX(-50%);background:rgba(10,11,12,.78);border-color:var(--vm-line);border-radius:26px;box-shadow:0 16px 50px rgba(0,0,0,.24)}
.logo-svg{height:34px}
.btn-cad,.btn-primary,.btn-submit,.btn-next{background:var(--vm-accent)!important;border-color:transparent!important;box-shadow:inset 0 1px rgba(255,255,255,.22)}
.btn-cad:hover,.btn-primary:hover,.btn-submit:hover,.btn-next:hover{background:#ff8148!important;box-shadow:0 0 0 1px rgba(255,160,98,.22),0 8px 24px rgba(255,107,36,.24),0 0 32px rgba(255,107,36,.14)!important}
.btn-login,.btn-outline,.btn-prev{border-color:var(--vm-line)!important;background:rgba(255,255,255,.045)!important}
button,.btn-cad,.btn-primary,.btn-submit,.btn-next,.btn-login,.btn-outline,.btn-prev,.btn-ver-mais,.card-ver,.btn-social,.btn-save,.btn-cancel,.btn-ac,.pag-btn,.f-pill,.f-tipo,.inst-icon-btn,.drop-btn,.nav-link{border-radius:999px!important;transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important}
button:hover,.btn-cad:hover,.btn-primary:hover,.btn-submit:hover,.btn-next:hover,.btn-login:hover,.btn-outline:hover,.btn-prev:hover,.btn-ver-mais:hover,.card-ver:hover,.btn-social:hover,.btn-save:hover,.btn-ac:hover,.f-pill:hover,.f-tipo:hover,.inst-icon-btn:hover{box-shadow:0 0 0 1px rgba(255,145,79,.18),0 8px 24px rgba(255,107,36,.14),0 0 26px rgba(255,107,36,.09);transform:translateY(-2px)}
.drop-menu{transform:translateX(-50%) translateY(-10px) scale(.985)!important;transform-origin:top center;transition:opacity .28s ease,visibility .28s ease,transform .32s cubic-bezier(.2,.8,.2,1)!important}
.dropdown:hover .drop-menu,.dropdown:focus-within .drop-menu{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0) scale(1)!important}
.dropdown:focus-within .drop-arrow{transform:rotate(180deg)}
.multi-dropdown.on,.multi-drop.on{animation:vmMenuIn .28s cubic-bezier(.2,.8,.2,1) both;transform-origin:top center}
@keyframes vmMenuIn{from{opacity:0;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.page-top,.artistas-section,.perfil-wrap,.cad-wrap{max-width:1180px;margin-left:auto;margin-right:auto}
.page-titulo,.section-title,.perfil-nome,.sec-titulo{letter-spacing:.005em}
.hero{min-height:clamp(520px,68vh,640px)!important;padding:7rem 4rem 3rem!important;align-items:center!important}
.hero-content{max-width:720px!important}
.hero h1{max-width:720px;font-size:clamp(3.6rem,6vw,5.6rem)!important;line-height:.94!important;margin-bottom:1.15rem!important}
.hero-desc{margin-bottom:2rem!important}
.hero-stats{top:auto!important;right:4rem!important;bottom:3.25rem!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,auto);gap:0!important}
.stat-card{min-width:118px!important;padding:.15rem 1.15rem!important;background:transparent!important;border:0!important;border-left:1px solid var(--vm-line)!important;border-radius:0!important;backdrop-filter:none!important;text-align:left!important}
.stat-num{font-size:2rem!important;font-weight:600!important;letter-spacing:-.06em}.stat-lbl{font-size:.62rem!important;letter-spacing:.12em!important}
.cards-grid{gap:16px!important;border:0!important;border-radius:0!important;overflow:visible!important;background:transparent!important}
.artista-card{border-color:var(--vm-line)!important;border-radius:26px!important;box-shadow:0 12px 36px rgba(0,0,0,.18);isolation:isolate}
.artista-card::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:inherit;pointer-events:none;z-index:5}
.artista-card:hover{box-shadow:var(--vm-shadow)!important}
.instrument-strip{position:absolute;z-index:6;top:0;left:0;right:0;min-height:42px;padding:.72rem 1.15rem;background:linear-gradient(90deg,#ff6b24,#ff8a43);color:#160b05;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:25px 25px 0 0;box-shadow:0 8px 28px rgba(255,107,36,.2)}
.artista-card.has-instrument-strip .card-tipo-badge{top:3.5rem}
.artista-card.has-instrument-strip .card-social{top:3.5rem}
.card-ver{opacity:1!important;transform:none!important;background:rgba(9,10,11,.65)!important}
.value-strip{position:relative;z-index:2;width:min(1080px,calc(100% - 8rem));margin:0 0 4rem 4rem;display:grid;grid-template-columns:1.25fr repeat(3,1fr);background:rgba(17,19,21,.88);border:1px solid rgba(255,137,72,.2);border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,.36),0 0 18px rgba(255,107,36,.06);backdrop-filter:blur(20px);overflow:hidden;animation:valueStripGlow 4.8s ease-in-out infinite}
@keyframes valueStripGlow{0%,100%{box-shadow:0 20px 60px rgba(0,0,0,.36),0 0 14px rgba(255,107,36,.06);border-color:rgba(255,137,72,.18)}50%{box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 36px rgba(255,107,36,.18);border-color:rgba(255,149,88,.34)}}
.value-intro,.value-item{padding:1.4rem 1.5rem}.value-item{border-left:1px solid var(--vm-line)}
.value-eyebrow{font-size:.64rem;text-transform:uppercase;letter-spacing:.14em;color:var(--vm-accent-2);margin-bottom:.45rem}.value-intro strong{display:block;font-size:1.15rem;line-height:1.25}.value-num{color:var(--vm-accent);font-size:1.15rem;font-weight:600}.value-item h3{font-size:.86rem;margin:.25rem 0}.value-item p{font-size:.72rem;line-height:1.5;color:var(--vm-muted)}
input,textarea,select,.multi-btn{min-height:46px;border-radius:18px!important}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible,.tipo-card:focus-visible,.gslot:focus-visible{outline:3px solid rgba(255,107,36,.42)!important;outline-offset:3px}
.legal-consent{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid var(--vm-line);background:rgba(255,255,255,.035);border-radius:22px;margin:1.25rem 0}
.legal-consent input{width:18px;min-height:18px;height:18px;margin-top:.15rem;accent-color:var(--vm-accent);flex:0 0 auto}
.legal-consent label{font-size:.82rem;line-height:1.55;color:#c8c4bc}
.legal-consent a{color:var(--vm-accent-2)}
.cookie-banner{position:fixed;left:50%;bottom:1rem;transform:translate(-50%,calc(100% + 3rem));width:min(760px,calc(100% - 2rem));z-index:1000;background:rgba(20,22,24,.97);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:1.15rem 1.25rem;box-shadow:0 28px 90px rgba(0,0,0,.62);display:grid;grid-template-columns:1fr auto;gap:1.25rem;align-items:center;opacity:0;transition:.45s cubic-bezier(.2,.8,.2,1)}
.cookie-banner.on{transform:translate(-50%,0);opacity:1}
.cookie-kicker{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vm-accent-2);margin-bottom:.3rem}
.cookie-title{font-size:1rem;font-weight:600;margin-bottom:.25rem}
.cookie-copy{font-size:.78rem;line-height:1.55;color:var(--vm-muted)}
.cookie-copy a{color:var(--vm-paper)}
.cookie-actions{display:flex;gap:.5rem;white-space:nowrap}
.cookie-actions button{border:1px solid var(--vm-line);background:transparent;color:var(--vm-paper);padding:.65rem .85rem;font:inherit;font-size:.75rem;cursor:pointer}
.cookie-actions .accept{background:var(--vm-accent);border-color:var(--vm-accent);font-weight:600}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:2000;background:var(--vm-paper);color:var(--vm-ink);padding:.7rem 1rem;border-radius:8px}.skip-link:focus{top:1rem}
.cats-section{width:min(920px,100%);margin-left:auto!important;margin-right:auto!important;padding-left:1.5rem!important;padding-right:1.5rem!important}
.cats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(280px,360px))!important;justify-content:center!important;gap:18px!important}
.cat-card{width:100%;aspect-ratio:4/3;padding:2rem!important;border-radius:30px!important;display:flex!important;flex-direction:column;justify-content:center;background:rgba(255,255,255,.04)!important}
.cat-card-title{font-family:'Poppins',sans-serif!important;font-size:1.35rem!important;font-weight:600;letter-spacing:-.03em}.cat-card-desc{font-size:.78rem!important;max-width:290px}.cat-card-icon{font-size:1.65rem!important}
.drop-menu-inner,.filtros-box,.sec-bloco,.cta-contato,.tipo-card,.upload-area,.gslot,.indice,.destaque,.card,.modal,.modal-content,.video-wrapper{border-radius:var(--vm-radius)!important}
.galeria img,.perfil-foto,.upload-preview{border-radius:22px!important}
@media(max-width:700px){
  header{width:calc(100% - 1rem);top:.5rem}.logo-svg{width:142px}.btn-login{display:none}
  .hero{min-height:auto!important;padding:6.5rem 1.5rem 3.5rem!important}.hero h1{font-size:clamp(3.15rem,15vw,4.5rem)!important}
  .cookie-banner{grid-template-columns:1fr;gap:.8rem}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-actions button{white-space:normal}
  .card-ver{font-size:.72rem!important}.page-top{padding-left:1.25rem!important;padding-right:1.25rem!important}
  .value-strip{width:calc(100% - 3rem);margin:0 1.5rem 2rem;grid-template-columns:1fr}.value-item{border-left:0;border-top:1px solid var(--vm-line)}
  .cats-grid{grid-template-columns:minmax(0,360px)!important}.cat-card{aspect-ratio:auto;min-height:220px}
  .cards-grid{gap:10px!important}
}
@media(min-width:701px) and (max-width:900px){.hero-stats{display:none!important}.value-strip{grid-template-columns:1fr 1fr}.value-item:nth-child(3){border-top:1px solid var(--vm-line)}.value-item:nth-child(odd){border-left:0}}
@media(max-width:700px){.hero-stats{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}