/* rdp-progress.css - modern animated progress bar */
.rdp-progress-wrap{width:100%;max-width:1100px;margin:10px auto 18px;padding:0 12px;box-sizing:border-box;}
.rdp-progress-bar{height:14px;background:linear-gradient(90deg, rgba(255,255,255,0.06), rgba(0,0,0,0.06));border-radius:999px;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(2,6,23,0.18), inset 0 1px 0 rgba(255,255,255,0.03);}
.rdp-progress-inner{height:100%;width:0%;border-radius:999px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;box-sizing:border-box;transition:width 600ms cubic-bezier(.2,.9,.25,1);background:linear-gradient(90deg,#00C6FF 0%, #0072FF 40%, #7B61FF 100%);position:relative;overflow:hidden;}
.rdp-progress-inner::before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-image:linear-gradient(45deg, rgba(255,255,255,0.08) 25%, rgba(255,255,255,0.02) 25%, rgba(255,255,255,0.02) 50%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.08) 75%, rgba(255,255,255,0.02) 75%);background-size:40px 40px;animation:rdp-stripes 2.5s linear infinite;opacity:0.12;mix-blend-mode:overlay;}
@keyframes rdp-stripes{from{background-position:0 0;}to{background-position:40px 0;}}
.rdp-progress-label{font-size:12px;font-weight:700;color:#fff;z-index:2;mix-blend-mode:normal;letter-spacing:0.2px;}
.rdp-progress-meta{font-size:12px;color:#9aa3b2;margin-top:6px;text-align:right;max-width:1100px;margin-left:auto;margin-right:12px;}
@media (max-width:480px){ .rdp-progress-label{font-size:11px;} .rdp-progress-bar{height:12px;} }


/* Appended dark premium overrides by ChatGPT */

/* ===========================
   RDP - Dark Premium theme override
   Applied: versión "Premium Oscuro" — solo CSS, sin tocar JS/PHP
   Palette: navy profundo, oro cálido, esmeralda, acento magenta suave
   =========================== */
:root {
  --rdp-dark-bg: #071226;
  --rdp-deep: #0A1422;
  --rdp-gold: #C9A83C;
  --rdp-emerald: #20B78A;
  --rdp-accent: #9B5CFF;
  --rdp-muted: #0F2333;
  --rdp-text: #E7EEF6;
}

/* Fondo general y texto */
.rdp-grid, .rdp-viewer, .rdp-admin-grid, .rdp-container, .rdp-wrapper, body.admin-page {
  background: linear-gradient(180deg, var(--rdp-dark-bg), var(--rdp-deep)) !important;
  color: var(--rdp-text) !important;
}

/* Tarjetas / cartones */
.rdp-grid .carton, .rdp-card, .rdp-cell, .carton, .rdp-item {
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  border: 1px solid rgba(255,255,255,0.03) !important;
  box-shadow: 0 8px 30px rgba(2,6,12,0.6), inset 0 1px 0 rgba(255,255,255,0.02) !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hover */
.rdp-grid .carton:hover, .carton:hover, .rdp-cell:hover, .rdp-card:hover {
  transform: translateY(-8px) scale(1.03) !important;
  box-shadow: 0 20px 50px rgba(3,8,18,0.7), 0 0 20px rgba(155,92,255,0.04) !important;
}

/* Estados */
.rdp-available, .status-available, .carton-available, .available, .rdp-status-available {
  background: linear-gradient(180deg, rgba(32,183,138,0.95), rgba(16,120,86,0.95)) !important;
  color: #02120C !important;
  font-weight: 800 !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
  text-shadow: 0 1px 0 rgba(255,255,255,0.03) !important;
}

.rdp-reserved, .status-reserved, .carton-reserved, .reserved, .rdp-status-reserved {
  background: linear-gradient(180deg, rgba(155,92,255,0.95), rgba(120,60,220,0.95)) !important;
  color: #FFF !important;
  font-weight: 700 !important;
  border: 1px solid rgba(0,0,0,0.2) !important;
}

.rdp-paid, .status-paid, .carton-paid, .paid, .rdp-status-paid {
  background: linear-gradient(90deg, rgba(201,168,60,0.98), rgba(138,110,36,0.98)) !important;
  color: var(--rdp-deep) !important;
  font-weight: 900 !important;
  border: 1px solid rgba(0,0,0,0.25) !important;
  box-shadow: 0 6px 18px rgba(201,168,60,0.08) !important;
}

/* Números */
.rdp-cell .number, .carton .number, .rdp-card .number, .rdp-item .number {
  font-weight: 900 !important;
  color: var(--rdp-text) !important;
  font-size: 1.06rem !important;
  letter-spacing: 0.6px !important;
  text-shadow: 0 2px 12px rgba(11,18,28,0.6) !important;
}

/* Botones CTA premium */
.rdp-cta-button, .rdp-reserve-btn, .rdp-buy-btn, button.rdp-cta, .rdp-action a {
  background: linear-gradient(90deg, var(--rdp-accent), var(--rdp-gold)) !important;
  color: #071226 !important;
  border-radius: 12px !important;
  padding: 9px 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 30px rgba(155,92,255,0.12), 0 4px 10px rgba(201,168,60,0.08) !important;
  border: none !important;
  text-transform: uppercase !important;
}

/* Hover botón */
.rdp-cta-button:hover, .rdp-reserve-btn:hover, button.rdp-cta:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 40px rgba(155,92,255,0.18), 0 6px 18px rgba(201,168,60,0.12) !important;
}

/* Legend */
.rdp-legend, .rdp-legend-wrap {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
  color: var(--rdp-text) !important;
}

.rdp-legend .item, .rdp-legend .legend-item {
  padding: 8px 12px !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.03) !important;
}

/* Responsive small */
@media (max-width: 720px) {
  .rdp-grid .carton, .rdp-card, .rdp-cell {
    padding: 8px !important;
    border-radius: 12px !important;
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  .rdp-grid .carton, .rdp-cell, .rdp-card { transition: none !important; transform: none !important; }
}

/* End dark override */