.elementor-3913 .elementor-element.elementor-element-250cdb4{--display:flex;}/* Start custom CSS for html, class: .elementor-element-515ccb7 *//* =========================================
   MÚSICA - HERO
========================================= */

.sv-music-hero {

  position: relative;

  min-height: 620px;

  display: flex;

  align-items: center;

  justify-content: center;

  overflow: hidden;

  color: #fff;

  background-image:
    url("COLOQUE-AQUI-A-SUA-IMAGEM.jpg");

  background-size: cover;

  background-position: center;

}


/* =========================================
   SOBREPOSIÇÃO ESCURA
========================================= */

.sv-music-overlay {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      180deg,
      rgba(15,15,15,.60),
      rgba(15,15,15,.72)
    );

}


/* =========================================
   CONTEÚDO
========================================= */

.sv-music-content {

  position: relative;

  z-index: 2;

  width: 100%;

  max-width: 1050px;

  padding: 80px 25px;

  text-align: center;

}


/* =========================================
   PEQUENO TÍTULO
========================================= */

.sv-music-small {

  display: block;

  margin-bottom: 15px;

  font-size: 11px;

  font-weight: 600;

  letter-spacing: 4px;

  opacity: .85;

}


/* =========================================
   TÍTULO PRINCIPAL
========================================= */

.sv-music-content h1 { color:#F78000;

  margin: 0 0 12px;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: clamp(55px, 8vw, 92px);

  font-weight: 400;

  line-height: 1;
 
} 


/* =========================================
   SUBTÍTULO
========================================= */

.sv-music-subtitle {

  margin: 0 auto 35px;

  font-size: 18px;

  opacity: .9;

}


/* =========================================
   CATEGORIAS
========================================= */

.sv-music-categories {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 28px;

}


.sv-music-categories a {

  padding: 11px 20px;

  border-radius: 30px;

  color: white;

  text-decoration: none;

  font-size: 13px;

  font-weight: 500;

  background: rgba(255,255,255,.14);

  border: 1px solid rgba(255,255,255,.25);

  backdrop-filter: blur(8px);

  transition:
    background .3s ease,
    transform .3s ease;

}


.sv-music-categories a:hover {

  background: rgba(255,255,255,.95);

  color: #333;

  transform: translateY(-2px);

}


/* =========================================
   PESQUISA
========================================= */

.sv-music-search {

  max-width: 920px;

  height: 58px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  padding: 0 8px 0 22px;

  background: rgba(255,255,255,.92);

  border-radius: 35px;

  box-sizing: border-box;

  box-shadow:
    0 10px 35px rgba(0,0,0,.18);

}


.sv-search-icon {

  color: #777;

  font-size: 27px;

  line-height: 1;

  margin-right: 12px;

}


.sv-music-search input {

  flex: 1;

  height: 100%;

  border: none;

  outline: none;

  background: transparent;

  color: #333;

  font-size: 15px;

}


.sv-music-search input::placeholder {

  color: #777;

}


.sv-music-search button {

  height: 44px;

  padding: 0 24px;

  border: none;

  border-radius: 25px;

  background: #3d352d;

  color: white;

  font-size: 12px;

  letter-spacing: .5px;

  cursor: pointer;

  transition: background .3s ease;

}


.sv-music-search button:hover {

  background: #1f1b18;

}


/* =========================================
   TAGS
========================================= */

.sv-music-tags {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 7px;

  margin-top: 18px;

}


.sv-music-tags a {

  padding: 7px 12px;

  border-radius: 6px;

  color: white;

  text-decoration: none;

  font-size: 12px;

  background: rgba(255,255,255,.20);

  transition:
    background .25s ease;

}


.sv-music-tags a:hover {

  background: rgba(255,255,255,.35);

}


/* =========================================
   AVISO DO ACERVO
========================================= */

.sv-music-private {

  margin-top: 32px;

  font-size: 12px;

  opacity: .75;

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 700px) {

  .sv-music-hero {

    min-height: 650px;

  }


  .sv-music-content {

    padding: 60px 18px;

  }


  .sv-music-content h1 {

    font-size: 60px;

  }


  .sv-music-subtitle {

    font-size: 15px;

  }


  .sv-music-search {

    height: auto;

    min-height: 55px;

  }


  .sv-music-search button {

    padding: 0 15px;

  }


  .sv-music-search input {

    min-width: 0;

    font-size: 13px;

  }


  .sv-music-tags {

    max-width: 400px;

    margin-left: auto;

    margin-right: auto;

  }/* End custom CSS */