*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0b0605}
::selection{background:#D00206;color:#ece4d6}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0b0605}
::-webkit-scrollbar-thumb{background:#3a1410;border-radius:0}
::-webkit-scrollbar-thumb:hover{background:#D00206}
@keyframes emberRise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}100%{transform:translateY(-120vh) scale(.4);opacity:0}}
@keyframes smokeDrift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(3%,-2%) scale(1.05)}100%{transform:translate(0,0) scale(1)}}
@keyframes scrollBob{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(10px);opacity:1}}
@keyframes glowPulse{0%,100%{opacity:.5}50%{opacity:.9}}
@keyframes flicker{0%,100%{opacity:1}92%{opacity:1}94%{opacity:.4}96%{opacity:1}97%{opacity:.7}98%{opacity:1}}

/* ===== Menú móvil (oculto en desktop) ===== */
.hvNavToggle{display:none}
.hvBurger{display:none}
.hvNavBackdrop{display:none}

/* ===== RESPONSIVE ===== */
@media(max-width:1080px){
  /* Nav -> hamburguesa */
  #hvNav{padding:16px 22px!important}
  .hvBurger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;cursor:pointer;z-index:100;margin-left:auto}
  .hvBurger span{display:block;width:26px;height:2px;background:#ece4d6;transition:transform .3s ease,opacity .2s ease}
  .hvNavToggle:checked ~ .hvBurger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hvNavToggle:checked ~ .hvBurger span:nth-child(2){opacity:0}
  .hvNavToggle:checked ~ .hvBurger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hvNavLinks{position:fixed!important;top:0;right:0;height:100vh;width:min(80vw,300px);flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:28px!important;padding:0 34px!important;background:rgba(11,6,5,.97);backdrop-filter:blur(10px);border-left:1px solid rgba(208,2,6,.45);transform:translateX(105%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:95}
  .hvNavToggle:checked ~ .hvNavLinks{transform:translateX(0)}
  .hvNavLinks a{font-size:16px!important;opacity:1!important}
  .hvNavBackdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,0);pointer-events:none;transition:background .4s ease;z-index:94}
  .hvNavToggle:checked ~ .hvNavBackdrop{background:rgba(0,0,0,.55);pointer-events:auto}
}
@media(max-width:1024px){
  .hvAlbumGrid{grid-template-columns:1fr!important;gap:40px!important}
  .hvVideoGrid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:760px){
  .hvMembersGrid{grid-template-columns:repeat(2,1fr)!important}
  .hvShopGrid{grid-template-columns:repeat(2,1fr)!important}
  .hvVideoGrid{grid-template-columns:1fr!important}
  #album,#tracks,#band,#bio,#tour,#shop,#video,#contact{padding-left:22px!important;padding-right:22px!important;padding-top:84px!important;padding-bottom:84px!important}
}
@media(max-width:560px){
  #album,#tracks,#band,#bio,#tour,#shop,#video,#contact{padding-left:16px!important;padding-right:16px!important}
  .hvShow{grid-template-columns:1fr auto!important;gap:4px 14px!important;padding-left:6px!important;padding-right:6px!important}
  .hvShow>div:first-child{grid-column:1/-1}
  .hvTrack{gap:14px!important;padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:400px){
  .hvMembersGrid,.hvShopGrid{grid-template-columns:1fr!important}
}