/* Dale Color Editor PRO -- solo lo del Editor PRO queda visible */
body.dc-pro-only .app-nav button[data-seccion="feed"],
body.dc-pro-only .app-nav button[data-seccion="player"],
body.dc-pro-only .dc-tile-vitral,
body.dc-pro-only .dc-tile-bordado,
body.dc-pro-only .dc-tile-sticker,
body.dc-pro-only .dc-tile-pin,
body.dc-pro-only #player-minibar,
body.dc-pro-only #seccionPlayer { display: none !important; }
/* el unico tile que queda ocupa todo el ancho */
body.dc-pro-only .dc-editor-tiles { display: block !important; }
body.dc-pro-only .dc-tile-clasico { width: 100% !important; min-height: 96px; }
/* acceso a Dale Color Kids (ver pro-only.js) */
body.dc-pro-only .dc-tile-kids { display: flex; flex-direction: row; align-items: center; gap: 12px; width: 100%; min-height: 84px; margin-top: 10px; text-decoration: none; border-top: 3px solid #2b6ff5; }
body.dc-pro-only .dc-tile-kids .dc-tile-icono { width: 46px; height: 46px; font-size: 26px; border-radius: 14px; background: #e3edff; }
body.dc-pro-only .dc-tile-kids .dc-tile-nombre small { font-weight: 600; opacity: .75; font-size: 11px; }
/* vista predeterminada (perfil) */
.dc-vista-texto { margin: 0 0 10px; font-size: 13px; opacity: .75; }
.dc-vista-opciones { display: grid; gap: 10px; }
.dc-vista-op { display: flex; align-items: center; gap: 12px; text-align: left; padding: 14px; border-radius: 16px; border: 2px solid var(--t-tarjeta-borde, rgba(255,255,255,.15)); background: var(--t-tarjeta-bg, rgba(255,255,255,.05)); color: inherit; cursor: pointer; min-height: 64px; }
.dc-vista-op b { display: block; font-size: 15px; }
.dc-vista-op small { display: block; font-size: 12px; opacity: .7; margin-top: 2px; }
.dc-vista-ico { font-size: 26px; }
.dc-vista-op.dc-vista-on { border-color: var(--acento, #7c5cff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--acento, #7c5cff) 30%, transparent); }

/* acceso a Dale Scrapbook (ver pro-only.js): tarjeta premium que respeta el tema activo (variables --t-*) */
body.dc-pro-only .dc-tile-scrapbook {
  position: relative; overflow: hidden; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px;
  width: 100%; min-height: 96px; margin-top: 10px; padding: 14px 40px 14px 14px; text-decoration: none; text-align: left;
  border: 1px solid color-mix(in srgb, #d9a441 42%, var(--t-tarjeta-borde));
  background:
    radial-gradient(120% 150% at 100% 0%, color-mix(in srgb, #f0a9b4 26%, transparent) 0%, transparent 58%),
    radial-gradient(100% 140% at 0% 100%, color-mix(in srgb, #8fbf9a 24%, transparent) 0%, transparent 62%),
    var(--t-tarjeta-bg);
  box-shadow: 0 12px 28px var(--t-sombra), inset 0 1px 0 rgba(255, 255, 255, .16);
}
body.dc-pro-only .dc-tile-scrapbook::before {            /* filete dorado superior, igual que el azul de Kids y el naranja del Editor */
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, #c8963e, #f3dca0 45%, #c8963e);
}
body.dc-pro-only .dc-tile-scrapbook::after {             /* brillo diagonal muy sutil, como papel satinado */
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .09) 50%, transparent 62%);
}
body.dc-pro-only .dc-tile-scrapbook .dc-tile-icono {
  flex: none; width: 58px; height: 58px; font-size: 28px; border-radius: 18px; border: 0; transform: rotate(-5deg);
  background: linear-gradient(145deg, #fbefcf, #ecc77f 55%, #c8963e); color: #4a3410;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6), 0 8px 16px rgba(0, 0, 0, .3);
}
body.dc-pro-only .dc-tile-scrapbook .dc-tile-nombre { flex: 1 1 auto; min-width: 0; font-size: 17px; font-weight: 800; letter-spacing: .01em; text-align: left; }
body.dc-pro-only .dc-tile-scrapbook .dc-tile-nombre small { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; line-height: 1.3; opacity: .78; }
body.dc-pro-only .dc-tile-scrapbook .dc-tile-nuevo {
  position: absolute; top: 10px; right: 12px; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  background: linear-gradient(135deg, #f3dca0, #d9a441); color: #3d2a08; box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}
body.dc-pro-only .dc-tile-scrapbook .dc-tile-flecha { position: absolute; right: 14px; bottom: 12px; font-size: 26px; line-height: 1; opacity: .55; }
body.dc-pro-only .dc-tile-scrapbook:active { transform: scale(.975); }
@media (prefers-reduced-motion: reduce) { body.dc-pro-only .dc-tile-scrapbook:active { transform: none; } }

/* ═════ presentacion unificada del estudio (Editor PRO · Kids · Scrapbook) ═════ */
body.dc-pro-only .dc-estudio-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin: 20px 4px 6px; color: var(--t-texto); }
body.dc-pro-only .dc-estudio-cab b { font-size: 18px; font-weight: 800; letter-spacing: .01em; }
body.dc-pro-only .dc-estudio-cab span { font-size: 12px; font-weight: 600; opacity: .62; text-align: right; }

body.dc-pro-only .dc-tile-clasico.dc-lanz { --lz: #ff8a3d; --lz-grad: linear-gradient(145deg, #ffe3c4, #ffab63 55%, #e8661a); }
body.dc-pro-only .dc-tile-kids.dc-lanz { --lz: #3b82f6; --lz-grad: linear-gradient(145deg, #e3edff, #8db7ff 55%, #2b6ff5); }
body.dc-pro-only .dc-tile-scrapbook.dc-lanz { --lz: #d9a441; }

body.dc-pro-only .dc-tile-clasico.dc-lanz, body.dc-pro-only .dc-tile-kids.dc-lanz {
  position: relative; overflow: hidden; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 14px;
  width: 100%; min-height: 96px; margin-top: 12px; padding: 14px 44px 14px 14px; text-align: left; text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--lz) 40%, var(--t-tarjeta-borde));
  background:
    radial-gradient(120% 150% at 100% 0%, color-mix(in srgb, var(--lz) 24%, transparent) 0%, transparent 60%),
    var(--t-tarjeta-bg);
  box-shadow: 0 12px 28px var(--t-sombra), inset 0 1px 0 rgba(255, 255, 255, .14);
}
body.dc-pro-only .dc-tile-clasico.dc-lanz::before, body.dc-pro-only .dc-tile-kids.dc-lanz::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--lz) 80%, #000), color-mix(in srgb, var(--lz) 55%, #fff) 45%, color-mix(in srgb, var(--lz) 80%, #000));
}
body.dc-pro-only .dc-tile-clasico.dc-lanz::after, body.dc-pro-only .dc-tile-kids.dc-lanz::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(115deg, transparent 38%, rgba(255, 255, 255, .08) 50%, transparent 62%);
}
body.dc-pro-only .dc-tile-clasico.dc-lanz .dc-tile-icono, body.dc-pro-only .dc-tile-kids.dc-lanz .dc-tile-icono {
  flex: none; width: 58px; height: 58px; font-size: 28px; border-radius: 18px; border: 0; transform: rotate(-4deg);
  background: var(--lz-grad); color: #2a1606;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55), 0 8px 16px rgba(0, 0, 0, .3);
}
body.dc-pro-only .dc-tile-clasico.dc-lanz .dc-tile-nombre, body.dc-pro-only .dc-tile-kids.dc-lanz .dc-tile-nombre {
  flex: 1 1 auto; min-width: 0; font-size: 17px; font-weight: 800; letter-spacing: .01em; text-align: left;
}
body.dc-pro-only .dc-lanz .dc-tile-nombre small { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; line-height: 1.3; opacity: .78; }
body.dc-pro-only .dc-lanz .dc-tile-flecha { position: absolute; right: 14px; bottom: 12px; font-size: 26px; line-height: 1; opacity: .55; }
body.dc-pro-only .dc-tile-clasico.dc-lanz:active, body.dc-pro-only .dc-tile-kids.dc-lanz:active { transform: scale(.975); }

/* entrada escalonada de las tres tarjetas */
@keyframes dc-lanz-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
body.dc-pro-only .dc-lanz { animation: dc-lanz-in .5s cubic-bezier(.2, .8, .2, 1) backwards; animation-delay: var(--ret, 0ms); }
@media (prefers-reduced-motion: reduce) {
  body.dc-pro-only .dc-lanz { animation: none; }
  body.dc-pro-only .dc-tile-clasico.dc-lanz:active, body.dc-pro-only .dc-tile-kids.dc-lanz:active { transform: none; }
}

/* ═════════════════════════════════════════════════════════════════════════
   DALE COLOR · CAPA PREMIUM  (solo estilo: no cambia la lógica de la app)
   Todo se apoya en las variables del tema activo (--t-*, --acento), así que
   funciona en los 17 temas. Para volver atrás: restaurar pro-only.css.bak-*.
   ═════════════════════════════════════════════════════════════════════════ */
body.dc-pro-only {
  --pm-oro: #e9c46a;
  --pm-borde: color-mix(in srgb, var(--t-tarjeta-borde) 65%, rgba(255, 255, 255, .22));
  --pm-sombra-suave: 0 14px 30px -18px var(--t-sombra);
  --pm-brillo: inset 0 1px 0 rgba(255, 255, 255, .1);
  --pm-ac-grad: linear-gradient(135deg, color-mix(in srgb, var(--acento) 100%, #fff 14%), color-mix(in srgb, var(--acento) 82%, #000));
}

/* ── cabecera: vidrio con filete luminoso ── */
body.dc-pro-only .app-header {
  position: relative;
  background: linear-gradient(180deg, color-mix(in srgb, var(--t-tarjeta-bg) 94%, #000), var(--t-tarjeta-bg));
  -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
  box-shadow: 0 14px 30px -22px var(--t-sombra);
}
body.dc-pro-only .app-header::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--acento) 75%, transparent) 30%, color-mix(in srgb, var(--pm-oro) 60%, transparent) 70%, transparent);
}

/* ── portada de bienvenida ── */
body.dc-pro-only .dc-hero-banner {
  border: 1px solid var(--pm-borde); overflow: hidden;
  box-shadow: 0 22px 44px -24px var(--t-sombra), var(--pm-brillo);
  background-image:
    radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--acento) 36%, transparent) 0%, transparent 62%),
    radial-gradient(90% 120% at 100% 100%, color-mix(in srgb, #ec4899 22%, transparent) 0%, transparent 64%);
}
body.dc-pro-only .dc-hero-title { letter-spacing: -.012em; text-shadow: 0 2px 20px rgba(0, 0, 0, .32); }
body.dc-pro-only .dc-hero-cta {
  background: var(--pm-ac-grad); border: 0; border-radius: 14px; font-weight: 800; letter-spacing: .01em;
  box-shadow: 0 12px 24px -10px color-mix(in srgb, var(--acento) 80%, transparent), inset 0 1px 0 rgba(255, 255, 255, .38);
  transition: transform .15s ease, box-shadow .15s ease;
}
body.dc-pro-only .dc-hero-cta:active { transform: scale(.96); }

/* ── perfil y lápices ── */
body.dc-pro-only #economiaWidget {
  border: 1px solid var(--pm-borde);
  background: linear-gradient(135deg, color-mix(in srgb, var(--acento) 16%, var(--t-tarjeta-bg)), var(--t-tarjeta-bg) 72%);
  box-shadow: var(--pm-sombra-suave), var(--pm-brillo);
}
body.dc-pro-only .dc-widget-lapices {
  border-radius: 999px; border: 1px solid color-mix(in srgb, var(--acento) 45%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--acento) 30%, transparent), color-mix(in srgb, var(--acento) 10%, transparent));
  box-shadow: var(--pm-brillo), 0 6px 16px -8px color-mix(in srgb, var(--acento) 70%, transparent);
}

/* ── accesos rápidos: cuadrícula ordenada 3 + 2 ── */
body.dc-pro-only .dc-accesos-economia { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
body.dc-pro-only .dc-acceso-economia-btn { grid-column: span 2; min-height: 46px; width: auto; }
body.dc-pro-only .dc-acceso-economia-btn:nth-child(n+4) { grid-column: span 3; }
body.dc-pro-only .dc-acceso-economia-btn {
  border-radius: 16px; font-weight: 800; letter-spacing: .01em; border: 1px solid var(--pm-borde);
  background: linear-gradient(180deg, color-mix(in srgb, var(--t-tarjeta-bg) 90%, #fff 10%), var(--t-tarjeta-bg));
  box-shadow: 0 10px 20px -14px var(--t-sombra), var(--pm-brillo);
  transition: transform .15s ease, border-color .15s ease;
}
body.dc-pro-only .dc-acceso-economia-btn:active { transform: scale(.96); border-color: var(--acento); }

/* ── títulos de sección ── */
body.dc-pro-only .seccion-titulo { font-weight: 800; letter-spacing: .01em; }

/* ── tarjetas de libros y páginas ── */
body.dc-pro-only .vitrina-item, body.dc-pro-only .carrusel-gratis-item, body.dc-pro-only .carta-explorar {
  border: 1px solid var(--pm-borde);
  box-shadow: 0 20px 36px -22px var(--t-sombra), var(--pm-brillo);
  transition: transform .18s ease, box-shadow .18s ease;
}
body.dc-pro-only .vitrina-item:active, body.dc-pro-only .carrusel-gratis-item:active, body.dc-pro-only .carta-explorar:active { transform: scale(.985); }
body.dc-pro-only .carta-precio-boton { border-radius: 12px; font-weight: 800; letter-spacing: .01em; }
body.dc-pro-only .carta-explorar .carta-precio-boton:first-of-type {
  background: var(--pm-ac-grad); border: 0; color: #fff;
  box-shadow: 0 10px 20px -10px color-mix(in srgb, var(--acento) 75%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
}

/* ── barra inferior flotante de vidrio ── */
body.dc-pro-only .app-nav {
  left: 10px; right: 10px; bottom: calc(8px + env(safe-area-inset-bottom, 0px)); width: auto; border-radius: 24px;
  background: color-mix(in srgb, var(--t-tarjeta-bg) 86%, transparent);
  -webkit-backdrop-filter: blur(22px) saturate(1.5); backdrop-filter: blur(22px) saturate(1.5);
  border: 1px solid var(--pm-borde);
  box-shadow: 0 20px 44px -16px var(--t-sombra), var(--pm-brillo);
}
body.dc-pro-only .app-nav button { border-radius: 16px; transition: background .2s ease, transform .15s ease; }
body.dc-pro-only .app-nav button.activo {
  background: color-mix(in srgb, var(--acento) 22%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 8px 18px -10px color-mix(in srgb, var(--acento) 80%, transparent);
}
body.dc-pro-only .app-nav button:active { transform: scale(.94); }

/* ── botón flotante ── */
body.dc-pro-only #dcFabMain {
  background: var(--pm-ac-grad); border: 0;
  box-shadow: 0 16px 30px -10px color-mix(in srgb, var(--acento) 85%, transparent), inset 0 1px 0 rgba(255, 255, 255, .4);
}

/* ── aparición suave de las secciones al hacer scroll (solo si hay JS) ── */
body.dc-pro-only .dc-rev { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s cubic-bezier(.2, .8, .2, 1); }
body.dc-pro-only .dc-rev.dc-rev-ok { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  body.dc-pro-only .dc-rev { opacity: 1; transform: none; transition: none; }
  body.dc-pro-only .vitrina-item:active, body.dc-pro-only .carrusel-gratis-item:active, body.dc-pro-only .carta-explorar:active,
  body.dc-pro-only .dc-acceso-economia-btn:active, body.dc-pro-only .app-nav button:active, body.dc-pro-only .dc-hero-cta:active { transform: none; }
}

/* ═════ pantallas internas (overlays): tienda, retos, insignias, perfil… ═════ */
/* el menú "+" solo se ve en la pantalla de inicio (Explorar) y nunca con una pantalla interna abierta */
body.dc-pro-only:not(:has(.app-nav button.activo[data-seccion="explorar"])) #dcFabCluster,
body.dc-pro-only:has(.dc-overlay:not(.oculta)) #dcFabCluster { opacity: 0; pointer-events: none; transform: scale(.85); visibility: hidden; }
body.dc-pro-only #dcFabCluster { transition: opacity .2s ease, transform .2s ease; }

/* las pantallas internas NO tienen que dejar ver el inicio: se conserva su fondo original y solo se le suma luz de color encima */
body.dc-pro-only .dc-overlay { position: fixed; }
body.dc-pro-only .dc-overlay::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(120% 55% at 50% -8%, color-mix(in srgb, var(--acento) 30%, transparent) 0%, transparent 70%),
    radial-gradient(90% 50% at 100% 100%, color-mix(in srgb, #ec4899 14%, transparent) 0%, transparent 70%);
}
body.dc-pro-only .dc-overlay > * { position: relative; z-index: 1; }
body.dc-pro-only .dc-overlay-cabecera { padding-bottom: 4px; }
body.dc-pro-only .dc-overlay-titulo { font-weight: 800; letter-spacing: .005em; }
body.dc-pro-only .dc-overlay-cabecera .visor-dc-boton-icono {
  border-radius: 14px; border: 1px solid var(--pm-borde);
  background: linear-gradient(180deg, color-mix(in srgb, var(--t-tarjeta-bg) 88%, #fff 12%), var(--t-tarjeta-bg));
  box-shadow: 0 8px 18px -12px var(--t-sombra), var(--pm-brillo);
}

/* saldo: tarjeta tipo monedero */
body.dc-pro-only .dc-perfil-saldo-linea {
  border-radius: 18px; border: 1px solid color-mix(in srgb, var(--acento) 40%, var(--pm-borde));
  background: linear-gradient(135deg, color-mix(in srgb, var(--acento) 26%, var(--t-tarjeta-bg)), var(--t-tarjeta-bg) 78%);
  box-shadow: var(--pm-sombra-suave), var(--pm-brillo);
}
body.dc-pro-only .dc-perfil-saldo-linea span:last-child, body.dc-pro-only .dc-perfil-saldo-linea b {
  font-weight: 800; padding: 3px 12px; border-radius: 999px;
  background: color-mix(in srgb, var(--acento) 24%, transparent); border: 1px solid color-mix(in srgb, var(--acento) 45%, transparent);
}

/* pestañas: control segmentado */
body.dc-pro-only .dc-tabs {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; padding: 5px; border-radius: 20px;
  border: 1px solid var(--pm-borde); background: color-mix(in srgb, var(--t-tarjeta-bg) 80%, #000);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, .25);
}
body.dc-pro-only .dc-tab-btn {
  border-radius: 15px; border: 0; background: transparent; min-height: 46px; font-weight: 800; letter-spacing: .01em;
  transition: background .2s ease, transform .15s ease, box-shadow .2s ease;
}
body.dc-pro-only .dc-tab-btn.activo {
  background: var(--pm-ac-grad); color: #fff;
  box-shadow: 0 10px 20px -10px color-mix(in srgb, var(--acento) 85%, transparent), inset 0 1px 0 rgba(255, 255, 255, .35);
}
body.dc-pro-only .dc-tab-btn:active { transform: scale(.96); }

/* sobres */
body.dc-pro-only .dc-tienda-sobre-card {
  position: relative; overflow: hidden; border-radius: 24px; border: 1px solid var(--pm-borde);
  background:
    radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--acento) 22%, transparent) 0%, transparent 70%),
    var(--t-tarjeta-bg);
  box-shadow: 0 22px 40px -24px var(--t-sombra), var(--pm-brillo);
}
body.dc-pro-only .dc-tienda-sobre-card.premium {
  border-color: color-mix(in srgb, var(--pm-oro) 55%, var(--pm-borde));
  background:
    radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--pm-oro) 24%, transparent) 0%, transparent 70%),
    radial-gradient(80% 60% at 100% 100%, color-mix(in srgb, var(--acento) 22%, transparent) 0%, transparent 70%),
    var(--t-tarjeta-bg);
}
body.dc-pro-only .dc-tienda-sobre-card button, body.dc-pro-only .dc-tienda-libro-btn, body.dc-pro-only .dc-material-grid button, body.dc-pro-only .dc-canje-imagen-card button {
  border-radius: 14px; font-weight: 800; letter-spacing: .01em; border: 0;
  box-shadow: 0 10px 20px -10px color-mix(in srgb, var(--acento) 75%, transparent), inset 0 1px 0 rgba(255, 255, 255, .3);
  transition: transform .15s ease;
}
body.dc-pro-only .dc-tienda-sobre-card button:active, body.dc-pro-only .dc-tienda-libro-btn:active, body.dc-pro-only .dc-material-grid button:active { transform: scale(.96); }

/* materiales, colecciones e imágenes premio */
body.dc-pro-only .dc-material-categoria-titulo { font-weight: 800; letter-spacing: .01em; display: flex; align-items: center; gap: 8px; }
body.dc-pro-only .dc-material-buscador {
  border-radius: 14px; border: 1px solid var(--pm-borde); background: color-mix(in srgb, var(--t-tarjeta-bg) 86%, #000);
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, .22); transition: border-color .2s ease, box-shadow .2s ease;
}
body.dc-pro-only .dc-material-buscador:focus { outline: none; border-color: var(--acento); box-shadow: 0 0 0 3px color-mix(in srgb, var(--acento) 30%, transparent); }
body.dc-pro-only .dc-material-grid > *, body.dc-pro-only .dc-coleccion-card, body.dc-pro-only .dc-canje-imagen-card {
  border-radius: 18px; border: 1px solid var(--pm-borde); overflow: hidden;
  box-shadow: 0 16px 30px -20px var(--t-sombra), var(--pm-brillo);
}
body.dc-pro-only .dc-coleccion-card { background: linear-gradient(135deg, color-mix(in srgb, var(--acento) 12%, var(--t-tarjeta-bg)), var(--t-tarjeta-bg) 70%); }
body.dc-pro-only .dc-coleccion-barra { height: 10px; border-radius: 999px; background: color-mix(in srgb, var(--t-tarjeta-bg) 70%, #000); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .35); overflow: hidden; }
body.dc-pro-only .dc-coleccion-barra > * { border-radius: 999px; background: linear-gradient(90deg, color-mix(in srgb, var(--acento) 80%, #000), var(--pm-oro)); box-shadow: 0 0 10px color-mix(in srgb, var(--pm-oro) 60%, transparent); }

/* ── restos del reproductor de música (ya oculto en esta app): el contenedor a pantalla completa quedaba suelto al final de la página ── */
body.dc-pro-only #player-fullscreen,
body.dc-pro-only .player-fullscreen,
body.dc-pro-only #player-minibar,
body.dc-pro-only .player-minibar,
body.dc-pro-only #seccionPlayer { display: none !important; }

/* menú "+": separado de la barra inferior flotante (barra: 8px + 74px de alto; aire de 18px) */
body.dc-pro-only #dcFabCluster { bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important; right: 16px !important; }