/* Shared by the vinyl-disc style: inicio/ (design picker) and 404/ (broken
   record). Only rules that are identical in both live here; each page keeps
   its own <style> for the rest, loaded after this file. */
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
.fondo { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.trama--a { left: -8vmax; top: -8vmax; -webkit-mask: radial-gradient(circle at 0 0, #000, transparent 62%); mask: radial-gradient(circle at 0 0, #000, transparent 62%); }
.trama--b { right: -8vmax; bottom: -8vmax; -webkit-mask: radial-gradient(circle at 100% 100%, #000, transparent 62%); mask: radial-gradient(circle at 100% 100%, #000, transparent 62%); opacity: .6; }
.franjas span { position: absolute; left: -90vmax; width: 180vmax; }
.franja--ancha {
  top: -9vmin;
  height: 18vmin;
  background: linear-gradient(90deg, transparent, rgba(29, 74, 112, .17) 30%, rgba(29, 74, 112, .17) 70%, transparent);
  clip-path: polygon(0 30%, 38% 0, 62% 18%, 100% 4%, 100% 72%, 58% 100%, 34% 80%, 0 96%);
}
.franja--fina { top: 13vmin; height: 1px; background: linear-gradient(90deg, transparent, rgba(244, 244, 242, .1) 40%, transparent 85%); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition-duration: .01ms !important; }
}