/* Descubriendo Música — uniformidad global 2026 */
.topbar{
  position:sticky;top:0;z-index:50;background:#030603;
  border-bottom:1px solid rgba(57,255,20,.06);backdrop-filter:blur(18px)
}
.topbar .container{width:min(1500px,calc(100% - 48px))}
.topbar .nav{
  min-height:86px;display:grid;
  grid-template-columns:minmax(390px,.78fr) minmax(780px,1.22fr);
  align-items:center;gap:64px
}
.topbar .brand,footer .brand{
  display:flex;align-items:center;gap:15px;font-weight:950;
  letter-spacing:-.035em;text-transform:uppercase;min-width:max-content;text-decoration:none
}
.topbar .brand img,footer .brand img{
  width:62px;height:62px;border-radius:50%;object-fit:contain;
  box-shadow:0 0 25px rgba(57,255,20,.18)
}
.topbar .brand span,footer .brand span{display:grid;line-height:1.02}
.topbar .brand strong,footer .brand strong{font-size:1rem;font-weight:950;color:#fff}
.topbar .brand small,footer .brand small{
  color:#39ff14;font-size:.82rem;font-weight:950;letter-spacing:.065em
}
.topbar .menu{
  display:grid;grid-template-columns:repeat(5,max-content);justify-content:space-between;
  align-items:center;width:100%;column-gap:38px;row-gap:12px;
  font-size:.96rem;font-weight:900;color:#c9cfc6;line-height:1.15
}
.topbar .menu a{white-space:nowrap;color:inherit;text-decoration:none;transition:color .15s ease}
.topbar .menu a:hover,.topbar .menu a.active{color:#39ff14}
.topbar .nav-cta{display:none!important}
.topbar .mobile-toggle{
  display:none;border:1px solid rgba(57,255,20,.22);color:#fff;background:rgba(255,255,255,.06);
  padding:10px 14px;border-radius:999px;cursor:pointer
}
footer{
  margin-top:50px;padding:54px 0 34px;border-top:1px solid rgba(57,255,20,.12);
  background:#030303
}
footer .container{width:min(1320px,calc(100% - 40px));margin:0 auto}
footer .footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
footer .footer-links{display:flex;flex-wrap:wrap;gap:16px;color:#aeb9aa;font-size:.92rem}
footer .footer-links a{color:inherit;text-decoration:none}
footer .footer-links a:hover{color:#39ff14}
footer .legal{color:#8f9b8b;font-size:.86rem;margin-top:20px;max-width:800px}
footer .footer-affiliate-link{color:#39ff14;font-weight:800;text-decoration:underline;text-underline-offset:3px}
footer .footer-music-share{color:#d6e4d3}

/* Blog tipo revista */
.posts{gap:22px!important}
.posts .post{
  padding:0!important;min-height:100%!important;display:flex!important;flex-direction:column!important;
  overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.04))!important
}
.posts .post::after{display:none!important}
.posts .post.featured{grid-column:span 2}
.post-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#091008;border-bottom:1px solid rgba(57,255,20,.13)}
.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}
.post:hover .post-image img{transform:scale(1.035);filter:brightness(.9)}
.post-content{padding:22px;display:flex;flex-direction:column;flex:1}
.post-content .tag{margin-bottom:14px}
.post-content .post-link{margin-top:auto}
.posts .post.featured .post-image{aspect-ratio:2.08/1}

/* Enlaces internos entre los tres pilares */
.dm-crosslinks{padding:34px 0 64px}
.dm-crosslinks .dm-crosslinks-panel{
  position:relative;overflow:hidden;padding:32px;border-radius:28px;
  border:1px solid rgba(57,255,20,.22);
  background:radial-gradient(circle at 90% 0%,rgba(57,255,20,.14),transparent 35%),rgba(255,255,255,.045)
}
.dm-crosslinks .dm-crosslinks-kicker{
  color:#39ff14;font-weight:950;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px
}
.dm-crosslinks h2,.dm-crosslinks h3{margin:0 0 10px;line-height:1.08;letter-spacing:-.035em;color:#fff}
.dm-crosslinks p{max-width:760px;color:#b7c2b3;margin:0 0 20px}
.dm-crosslinks-actions{display:flex;flex-wrap:wrap;gap:12px}
.dm-crosslink{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 17px;border-radius:999px;
  border:1px solid rgba(57,255,20,.25);background:rgba(57,255,20,.10);color:#fff!important;font-weight:900;text-decoration:none
}
.dm-crosslink.primary{background:linear-gradient(135deg,#16b900,#39ff14);color:#050505!important;border-color:transparent}
.dm-crosslink:hover{transform:translateY(-1px)}

@media(max-width:1280px){
  .topbar .container{width:min(1380px,calc(100% - 36px))}
  .topbar .nav{grid-template-columns:minmax(340px,.75fr) minmax(690px,1.25fr);gap:34px}
  .topbar .menu{column-gap:24px;font-size:.89rem}
}
@media(max-width:1080px){
  .topbar .container{width:min(100% - 30px,1180px)}
  .topbar .nav{grid-template-columns:minmax(300px,.72fr) minmax(600px,1.28fr);gap:24px}
  .topbar .menu{column-gap:16px;font-size:.84rem}
}
@media(max-width:920px){
  .topbar .nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px}
  .topbar .brand img{width:54px;height:54px}
  .topbar .mobile-toggle{display:inline-flex}
  .topbar .menu{
    position:absolute;left:20px;right:20px;top:76px;display:none;grid-template-columns:1fr;
    align-items:stretch;padding:18px;border-radius:20px;background:rgba(3,6,3,.99);
    border:1px solid rgba(57,255,20,.16);row-gap:0;font-size:.92rem
  }
  .topbar .menu.open{display:grid}
  .topbar .menu a{padding:10px 8px;text-align:left}
  footer .footer-grid{grid-template-columns:1fr}
  .posts .post.featured{grid-column:span 2}
}
@media(max-width:640px){
  .topbar .container{width:calc(100% - 24px)}
  .topbar .nav{min-height:72px}
  .topbar .brand{gap:10px}.topbar .brand img{width:48px;height:48px}
  .topbar .brand strong{font-size:.82rem}.topbar .brand small{font-size:.62rem;letter-spacing:.055em}
  .topbar .menu{top:72px}
  footer .container{width:calc(100% - 28px)}
  .posts .post.featured{grid-column:auto}
  .dm-crosslinks .dm-crosslinks-panel{padding:24px}
}