/* Navegación: el marco completo identifica la pestaña activa con un halo tenue. */
nav#nav a.active{
  background:radial-gradient(ellipse 88% 68% at 50% 48%,#f09b2724 0%,#d9822010 64%,transparent 100%)!important;
  box-shadow:inset 0 0 13px 1px #f6a43330,0 0 5px 1px #f6a43320!important;
}
nav#nav a.active:before{display:none!important;content:none!important;animation:none!important;}
nav#nav a.active .nav-symbol{
  background:radial-gradient(circle,#ffae3524 0%,#e9842010 48%,transparent 72%)!important;
  box-shadow:0 0 7px 1px #ec922b45!important;
  animation:none!important;
}
nav#nav a.active .nav-symbol svg{filter:brightness(1.16) drop-shadow(0 0 3px #ff9e2f99)!important;}

/* La senda del despertar: ilustración original presentada como siete cartas. */
.campaign-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-items:stretch;}
.campaign-steps .campaign-step-art{
  aspect-ratio:.84;min-width:0;position:relative;overflow:hidden;
  background-image:url('assets/awakening-reward-cards.png');background-repeat:no-repeat;
  background-size:428% 270%;border:0!important;border-radius:2px!important;
  box-shadow:0 2px 8px #0008;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;
}
.campaign-steps .campaign-step-1{background-position:2% 6.3%;}
.campaign-steps .campaign-step-2{background-position:34.2% 6.3%;}
.campaign-steps .campaign-step-3{background-position:66.5% 6.3%;}
.campaign-steps .campaign-step-4{background-position:98.6% 6.3%;}
.campaign-steps .campaign-step-5{background-position:2.1% 70.8%;}
.campaign-steps .campaign-step-6{background-position:34.5% 70.8%;}
.campaign-steps .campaign-step-7{background-position:66.8% 70.8%;}
.campaign-steps .campaign-step-art>span{position:absolute;right:7%;top:5%;width:24px;height:24px;display:grid;place-items:center;border:1px solid #f4ce7d;border-radius:50%;background:#181008d9;color:#ffe5a5;font:15px Georgia;box-shadow:0 0 8px #ffbd4c66;}
.campaign-steps .campaign-step-art:not(.lit)>span{display:none;}
.campaign-steps .campaign-step-art.lit{filter:brightness(1.12);box-shadow:0 0 11px #f5ad424f,0 2px 8px #0009;}
.campaign-steps .campaign-step-art:hover{transform:translateY(-2px);filter:brightness(1.12);}
.campaign-steps .campaign-step-art .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
/* Retos utiliza la misma ilustración como tarjetas pulsables de recompensa. */
.campaign-path>button.campaign-card-art{
  aspect-ratio:.84;min-width:0;min-height:0;position:relative;overflow:hidden;
  border:0!important;border-radius:2px!important;padding:0!important;
  background-image:url('assets/awakening-reward-cards.png')!important;background-repeat:no-repeat!important;
  background-size:428% 270%!important;box-shadow:0 2px 8px #0008!important;
  filter:none;transition:filter .2s ease,box-shadow .2s ease,transform .2s ease;
}
.campaign-path .campaign-card-1{background-position:2% 6.3%!important;}
.campaign-path .campaign-card-2{background-position:34.2% 6.3%!important;}
.campaign-path .campaign-card-3{background-position:66.5% 6.3%!important;}
.campaign-path .campaign-card-4{background-position:98.6% 6.3%!important;}
.campaign-path .campaign-card-5{background-position:2.1% 70.8%!important;}
.campaign-path .campaign-card-6{background-position:34.5% 70.8%!important;}
.campaign-path .campaign-card-7{background-position:66.8% 70.8%!important;}
.campaign-path>button.campaign-card-art .path-glyph,
.campaign-path>button.campaign-card-art strong,
.campaign-path>button.campaign-card-art small{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
.campaign-path>button.campaign-card-art.ready,.campaign-path>button.campaign-card-art.claimed{background-color:transparent!important;}
.campaign-path>button.campaign-card-art.ready{filter:brightness(1.1);box-shadow:0 0 10px #f5ad424f,0 2px 8px #0009!important;}
.campaign-path>button.campaign-card-art.claimed{filter:brightness(.82) saturate(.75);}
.campaign-path>button.campaign-card-art:hover{transform:translateY(-2px);filter:brightness(1.12);}
.campaign-path .campaign-check{display:none;position:absolute;right:6%;top:5%;width:22px;height:22px;place-items:center;border:1px solid #f4ce7d;border-radius:50%;background:#181008e8;color:#ffe5a5;font:14px Georgia;box-shadow:0 0 8px #ffbd4c66;}
.campaign-path .claimed .campaign-check{display:grid;}
@media(max-width:650px){
  .campaign-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:18px 0!important;}
  .campaign-steps .campaign-step-art{aspect-ratio:.84;}
  .campaign-steps .campaign-step-art>span{width:20px;height:20px;font-size:13px;}
  .campaign-path{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
}