/* PajaritoPost · tarjetas estilo red social */
.pp-card, .pp-wrap {
  --pp-bg: #fffdf8;
  --pp-fg: #2b2622;
  --pp-muted: #7a6f66;
  --pp-line: #eadfce;
  --pp-accent: #f7931a;
  --pp-accent-soft: #fff1dc;
  --pp-ok: #1f8a4c;
  --pp-ok-soft: #e4f6ea;
  --pp-ko: #c0392b;
  --pp-ko-soft: #fbe7e4;
  --pp-radius: 16px;
}
@media (prefers-color-scheme: dark) {
  .pp-embed .pp-card, .pp-embed {
    --pp-bg: #1f1b18;
    --pp-fg: #f3ece4;
    --pp-muted: #b5a99d;
    --pp-line: #3a332d;
    --pp-accent-soft: #3a2a14;
    --pp-ok-soft: #173626;
    --pp-ko-soft: #3d1c18;
  }
  body.pp-embed { background: #1f1b18; }
}

.pp-card {
  box-sizing: border-box;
  background: var(--pp-bg);
  color: var(--pp-fg);
  border: 1px solid var(--pp-line);
  border-radius: var(--pp-radius);
  overflow: hidden;
  max-width: 620px;
  margin: 0 auto 1.25rem;
  font-size: 1rem;
  line-height: 1.55;
  box-shadow: 0 1px 3px rgba(60, 40, 10, .06);
}
.pp-card *, .pp-card *::before, .pp-card *::after { box-sizing: border-box; }

.pp-head { display: flex; align-items: center; gap: .65rem; padding: .85rem 1rem .5rem; }
.pp-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--pp-accent-soft); display: grid; place-items: center; font-size: 1.35rem; flex: none;
}
.pp-who { display: flex; flex-direction: column; line-height: 1.25; }
.pp-who strong { font-size: .98rem; }
.pp-meta { color: var(--pp-muted); font-size: .85rem; }

.pp-media { margin: .35rem 0 0; }
.pp-media img, .pp-img { display: block; width: 100%; height: auto; }

.pp-text { padding: .85rem 1rem; overflow-wrap: anywhere; }
.pp-text a { color: var(--pp-accent); text-decoration: underline; text-underline-offset: 2px; }

/* Carrusel */
.pp-carousel { position: relative; }
.pp-track {
  display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  scrollbar-width: none; outline: none;
}
.pp-track::-webkit-scrollbar { display: none; }
.pp-slide { flex: 0 0 100%; scroll-snap-align: start; position: relative; min-height: 9rem; padding-top: .35rem; }
.pp-slide-num {
  position: absolute; top: .55rem; right: .9rem; font-size: .75rem; color: var(--pp-muted);
  background: var(--pp-accent-soft); border-radius: 999px; padding: .05rem .5rem;
}
.pp-slide .pp-text { padding-right: 3.2rem; }
.pp-nav { display: flex; align-items: center; justify-content: center; gap: .75rem; padding: 0 1rem .75rem; }
.pp-nav button {
  width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--pp-line);
  background: var(--pp-bg); color: var(--pp-fg); font-size: 1.2rem; line-height: 1; cursor: pointer;
}
.pp-nav button:disabled { opacity: .35; cursor: default; }
.pp-dots { display: flex; gap: .35rem; }
.pp-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pp-line); transition: background .2s; }
.pp-dot.is-on { background: var(--pp-accent); }

/* Test */
.pp-test { padding: .85rem 1rem 1rem; }
.pp-q { font-weight: 600; margin: 0 0 .7rem; }
.pp-opts { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.pp-opt {
  width: 100%; text-align: left; font: inherit; color: inherit; cursor: pointer;
  background: var(--pp-bg); border: 1.5px solid var(--pp-line); border-radius: 12px; padding: .65rem .8rem;
  transition: border-color .15s, background .15s;
}
.pp-opt:hover:not(:disabled) { border-color: var(--pp-accent); }
.pp-opt:disabled { cursor: default; }
.pp-opt.is-ok { border-color: var(--pp-ok); background: var(--pp-ok-soft); }
.pp-opt.is-ko { border-color: var(--pp-ko); background: var(--pp-ko-soft); }
.pp-answer { margin-top: .8rem; padding: .7rem .85rem; border-radius: 12px; background: var(--pp-accent-soft); }
.pp-answer p { margin: .25rem 0; }
.pp-verdict { font-weight: 700; }

/* Pie */
.pp-foot {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem;
  border-top: 1px solid var(--pp-line); padding: .6rem 1rem; font-size: .88rem; color: var(--pp-muted);
}
.pp-foot a { color: var(--pp-accent); }

/* Colecciones */
.pp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: 1.25rem; align-items: start; }
.pp-grid .pp-card { margin: 0; max-width: none; }
.pp-list .pp-card { margin-bottom: 1.25rem; }
.pp-filters { margin: 0 0 1.25rem; display: grid; gap: .5rem; }
.pp-chips { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.pp-chips-label { font-size: .85rem; color: var(--pp-muted); margin-right: .2rem; }
.pp-chip {
  border: 1px solid var(--pp-line); border-radius: 999px; padding: .2rem .7rem; font-size: .88rem;
  text-decoration: none; color: var(--pp-fg); background: var(--pp-bg);
}
.pp-chip small { color: var(--pp-muted); }
.pp-chip.is-on { background: var(--pp-accent); border-color: var(--pp-accent); color: #fff; }
.pp-chip.is-on small { color: #fff; }
.pp-pager { display: flex; justify-content: space-between; margin-top: 1rem; }
.pp-empty { color: var(--pp-muted); }

/* Vista incrustable */
body.pp-embed { margin: 0; padding: 8px; background: transparent; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
body.pp-embed .pp-card { margin: 0 auto; }

/* Admin */
.pp-admin-preview { max-width: 1300px; }