/* Mantiene la plantilla de selección y sus partículas con la identidad de Behuma. */
.signage-page{
  background:
    radial-gradient(ellipse at 10% 15%, rgba(255,144,78,.13), transparent 45%),
    radial-gradient(ellipse at 90% 85%, rgba(255,86,89,.15), transparent 42%),
    #372145;
  color:#fff;
}

.signage-page::after{
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,144,78,.1) 47%, transparent 54%),
    radial-gradient(circle at 16% 24%, rgba(255,255,255,.12), transparent 18%),
    radial-gradient(circle at 86% 72%, rgba(255,86,89,.13), transparent 20%);
}

.signage-page .brewery-particle-canvas{
  filter:grayscale(1) brightness(1.7);
  opacity:.55;
}

.signage-page .brewery-back{
  border-color:rgba(255,144,78,.7);
  color:#fff;
}

.signage-page .brewery-back:hover,
.signage-page .brewery-back:focus-visible{
  border-color:#ff904e;
  background:rgba(255,144,78,.15);
}

.signage-page .brewery-kicker{
  color:#ff904e;
}

.signage-page .brewery-header h1{
  color:#fff;
}

.signage-page .brewery-lead{
  color:rgba(255,255,255,.8);
}

.signage-card{
  gap:24px;
  border-color:rgba(255,144,78,.55);
  background:#372145;
  padding:32px 28px 38px;
  box-shadow:0 24px 70px rgba(20,10,27,.32);
}

.signage-card::before{
  background:
    linear-gradient(135deg, rgba(255,144,78,.09), transparent 35%),
    linear-gradient(315deg, rgba(255,86,89,.1), transparent 35%);
}

.signage-card::after{
  background:linear-gradient(115deg, transparent 34%, rgba(255,255,255,.16) 48%, transparent 62%);
}

.signage-card:hover,
.signage-card:focus-visible{
  border-color:#ff904e;
  box-shadow:0 32px 80px rgba(20,10,27,.4);
}

.signage-card img.signage-logo{
  width:min(280px, 68vw);
  max-width:100%;
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:#372145;
  box-shadow:none;
}

.signage-card .brewery-glow{
  width:min(460px, 90%);
  background:radial-gradient(circle, rgba(255,144,78,.15), transparent 65%);
}

.signage-card .brewery-card-copy{
  gap:12px;
  max-width:100%;
}

.signage-card-category{
  color:rgba(255,255,255,.78);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.6;
  text-transform:uppercase;
}

.signage-card .brewery-card-copy strong{
  color:#fff;
  font-size:clamp(30px, 4vw, 50px);
}

.signage-card .brewery-card-copy small{
  color:#ff904e;
  line-height:1.6;
}

.signage-card .brewery-card-copy small span{
  display:inline-block;
  margin-left:5px;
  color:#ff5659;
  transition:transform .22s ease;
}

.signage-card:hover .brewery-card-copy small span,
.signage-card:focus-visible .brewery-card-copy small span{
  transform:translateX(4px);
}

@media(max-width:640px){
  .signage-card{
    gap:22px;
    padding:24px 18px 30px;
  }

  .signage-card-category{
    max-width:26ch;
    margin-inline:auto;
    letter-spacing:.1em;
  }
}

@media(prefers-reduced-motion:reduce){
  .signage-page::after,
  .signage-card,
  .signage-card::after,
  .signage-card .brewery-glow,
  .signage-card .brewery-card-copy small span,
  .signage-page .brewery-back{
    animation:none;
    transition:none;
  }

  .signage-card:hover,
  .signage-card:focus-visible,
  .signage-page .brewery-back:hover,
  .signage-page .brewery-back:focus-visible,
  .signage-card:hover .brewery-card-copy small span,
  .signage-card:focus-visible .brewery-card-copy small span{
    transform:none;
  }
}