/* =========================================================================
   Friky Store — detalles del hero de la portada (después de tema-oscuro.css)
   Dario aprobó el hero tal cual: «me encanta, no me lo saques». Aquí solo viven
   los detalles de ese hero (fotos flotantes con brillo y estrellitas, buscador de vidrio).
   El resto de la página usa el estilo fan (estilo-fan.css).
   ========================================================================= */

/* Fotos flotantes del hero: brillo violeta con manchas rosa, estrellitas y círculo punteado */
body .lp-float {
  background:
    radial-gradient(circle at 86% 14%, rgba(236, 72, 153, .42), transparent 36%),
    radial-gradient(circle at 12% 90%, rgba(236, 72, 153, .3), transparent 34%),
    radial-gradient(120% 88% at 50% 62%, #7B47DE 0%, #3B1782 42%, #1E0A4A 80%);
}
body .lp-float::before, body .lp-float::after { content: ""; position: absolute; pointer-events: none; }
body .lp-float::before {
  inset: 0;
  background:
    radial-gradient(3px 3px at 10% 15%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(2px 2px at 31% 8%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(2.5px 2.5px at 67% 12.5%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(2px 2px at 92% 35%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(2px 2px at 7% 47%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(3px 3px at 94% 63%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(2.5px 2.5px at 12.5% 93%, rgba(255, 255, 255, .7), transparent 70%),
    radial-gradient(2px 2px at 73% 94%, rgba(255, 255, 255, .7), transparent 70%);
}
body .lp-float::after { left: 10.4%; top: 28.3%; width: 79.2%; aspect-ratio: 1; border-radius: 50%; border: 1.5px dashed rgba(255, 255, 255, .16); }
body .lp-float img { position: relative; z-index: 1; }

/* Buscador de vidrio sobre el hero (body delante para ganarle a landing.css, que carga después) */
body .lp-galaxy .lp-search .input { background: rgba(26, 8, 64, .5); border-color: rgba(233, 223, 255, .26); }
body .lp-galaxy .lp-search .input:focus { border-color: var(--uva); }