/* ============================================
   Preloader global — Red Maker
   Versiones: v1 (rojo+puntos), v5 (blanco+puntos), v6 (blanco+gif)
   ============================================ */

#rm-preloader {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 22px;
}

#rm-preloader.rm-pre--show {
  display: flex;
}

/* ── V1: fondo rojo ── */
#rm-preloader[data-estilo="v1"] {
  background: #c40000;
}

/* ── V5 y V6: fondo blanco ── */
#rm-preloader[data-estilo="v5"],
#rm-preloader[data-estilo="v6"] {
  background: #ffffff;
}

/* ── Puntos pulsantes ── */
.rm-pre-dots {
  display: flex;
  gap: 13px;
}

.rm-pre-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  animation: rm-bounce 1.4s ease-in-out infinite;
  opacity: .35;
}

.rm-pre-dot:nth-child(2) { animation-delay: .22s; }
.rm-pre-dot:nth-child(3) { animation-delay: .44s; }

@keyframes rm-bounce {
  0%, 80%, 100% { transform: scale(.55); opacity: .35; }
  40%           { transform: scale(1);   opacity: 1;   }
}

/* Dot blanco (v1) */
#rm-preloader[data-estilo="v1"] .rm-pre-dot {
  background: #ffffff;
}

/* Dot rojo (v5) */
#rm-preloader[data-estilo="v5"] .rm-pre-dot {
  background: #c40000;
}

/* ── GIF (v6) ── */
.rm-pre-gif {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rm-pre-gif img {
  width: auto;
  height: auto;
  max-width: 160px;
  max-height: 160px;
  object-fit: contain;
}

/* ── Texto ── */
.rm-pre-txt {
  text-align: center;
}

.rm-pre-txt p {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .4px;
  margin-bottom: 5px;
  font-family: 'Barlow', 'Segoe UI', Arial, sans-serif;
}

.rm-pre-txt small {
  font-size: 12px;
  font-family: 'Barlow', 'Segoe UI', Arial, sans-serif;
}

/* Texto blanco (v1) */
#rm-preloader[data-estilo="v1"] .rm-pre-txt p {
  color: rgba(255, 255, 255, .95);
}
#rm-preloader[data-estilo="v1"] .rm-pre-txt small {
  color: rgba(255, 255, 255, .6);
}

/* Texto oscuro (v5, v6) */
#rm-preloader[data-estilo="v5"] .rm-pre-txt p,
#rm-preloader[data-estilo="v6"] .rm-pre-txt p {
  color: #1a1a1a;
}
#rm-preloader[data-estilo="v5"] .rm-pre-txt small,
#rm-preloader[data-estilo="v6"] .rm-pre-txt small {
  color: #666666;
}