:root{
  --p101-papel: #F1ECE1;
  --p101-tinta: #1F1D19;
  --p101-titulo: #0C0B09;
  --p101-mute: #6A6459;
  --p101-linea: rgba(31,29,25,.14);
  --p101-serif: "Playfair Display", Georgia, serif;
  --p101-sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;
}

.p101r-wrap{ font-family:var(--p101-sans); margin:1.5rem 0; }

.p101r-header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:1rem; }
.p101r-badge{ background:#1D3FAD; color:#fff; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:.35rem .8rem; border-radius:3px; }
.p101r-arrows{ display:flex; gap:.4rem; }
.p101r-arrow{ width:34px; height:34px; border-radius:50%; border:1px solid var(--p101-linea); background:#fff; font-size:1.1rem; line-height:1; cursor:pointer; color:var(--p101-titulo); transition:background .15s ease; }
.p101r-arrow:hover{ background:var(--p101-papel); }

.p101r-track{
  display:flex; gap:1.25rem; overflow-x:auto; scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch; padding-bottom:.6rem; scrollbar-width:thin;
}
.p101r-track::-webkit-scrollbar{ height:5px; }
.p101r-track::-webkit-scrollbar-thumb{ background:var(--p101-linea); border-radius:3px; }

.p101r-card{
  flex:0 0 240px; scroll-snap-align:start; text-decoration:none; color:inherit; display:block;
}
.p101r-card.is-featured{ flex-basis:340px; }
.p101r-card.is-featured .p101r-card__title{ font-size:1.15rem; }
.p101r-card__img{
  position:relative; aspect-ratio:3/4; border-radius:3px; overflow:hidden; margin-bottom:.85rem;
  background:linear-gradient(155deg,#2c4d6b,#0d1e2e);
}
.p101r-card__img img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.p101r-card:hover .p101r-card__img img{ transform:scale(1.04); }
.p101r-card__fallback{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.5); font-family:var(--p101-serif); font-weight:700; }

.p101r-card__eyebrow{ font-size:.66rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; margin:0 0 .4rem; }
.p101r-card__title{ font-family:var(--p101-serif); font-weight:700; font-size:.98rem; line-height:1.32; color:var(--p101-titulo); margin:0 0 .5rem; }
.p101r-card__meta{ font-size:.72rem; color:var(--p101-mute); margin:0; }

@media (min-width:601px){
  .p101r-card{ flex-basis:260px; }
  .p101r-card.is-featured{ flex-basis:380px; }
}
@media (min-width:1025px){
  .p101r-card{ flex-basis:280px; }
  .p101r-card.is-featured{ flex-basis:420px; }
  .p101r-card__title{ font-size:1.05rem; }
  .p101r-card.is-featured .p101r-card__title{ font-size:1.3rem; }
}