/* CEZ ficha-pr: relaciones integradas en cabecera (Juego asociado + Saga). */
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__sharedmeta{
  width:100%;
  gap:7px;
}

body.pr-ficha .fhero-pr__header-relations-meta{
  --fhero-rel-cover-w:64px;
  --fhero-rel-cover-h:79.8px;
  --fhero-rel-label-w:18px;
  --fhero-rel-strip-gap:9px;
  --fhero-rel-saga-rail-gap:12px;
  --fhero-rel-saga-pad:4px 8px 4px 0;
  --fhero-rel-more-min:38px;
  --fhero-rel-more-pad-left:7px;
  --fhero-rel-more-font:.58rem;
  --fhero-rel-saga-label-font:.54rem;
  --fhero-rel-associated-label-font:.49rem;
  --fhero-rel-rail-pad:3px 2px;
  display:flex;
  align-items:stretch;
  gap:8px;
  width:100%;
  max-width:100%;
  min-width:0;
}

body.pr-ficha .fhero-pr__associated-meta{
  display:flex;
  flex:0 0 auto;
  min-width:0;
  padding:2px 7px 2px 0;
  box-sizing:border-box;
}

body.pr-ficha .fhero-pr__saga-meta{
  display:flex;
  flex:0 1 auto;
  align-self:stretch;
  width:fit-content;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:var(--fhero-rel-saga-pad);
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(158,207,235,.085);
  border-radius:11px;
  background:linear-gradient(90deg,rgba(5,18,30,.19),rgba(5,18,30,.095));
  box-shadow:0 4px 14px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.02);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}
body.pr-ficha .fhero-pr__saga-meta.has-overflow{
  flex:1 1 0;
  width:auto;
}

body.pr-ficha .fhero-associated-strip,
body.pr-ficha .fhero-saga-strip{
  display:flex;
  flex-direction:row;
  align-items:stretch;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:0;
}
body.pr-ficha .fhero-associated-strip{
  gap:8px;
  width:fit-content;
}
body.pr-ficha .fhero-saga-strip{
  position:relative;
  gap:var(--fhero-rel-strip-gap);
  width:fit-content;
  overflow:hidden;
}
body.pr-ficha .fhero-pr__saga-meta.has-overflow .fhero-saga-strip{
  width:100%;
}

body.pr-ficha .fhero-relation-label{
  display:flex;
  flex:0 0 var(--fhero-rel-label-w);
  width:var(--fhero-rel-label-w);
  min-width:var(--fhero-rel-label-w);
  align-self:stretch;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:2px 1px 2px 0;
  box-sizing:border-box;
  color:rgba(245,250,253,.96);
  font-family:Orbitron,Exo,Arial,sans-serif;
  font-weight:800;
  line-height:1;
  text-shadow:0 1px 4px rgba(0,0,0,.46);
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
body.pr-ficha .fhero-associated-strip__label{
  border:0;
  border-right:1px solid rgba(245,250,253,.18);
  font-size:var(--fhero-rel-associated-label-font);
  letter-spacing:.07em;
  white-space:nowrap;
}
body.pr-ficha .fhero-saga-strip__tag{
  border:0;
  border-right:1px solid rgba(245,250,253,.18);
}
body.pr-ficha .fhero-saga-strip__kind{
  display:inline-block;
  font-size:var(--fhero-rel-saga-label-font);
  letter-spacing:.10em;
}
body.pr-ficha .fhero-saga-strip__name,
body.pr-ficha .fhero-saga-strip__tag small{
  display:none;
}

body.pr-ficha .fhero-relation-rail{
  display:flex;
  align-items:center;
  min-width:0;
  padding:var(--fhero-rel-rail-pad);
}
body.pr-ficha .fhero-associated-strip__rail{
  gap:9px;
}
body.pr-ficha .fhero-saga-strip__rail{
  flex:0 1 auto;
  width:max-content;
  max-width:100%;
  gap:var(--fhero-rel-saga-rail-gap);
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
body.pr-ficha .fhero-saga-strip__rail::-webkit-scrollbar{
  display:none;
}
body.pr-ficha .fhero-pr__saga-meta.has-overflow .fhero-saga-strip__rail{
  flex:1 1 auto;
  width:auto;
  max-width:none;
}

body.pr-ficha .fhero-relation-cover{
  position:relative;
  flex:0 0 var(--fhero-rel-cover-w);
  width:var(--fhero-rel-cover-w);
  height:var(--fhero-rel-cover-h);
  display:block;
  overflow:hidden;
  border:0;
  border-radius:4px;
  background:transparent;
  box-shadow:none;
  transition:transform .16s ease,filter .16s ease;
}
body.pr-ficha .fhero-relation-cover:hover{
  z-index:2;
  transform:translateY(-2px) scale(1.018);
  filter:brightness(1.075);
}
body.pr-ficha .fhero-relation-cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:4px;
  box-shadow:0 3px 10px rgba(0,0,0,.20);
}
body.pr-ficha .fhero-relation-cover:hover img{
  box-shadow:0 7px 16px rgba(0,0,0,.29),0 0 0 1px rgba(126,205,255,.18);
}

body.pr-ficha .fhero-saga-strip__back{
  position:absolute;
  z-index:5;
  left:calc(var(--fhero-rel-label-w) + var(--fhero-rel-strip-gap) - 1px);
  top:50%;
  width:24px;
  height:36px;
  padding:0;
  border:1px solid rgba(173,219,243,.20);
  border-left:0;
  border-radius:0 10px 10px 0;
  background:rgba(7,22,36,.82);
  color:rgba(245,250,253,.98);
  box-shadow:3px 0 10px rgba(0,0,0,.24);
  font-family:Orbitron,Exo,Arial,sans-serif;
  font-size:1.12rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .15s ease,transform .15s ease,opacity .15s ease;
}
body.pr-ficha .fhero-saga-strip__back[hidden]{
  display:none!important;
}
body.pr-ficha .fhero-saga-strip__back:hover{
  background:rgba(24,72,102,.92);
  transform:translate(-1px,-50%);
}

body.pr-ficha .fhero-saga-strip__more{
  flex:0 0 auto;
  align-self:stretch;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  min-width:var(--fhero-rel-more-min);
  margin:0;
  padding:0 4px 0 var(--fhero-rel-more-pad-left);
  box-sizing:border-box;
  border:0;
  border-left:1px solid rgba(245,250,253,.14);
  border-radius:0;
  background:linear-gradient(90deg,rgba(7,22,36,.01),rgba(7,22,36,.18));
  color:rgba(245,250,253,.96);
  box-shadow:none;
  font-family:Orbitron,Exo,Arial,sans-serif;
  font-size:var(--fhero-rel-more-font);
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:color .15s ease,background .15s ease,transform .15s ease;
}
body.pr-ficha .fhero-saga-strip__more[hidden]{
  display:none!important;
}
body.pr-ficha .fhero-saga-strip__more:hover{
  color:rgba(255,255,255,.98);
  background:linear-gradient(90deg,rgba(7,22,36,.02),rgba(24,72,102,.26));
  transform:translateX(1px);
}
body.pr-ficha .fhero-saga-strip__more-arrow{
  font-size:1.05rem;
  line-height:.8;
  transform:translateY(-.5px);
}

body.pr-ficha .fhero-saga-strip.has-overflow:not(.is-at-end) .fhero-saga-strip__rail{
  -webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 15px),transparent 100%);
  mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 15px),transparent 100%);
}
body.pr-ficha .fhero-saga-strip.is-at-end .fhero-saga-strip__rail{
  -webkit-mask-image:none;
  mask-image:none;
}

