/* =====================================================
   COOKIES PREMIUM - Ricardo Lozano
   Archivo: assets/css/03-cookies.css
   ===================================================== */

.rl-cookie-banner,
.rl-cookie-panel,
.rl-cookie-manage {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.rl-cookie-banner {
  position: fixed !important;
  left: 24px !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 999999 !important;

  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 22px !important;

  border-radius: 28px !important;
  border: 1.25px solid transparent !important;

  background:
    radial-gradient(circle at 12% 12%, rgba(47, 98, 255, .13), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,251,255,.94)) padding-box,
    linear-gradient(135deg, rgba(47,98,255,.45), rgba(16,185,129,.18), rgba(242,99,238,.28)) border-box !important;

  box-shadow:
    0 28px 80px rgba(15, 23, 42, .16),
    0 14px 34px rgba(47, 98, 255, .12),
    inset 0 1px 0 rgba(255,255,255,.96) !important;

  color: #071126 !important;
}

.rl-cookie-banner[hidden],
.rl-cookie-panel[hidden],
.rl-cookie-manage[hidden] {
  display: none !important;
}

.rl-cookie-title {
  margin: 0 0 8px 0 !important;
  color: #071126 !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

.rl-cookie-text {
  margin: 0 !important;
  max-width: 760px !important;
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.rl-cookie-text a {
  color: #2f62ff !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

.rl-cookie-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.rl-cookie-btn {
  min-height: 46px !important;
  padding: 0 20px !important;

  border-radius: 999px !important;
  border: 1.2px solid rgba(191, 208, 255, .75) !important;

  background: rgba(255,255,255,.82) !important;
  color: #24324a !important;

  font-size: 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
}

.rl-cookie-btn-primary {
  border-color: rgba(79,124,255,.52) !important;
  background: linear-gradient(135deg, #4f7cff 0%, #436ff4 72%, #6f78f6 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(79,124,255,.22) !important;
}

.rl-cookie-btn:hover {
  transform: translateY(-1px) !important;
}

.rl-cookie-panel {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000000 !important;

  display: grid !important;
  place-items: center !important;

  padding: 24px !important;
  background: rgba(7, 17, 38, .42) !important;
  backdrop-filter: blur(10px) !important;
}

.rl-cookie-panel-box {
  width: min(620px, 100%) !important;
  padding: 28px !important;

  border-radius: 30px !important;
  border: 1.25px solid rgba(191, 208, 255, .55) !important;

  background:
    radial-gradient(circle at 12% 12%, rgba(79,124,255,.12), transparent 34%),
    linear-gradient(145deg, #ffffff, #f8fbff) !important;

  box-shadow: 0 34px 90px rgba(15,23,42,.22) !important;
}

.rl-cookie-row {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 18px !important;
  align-items: center !important;

  padding: 18px 0 !important;
  border-bottom: 1px solid rgba(219,228,238,.8) !important;
}

.rl-cookie-row:last-of-type {
  border-bottom: 0 !important;
}

.rl-cookie-row strong {
  display: block !important;
  margin-bottom: 4px !important;
  color: #071126 !important;
  font-size: 16px !important;
}

.rl-cookie-row span {
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.rl-cookie-toggle {
  width: 48px !important;
  height: 28px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: #cbd5e1 !important;
  cursor: pointer !important;
  position: relative !important;
}

.rl-cookie-toggle::before {
  content: "" !important;
  position: absolute !important;
  top: 4px !important;
  left: 4px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  transition: transform .2s ease !important;
}

.rl-cookie-toggle[aria-pressed="true"] {
  background: #4f7cff !important;
}

.rl-cookie-toggle[aria-pressed="true"]::before {
  transform: translateX(20px) !important;
}

.rl-cookie-manage {
  position: fixed !important;
  left: 18px !important;
  bottom: 18px !important;
  z-index: 999998 !important;

  min-height: 38px !important;
  padding: 0 15px !important;

  border-radius: 999px !important;
  border: 1px solid rgba(191,208,255,.72) !important;

  background: rgba(255,255,255,.92) !important;
  color: #475569 !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;

  box-shadow: 0 10px 26px rgba(15,23,42,.10) !important;
}

@media (max-width: 767px) {
  .rl-cookie-banner {
    left: 14px !important;
    right: 14px !important;
    bottom: 14px !important;
    padding: 18px !important;
    border-radius: 24px !important;
  }

  .rl-cookie-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .rl-cookie-btn {
    width: 100% !important;
  }
}