/* Descubrir: ranking, salas en vivo y buscador. Reusa base.css + shell.css. */
.descubrir-body { background: var(--fondo); }
.desc-cab { gap: 10px; }
.desc-buscador { min-width: 0; display: flex; justify-content: center; }
.desc-buscador input {
  flex: 1;
  min-width: 200px;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid var(--borde);
  background: var(--fondo);
  color: var(--texto);
  font-size: 14px;
}
.desc-buscador input::placeholder { color: var(--suave); }
.desc-buscador input:focus { outline: 2px solid var(--oro); outline-offset: 1px; background: rgba(255, 255, 255, .18); }

.desc-cont {
  max-width: 860px;
  margin: 0 auto;
  padding: 14px 14px calc(20px + var(--alto-shell, 0px));
}
.desc-hero { padding: 6px 2px 14px; }
.desc-hero h1 { margin: 0 0 4px; font-size: clamp(24px, 6vw, 34px); letter-spacing: -.02em; }
.desc-hero p { margin: 0; max-width: 56ch; color: var(--suave); font-size: 13.5px; line-height: 1.5; }
.desc-atajos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }

.desc-bloque {
  background: var(--tarjeta);
  border: 1px solid var(--borde);
  border-radius: 16px;
  box-shadow: var(--sombra);
  padding: 14px;
  margin-bottom: 14px;
}
.desc-cab-bloque { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.desc-cab-bloque h2 { margin: 0; font-size: 16px; }
.desc-cab-bloque small { color: var(--suave); font-size: 11.5px; }

.desc-lista { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.desc-fila {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 56px;
  padding: 9px 10px;
  border: 1px solid var(--borde);
  border-radius: 13px;
  background: var(--fondo);
  color: var(--texto);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.desc-fila:hover { border-color: var(--azul-3); }
.desc-puesto { width: 26px; flex: none; text-align: center; font-weight: 900; color: var(--suave); }
.desc-puesto.medalla { font-size: 19px; }
.desc-avatar {
  display: grid; place-items: center;
  width: 42px; height: 42px; flex: none;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--azul), var(--azul-3));
  color: #fff; font-weight: 900; font-size: 13px;
  overflow: hidden;
}
.desc-avatar img { width: 100%; height: 100%; object-fit: cover; }
.desc-datos { min-width: 0; flex: 1 1 auto; display: grid; gap: 1px; }
.desc-datos b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desc-datos small { color: var(--suave); font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.desc-meta { flex: none; text-align: right; font-size: 11.5px; color: var(--suave); }
.desc-meta b { display: block; font-size: 13px; color: var(--texto); }
.desc-chip { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 999px; background: var(--azul-claro); color: var(--azul); font-size: 10.5px; font-weight: 800; }
.desc-chip.vivo { background: #fdeaea; color: #b3261e; }

.desc-invitado { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.desc-invitado b { display: block; font-size: 14px; }
.desc-invitado p { margin: 3px 0 0; color: var(--suave); font-size: 12.5px; max-width: 52ch; }

.desc-seccion-titulo { margin: 14px 2px 6px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; color: var(--suave); }

@media (max-width: 640px) {
  .descubrir-body .desc-cab { grid-template-columns: auto 1fr auto; padding: 0 10px; }
  .descubrir-body .marca-texto { display: none; }
  .desc-cont { padding: 12px 10px calc(20px + var(--alto-shell, 62px)); }
  .desc-bloque { border-radius: 14px; padding: 12px; }
  .desc-fila { min-height: 60px; }
  .desc-meta { font-size: 10.5px; }
}
@media (max-width: 400px) {
  .descubrir-body #cuenta { display: none; }
}

/* Incrustado en el muro (pestaña «Descubrir» del celular): sin cabecera, barra inferior ni pie propios */
html.desc-embed, html.desc-embed body { background: transparent !important; min-height: 0 !important; height: auto !important; }
html.desc-embed body { padding: 0 !important; }
html.desc-embed .desc-cab, html.desc-embed .tb-shell, html.desc-embed .footer-institucional, html.desc-embed .desc-hero, html.desc-embed .sos-cab-slot { display: none !important; }
html.desc-embed .desc-cont { padding: 4px 0 16px !important; }

.desc-puntaje b{color:#1a1a1a}
.desc-como{margin-top:10px;font-size:13px}
.desc-como summary{cursor:pointer;opacity:.8;padding:8px 0;min-height:44px;display:flex;align-items:center}
.desc-como p{margin:4px 0 0;line-height:1.5}

/* Recién publicado (en vivo) */
.desc-punto{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e53935;margin-right:6px;animation:descPulso 1.4s infinite}
@keyframes descPulso{0%{box-shadow:0 0 0 0 rgba(229,57,53,.6)}100%{box-shadow:0 0 0 10px rgba(229,57,53,0)}}
.desc-nuevos{display:grid;gap:10px;max-height:70vh;overflow:auto}
.desc-nueva{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:10px;border-radius:14px;background:color-mix(in srgb,currentColor 6%,transparent);align-items:start}
.desc-nueva.entra{animation:descEntra .6s ease-out;outline:2px solid #e6a100}
@keyframes descEntra{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.desc-nueva-img{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:12px;overflow:hidden;background:color-mix(in srgb,currentColor 10%,transparent);font-size:30px;text-decoration:none}
.desc-nueva-img img{width:100%;height:100%;object-fit:cover}
.desc-rel{position:absolute;left:0;bottom:0;right:0;background:#d62839;color:#fff;font:800 10px/1.6 inherit;text-align:center}
.desc-nueva-datos{display:grid;gap:3px;min-width:0}
.desc-nueva-datos b{overflow-wrap:anywhere}
.desc-nueva-precio{font-weight:900;color:#c77700}
.desc-nueva-precio s{opacity:.6;font-weight:600}
.desc-tags{display:flex;flex-wrap:wrap;gap:4px}
.desc-tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 10%,transparent)}
.desc-tag.ok{background:rgba(46,160,67,.18);color:#1b7f37}
.desc-quiero{grid-column:1/-1;min-height:44px;display:flex;align-items:center;justify-content:center;text-decoration:none}
@media (min-width:700px){.desc-nueva{grid-template-columns:96px 1fr auto;align-items:center}.desc-quiero{grid-column:auto}}
@media (prefers-reduced-motion:reduce){.desc-punto,.desc-nueva.entra{animation:none}}

/* Acordeón */
.desc-acc > .desc-cab-bloque{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;margin:0}
.desc-acc > .desc-cab-bloque small{display:none}
.desc-acc.abierto > .desc-cab-bloque small{display:block}
.desc-flecha{font-size:20px;transition:transform .2s;flex:none}
.desc-acc.abierto .desc-flecha{transform:rotate(180deg)}
.desc-acc > .desc-acc-cuerpo{display:none;margin-top:10px}
.desc-acc.abierto > .desc-acc-cuerpo{display:block}