/* Pulso: compact recommendations, manual carousel. App and catalog share this file. */
.p-picks-carousel { color:var(--p-text); font-family:var(--p-font-body); min-width:0; }
.p-picks-carousel-foot { display:flex; align-items:center; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; }
.p-picks-carousel-foot p { flex:1 1 240px; margin:0; color:var(--p-text-muted); font-size:11px; line-height:1.6; }
.p-picks-carousel-navigation { display:flex; align-items:center; gap:12px; }
.p-picks-carousel-tools { display:flex; align-items:center; gap:8px; }
.p-picks-carousel-tools button { flex:none; width:36px; height:36px; min-height:36px; padding:0; display:grid; place-items:center; }
.p-picks-carousel-tools svg { display:block; width:18px; height:18px; }
.p-picks-carousel-tools button:disabled { opacity:.35; cursor:default; }
.p-picks-carousel-tools button[hidden] { display:none; }
.p-picks-carousel-count { color:var(--p-text-muted); font-size:12px; font-variant-numeric:tabular-nums; min-width:62px; text-align:center; }
.p-picks-track { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-x:contain; scrollbar-width:thin; padding:2px 3px 8px; margin:0 -3px; list-style:none; }
.p-picks-track:focus-visible { outline:2px solid var(--p-focus); outline-offset:3px; }
@media (min-width:761px) and (pointer:fine) {
  .p-picks-track { overflow-x:hidden; scrollbar-width:none; cursor:grab; user-select:none; -webkit-user-select:none; }
  .p-picks-track::-webkit-scrollbar { display:none; }
  .p-picks-track.is-dragging { cursor:grabbing; scroll-snap-type:none; scroll-behavior:auto; }
}
.p-pick-card { flex:0 0 calc((100% - 24px)/3); min-width:0; box-sizing:border-box; scroll-snap-align:start; display:flex; flex-direction:column; gap:8px; padding:14px; border:1px solid var(--p-border); border-radius:16px; background:var(--p-surface); }
.p-pick-card-top { display:flex; align-items:baseline; justify-content:space-between; gap:12px; font-size:11px; color:var(--p-text-muted); }
.p-pick-card-top time { flex:none; white-space:nowrap; }
.p-pick-card-match { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; font-size:11px; color:var(--p-text-muted); line-height:1.5; }
.p-pick-card-reading { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; }
.p-pick-card-title { margin:0; font:700 14px/20px var(--p-font-body); color:var(--p-text); }
.p-pick-card-probability { display:grid; justify-items:center; gap:2px; flex:none; }
.p-pick-card-probability .p-probability { font-size:21px; }
.p-pick-card-probability small { color:var(--p-text-muted); font-size:10px; }
.p-pick-card-context { min-width:0; font-size:11px; color:var(--p-text-muted); }
.p-pick-card-context b { color:var(--p-text); font-size:14px; font-variant-numeric:tabular-nums; }
.p-pick-card-footer { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:auto; border-top:1px solid var(--p-border); padding-top:8px; }
.p-pick-card-sample { flex:1; min-width:0; margin:0; color:var(--p-text-muted); font-size:10px; line-height:1.5; }
.p-pick-card-actions { display:flex; align-items:center; flex:none; gap:6px; }
.p-pick-card-actions .p-button { font-size:11px; min-height:36px; padding:6px; }
.p-pick-card-actions .p-selection { flex:none; }
.p-picks-carousel-foot .p-button { font-size:12px; min-height:36px; width:auto; }
.p-picks-state { min-height:112px; display:grid; align-content:center; justify-items:start; gap:8px; padding:16px; background:var(--p-surface); border:1px solid var(--p-border); border-radius:16px; }
.p-picks-state p { margin:0; color:var(--p-text-muted); font-size:13px; line-height:1.7; }
.p-picks-state .p-skeleton-line { display:block; height:14px; width:80%; border-radius:6px; background:var(--p-surface-raised); }
#vistaHome #seccionPicks { margin:8px 0 20px; }
#vistaHome #secPicks { margin:0 0 10px; }
.p-picks-link.p-button { background:transparent; border-color:transparent; color:var(--p-emphasis); box-shadow:none; font-size:12px; padding:6px 8px; min-height:36px; }
.p-picks-link.p-button:hover { background:transparent; text-decoration:underline; text-underline-offset:4px; }
.p-picks-modal.p-dialog { width:min(960px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); border:1px solid var(--p-border); box-shadow:none; padding:0; margin:auto; }
.p-picks-modal .p-dialog-head { position:sticky; top:0; z-index:1; background:var(--p-surface); padding:18px 24px; }
.p-picks-modal .p-dialog-head h2 { font:700 20px/28px var(--p-font-body); margin:0; }
.p-picks-modal .p-dialog-head p { font-size:12px; color:var(--p-text-muted); margin:4px 0 0; }
.p-picks-modal .p-dialog-head button { flex:none; width:44px; height:44px; padding:0; display:grid; place-items:center; }
.p-picks-modal-body { padding:16px 24px; }
.p-picks-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.p-picks-toolbar .p-check { display:flex; align-items:center; gap:8px; font-size:12px; cursor:pointer; }
.p-picks-order { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--p-text-muted); }
.p-picks-order .p-select { width:auto; min-height:36px; font-size:12px; padding:6px 32px 6px 10px; }
.p-picks-meta { color:var(--p-text-muted); font-size:11px; line-height:1.6; margin:12px 0; }
.p-picks-modal-list { list-style:none; padding:0; margin:0; }
.p-picks-modal-row { display:grid; grid-template-columns:minmax(0,1fr) 62px 64px 112px; align-items:center; gap:16px; padding:16px 0; border-top:1px solid var(--p-border); }
.p-picks-row-copy { min-width:0; }
.p-picks-row-match { font-size:11px; color:var(--p-text-muted); margin:0 0 4px; line-height:1.6; }
.p-picks-row-match span { white-space:nowrap; }
.p-picks-row-copy h3 { font:700 14px/20px var(--p-font-body); margin:0; color:var(--p-text); }
.p-picks-row-context,.p-picks-market-note { font-size:11px; color:var(--p-text-muted); margin:4px 0 0; line-height:1.6; }
.p-picks-row-metric { display:grid; justify-items:center; gap:4px; font-size:18px; font-variant-numeric:tabular-nums; }
.p-picks-row-metric small { font-size:10px; color:var(--p-text-muted); }
.p-picks-row-actions { display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.p-picks-row-actions .p-selection { flex:none; }
.p-picks-row-actions .p-picks-link { padding:6px 2px; font-size:11px; }
.p-picks-plan { display:flex; align-items:center; justify-content:space-between; gap:12px; border-top:1px solid var(--p-border); padding:8px 0; font-size:12px; color:var(--p-text-muted); }
.p-picks-method { border-top:1px solid var(--p-border); padding:10px 0 0; font-size:12px; color:var(--p-text-muted); line-height:1.7; }
.p-picks-method summary { cursor:pointer; color:var(--p-emphasis); min-height:32px; align-content:center; }
.p-picks-empty { padding:24px 0; font-size:13px; color:var(--p-text-muted); }
@media(max-width:1100px) { .p-pick-card { flex-basis:calc((100% - 12px)/2); } }
@media(max-width:600px) { .p-pick-card { flex-basis:92%; } .p-picks-carousel-foot { align-items:stretch; } .p-picks-carousel-navigation { width:100%; justify-content:space-between; gap:8px; } }
@media(max-width:700px) {
 .p-picks-modal.p-dialog { width:calc(100vw - 24px); max-height:calc(100dvh - 24px); }
 .p-picks-modal .p-dialog-head { padding:16px; gap:12px; }
 .p-picks-modal-body { padding:12px 16px; }
 .p-picks-modal-row { grid-template-columns:1fr 1fr auto; gap:12px; }
 .p-picks-row-copy { grid-column:1/-1; }
 .p-picks-row-metric { justify-items:start; }
 .p-picks-plan { flex-wrap:wrap; }
}
@media(pointer:coarse) { .p-pick-card-actions :is(.p-button,.p-selection),.p-picks-carousel-tools button { min-height:44px; min-width:44px; } }
@media(prefers-reduced-motion:reduce) { .p-picks-track { scroll-behavior:auto; } }