/* Overlay full-screen */
.pepsi-loader {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: radial-gradient(circle, #0e0e9c, #050541);  
  display: grid;
  place-items: center;
  opacity: 1;
  transition: opacity .35s ease, visibility .35s ease;
  visibility: visible;
}

/* Contenido del loader */
.pepsi-loader__inner {
  display: grid;
  place-items: center;
  gap: 16px;
  text-align: center;
}

.pepsi-loader__inner img {
  width: min(40vw, 220px);
  height: auto;
  display: block;
}

.pepsi-loader__label {
  font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #ffffff;
  opacity: .85;
}

/* Estado oculto (se aplica vía JS al terminar la carga) */
.pepsi-loader.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.svgator-loader {
    width: 300px;
}

/* Accesibilidad: si el usuario prefiere menos animaciones */
@media (prefers-reduced-motion: reduce) {
  .pepsi-loader {
    transition: none;
  }
}