/* Fondo ilustrado local: sin servicios externos ni cambios de Firebase. */
body.storefront-theme {
  background-color: #101322;
  background-image: linear-gradient(rgba(10, 13, 24, .22), rgba(10, 13, 24, .38)), url('images/theme/anime-gaming.jpg');
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
.storefront-theme .hero {
  background: linear-gradient(90deg, rgba(10, 13, 24, .92) 0%, rgba(10, 13, 24, .74) 40%, rgba(10, 13, 24, .16) 100%), url('images/theme/anime-gaming.jpg') center / cover;
}
.storefront-theme .hero-scroll-fade {
  background: linear-gradient(180deg, transparent, rgba(10, 13, 24, .72));
}
.storefront-theme .hero p.lead,
.storefront-theme .hero-meta div { color: #f0f0f7; }
.storefront-theme .cat-page-hero {
  background: linear-gradient(90deg, rgba(10, 13, 24, .90), rgba(10, 13, 24, .55)), url('images/theme/anime-gaming.jpg') center 42% / cover;
  border-bottom: 1px solid rgba(255, 199, 44, .25);
}
.storefront-theme .section {
  /* Algunas secciones originales llevan un fondo blanco en el atributo style. */
  background: transparent !important;
  padding: 32px 20px;
}
.storefront-theme .section > .wrap {
  background: rgba(248, 248, 251, .97);
  border-radius: 22px;
  padding: 38px 28px;
  box-shadow: 0 18px 48px rgba(5, 8, 18, .22);
}
.storefront-theme .rev-wrap {
  background: rgba(248, 248, 251, .97);
  width: calc(100% - 40px);
  margin: 32px auto;
  border-radius: 22px;
  box-shadow: 0 18px 48px rgba(5, 8, 18, .22);
}
.storefront-theme footer {
  background: linear-gradient(rgba(10, 13, 24, .93), rgba(10, 13, 24, .98)), url('images/theme/anime-gaming.jpg') center bottom / cover;
}
@media (max-width: 700px) {
  body.storefront-theme {
    background-attachment: scroll;
    background-size: auto 1000px;
    background-repeat: repeat-y;
    background-position: 70% top;
  }
  .storefront-theme .hero {
    background-image: linear-gradient(180deg, rgba(10, 13, 24, .88), rgba(10, 13, 24, .68)), url('images/theme/anime-gaming.jpg');
    background-position: 88% center;
  }
  .storefront-theme .section { padding: 18px 12px; }
  .storefront-theme .section > .wrap { padding: 28px 18px; border-radius: 16px; }
  .storefront-theme .rev-wrap { width: calc(100% - 24px); padding: 28px 18px; margin: 18px auto; }
}
@media (max-width: 520px) {
  .storefront-theme .header-inner { padding: 12px; gap: 8px; }
  .storefront-theme .header-actions { gap: 6px; }
  .storefront-theme .logo { font-size: 1.3rem; }
  .storefront-theme .icon-btn, .storefront-theme .burger { width: 32px; height: 34px; flex-shrink: 0; }
  .storefront-theme .header-actions .wa-pill { display: none; }
  .storefront-theme .hero-art { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; height: auto; }
  .storefront-theme .float-card { position: static; width: auto; }
}
@media print {
  body.storefront-theme { background: #fff; }
  .storefront-theme .section > .wrap { background: #fff; box-shadow: none; }
}
@media (max-width: 420px) {
  .storefront-theme .product-grid,
  .storefront-theme .cat-grid,
  .storefront-theme .why-grid,
  .storefront-theme .steps { grid-template-columns: minmax(0, 1fr); }
  .storefront-theme .footer-grid { grid-template-columns: minmax(0, 1fr); }
  .storefront-theme .p-actions { flex-wrap: wrap; }
}