/* ===== TUTORIAL SIMPLE REPARTIDOR ===== */
.rep-tutorial-card {
  display: none;
  background: linear-gradient(160deg, #0d3d20 0%, var(--verde2) 55%, var(--verde) 100%);
  color: white;
  border-radius: 22px;
  padding: 18px;
  margin-bottom: 14px;
  box-shadow: var(--sombra-lg);
  position: relative;
  overflow: hidden;
}
.rep-tutorial-card.show { display: block; }
.rep-tutorial-card::before {
  content: '';
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  right: -45px;
  top: -50px;
  background: rgba(255,209,102,.13);
}
.rep-tutorial-top { display:flex; align-items:center; justify-content:space-between; gap:10px; position:relative; z-index:1; }
.rep-tutorial-count { background: rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:5px 10px; font-size:11px; font-weight:900; }
.rep-tutorial-close { border:none; background:rgba(255,255,255,.14); color:white; border-radius:50%; width:32px; height:32px; font-weight:900; cursor:pointer; }
.rep-tutorial-icon { font-size:46px; margin:16px 0 10px; position:relative; z-index:1; }
.rep-tutorial-title { font-size:22px; line-height:1.15; font-weight:950; letter-spacing:-.03em; position:relative; z-index:1; }
.rep-tutorial-title em { color: var(--amarillo); font-style:normal; }
.rep-tutorial-text { margin-top:10px; font-size:13px; color:rgba(255,255,255,.82); line-height:1.55; font-weight:650; position:relative; z-index:1; }
.rep-tutorial-tip { margin-top:13px; background:white; color:var(--texto); border-radius:16px; padding:12px; font-size:12px; font-weight:750; line-height:1.45; position:relative; z-index:1; }
.rep-tutorial-actions { display:flex; gap:10px; margin-top:16px; position:relative; z-index:1; }
.rep-tutorial-actions button { flex:1; border:none; border-radius:24px; padding:12px 14px; font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; font-weight:900; cursor:pointer; }
.rep-tutorial-prev { background:rgba(255,255,255,.14); color:white; border:1px solid rgba(255,255,255,.2)!important; }
.rep-tutorial-next { background:white; color:var(--verde2); }
.rep-tutorial-dots { display:flex; justify-content:center; gap:6px; margin-top:14px; position:relative; z-index:1; }
.rep-tutorial-dot { width:7px; height:7px; border-radius:50%; background:rgba(255,255,255,.28); }
.rep-tutorial-dot.on { background:var(--amarillo); width:18px; border-radius:999px; }