.rail-shell{position:relative;isolation:isolate;margin-top:4px}
.family .pgrid{position:relative;display:block;overflow:hidden;overflow:clip;margin:0;padding:10px 0 18px;touch-action:pan-y;cursor:grab;min-height:300px;scrollbar-width:none}
.family .pgrid .pcard{position:absolute;left:0;top:10px;width:var(--card-width);max-width:none;height:calc(100% - 28px);display:flex;flex-direction:column;transform-origin:50% 50%;border:1px solid #d8e8e5;box-shadow:0 16px 28px -25px #154c50aa;transition:transform .65s cubic-bezier(.22,.8,.2,1),box-shadow .65s,border-color .65s,opacity .65s;backface-visibility:hidden;will-change:transform;background:white}
.family .pgrid .pcard:not(.rail-folded):hover{box-shadow:0 16px 36px -20px #17807b70;border-color:#6aada8}
.family .pgrid .pcard.rail-folded{box-shadow:0 18px 26px -14px #102e3980;border-color:#7d9294;background:#fff;pointer-events:none}
.family .pgrid .pcard:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,#0b2026,#182d34 65%,#071b20);opacity:var(--shade,0);transition:opacity .65s cubic-bezier(.22,.8,.2,1);pointer-events:none;z-index:5}.family .pgrid.dragging .pcard:after{transition:none}
.family .pgrid .pimg{flex:none}.family .pgrid .pbody{min-height:110px;padding-bottom:24px}.family .pgrid .pcard .add{right:10px;bottom:14px}.family .pgrid .meta{padding-right:36px;font-size:clamp(11px,1vw,13px);gap:8px;flex-wrap:wrap}.family .pgrid .pbody h3{padding-right:5px}
.family .pgrid.dragging{cursor:grabbing;user-select:none}.family .pgrid.dragging .pcard{transition:none}.family .pgrid img{-webkit-user-drag:none;user-select:none}
.rail-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:35;width:54px;height:66px;border:1px solid #71aaa7;border-radius:17px;background:#146f6b;color:#fff;box-shadow:0 7px 20px #164e4b30;cursor:pointer;font-size:30px;line-height:1;transition:background .2s,box-shadow .2s}
.rail-prev{left:0}.rail-next{right:0}.rail-arrow:not(:disabled):hover{background:#0c5350;box-shadow:0 8px 25px #17807b60}.rail-arrow:disabled{background:#e8eeee;border-color:#d5dedc;color:#a0b1ae;box-shadow:none;cursor:default}
.rail-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;color:var(--muted);font-size:.8rem}.rail-count{font-variant-numeric:tabular-nums;padding:7px 13px;background:#e6f0ef;border:1px solid #cfe2df;border-radius:20px;color:#176a65;white-space:nowrap}
.family .pgrid:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
/* Mantener las tres tarjetas más compactas en escritorio. */
@media(min-width:1000px){.family .rail-shell,.family .rail-controls{max-width:900px;margin-inline:auto}}
@media(max-width:700px){.rail-arrow{width:38px;height:56px;border-radius:12px;font-size:25px}.rail-controls{font-size:.7rem}.family .pgrid .meta{font-size:12px}.family .pgrid .pbody{padding:12px 12px 23px}}
@media(prefers-reduced-motion:reduce){.family .pgrid .pcard{transition:none;will-change:auto}}