body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__companyyear{
  gap:6px 9px;
}
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__editionmeta-group{
  display:inline-flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  align-self:flex-start;
  gap:3px 8px;
  width:auto;
}
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__editionmeta-group .fhero-pr__companies,
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__editionmeta-group .fhero-pr__years{
  display:inline-flex;
  flex:0 1 auto;
  align-items:center;
  align-self:center;
  gap:3px 6px;
}
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__editionmeta-group .fhero-pr__companies{
  column-gap:10px;
}
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__editionmeta-group .fhero-pr__years{
  white-space:nowrap;
}
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__companylogo{
  max-width:72px!important;
  max-height:22px!important;
}

body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__edition-copy > .fhero-pr__header-relations-meta{
  margin-top:auto;
  margin-bottom:4px;
  padding-top:2px;
}
body.pr-ficha .fhero--pr-has-header-relations .fhero-pr__edition-copy > .fhero-pr__header-relations-meta + .fhero-pr__history--second-edition{
  margin-top:0;
  padding-top:0;
}


@media (max-width:1180px) and (min-width:881px){
  body.pr-ficha .fhero-pr__header-relations-meta{
    --fhero-rel-cover-w:62px;
    --fhero-rel-cover-h:77px;
    --fhero-rel-strip-gap:8px;
    --fhero-rel-saga-rail-gap:10px;
    --fhero-rel-saga-pad:4px 6px 4px 0;
    --fhero-rel-more-min:36px;
    --fhero-rel-more-pad-left:6px;
    --fhero-rel-more-font:.55rem;
    --fhero-rel-saga-label-font:.52rem;
    --fhero-rel-associated-label-font:.47rem;
  }
}

@media (max-width:880px) and (min-width:561px){
  body.pr-ficha .fhero-pr__header-relations-meta{
    --fhero-rel-cover-w:53px;
    --fhero-rel-cover-h:66px;
    --fhero-rel-label-w:17px;
    --fhero-rel-strip-gap:7px;
    --fhero-rel-saga-rail-gap:8px;
    --fhero-rel-saga-pad:3px 5px 3px 0;
    --fhero-rel-more-min:33px;
    --fhero-rel-more-pad-left:5px;
    --fhero-rel-more-font:.50rem;
    --fhero-rel-saga-label-font:.47rem;
    --fhero-rel-associated-label-font:.43rem;
    --fhero-rel-rail-pad:2px 1px;
  }
}
