/* CEZ · Ficha · cabecera condicional.
   Solo PEGI/ESRB, histórico de modificaciones o reediciones. */

.fhero__ratings{display:flex;justify-content:flex-end;width:100%;}
.fhero__reeditem{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;}
.fhero__reeditem--first::before{content:"";display:block;flex:0 0 2px;width:2px;height:24px;margin:0 2px 0 1px;border-radius:999px;background:linear-gradient(to bottom,transparent 0,rgba(255,255,255,.72) 22%,rgba(255,255,255,.72) 78%,transparent 100%);box-shadow:0 0 8px rgba(255,255,255,.18);opacity:.85;}
.fhero__ratinglist{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:6px 8px;border:1px solid var(--ink-212);border-radius:14px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);box-shadow:0 10px 22px rgba(0,0,0,.18);}
.fhero__ratingLink{display:inline-flex;align-items:center;}
.fhero__rating{display:block;width:auto;height:42px;}
.fhero__rating--pegi{height:34px;}
.pr-ficha.layout-phone-portrait .fhero__ratings{justify-content:flex-start;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;}
.pr-ficha.layout-phone-portrait .fhero__ratinglist{justify-content:flex-start;gap:5px;max-width:100%;padding:5px 6px;border-radius:12px;backdrop-filter:none;-webkit-backdrop-filter:none;}
.pr-ficha.layout-phone-portrait .fhero__rating{height:34px;}
.pr-ficha.layout-phone-portrait .fhero__rating--pegi{height:28px;}
.fhero__history{display:block;color:var(--white);}
.fhero__metasep{font:700 .62rem/1 "Orbitron";color:rgba(255,255,255,.58);}
.fhero__history-count{font:750 .54rem/1 "Orbitron";letter-spacing:.035em;text-transform:uppercase;color:var(--white);white-space:nowrap;}
.fhero__history-chevron{display:inline-block;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;color:rgba(255,255,255,.82);transform-origin:center;transition:transform .16s ease;}

.fhero__history-panel{margin-top:9px;}
.fhero__history-loading,.fhero__history-empty,.fhero__history-error{font:600 .76rem/1.35 "Exo";}

.fhero__history-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;}

.fhero__history-head{display:flex;align-items:center;flex-wrap:wrap;}
.fhero__history-date{font:750 .62rem/1.15 "Orbitron";letter-spacing:.025em;}
.fhero__history-tag{display:inline-flex;align-items:center;font:650 .58rem/1 "Exo";}
.fhero__history-text{font:560 .74rem/1.35 "Exo";overflow-wrap:anywhere;}
.fhero__history-credit{font:540 .66rem/1.25 "Exo";}
.pr-ficha.layout-phone-portrait .fhero__history-count{font-size:.51rem;}
.pr-ficha.layout-phone-portrait .fhero__history-panel{margin-top:7px;border-radius:10px;}
.pr-ficha.layout-phone-portrait .fhero__history-item{padding:8px;}
html:not(.skin-retro){
  --fhist-summary-rule:rgba(255,255,255,.20);
  --fhist-panel-bg:rgba(248,250,253,.97);
  --fhist-panel-border:rgba(30,48,76,.16);
  --fhist-panel-text:#182235;
  --fhist-panel-muted:#647083;
  --fhist-panel-rule:rgba(30,48,76,.12);
  --fhist-tag-bg:rgba(35,92,156,.07);
  --fhist-tag-border:rgba(35,92,156,.14);
}
.fhero__history>summary{list-style:none;}
.fhero__history>summary::-webkit-details-marker{display:none;}
.fhero__history>summary::marker{content:"";display:none;}
.fhero__history{
  position:relative;
  width:100%;
  min-width:0;
}
.fhero__history-main{
  display:flex;
  align-items:center;
  flex:1 1 auto;
  flex-wrap:nowrap;
  gap:6px;
  min-width:0;
  overflow:hidden;
}
.fhero__metasep{
  flex:0 0 auto;
  font-size:.50rem;
  opacity:.72;
}
.fhero__history-side{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  gap:7px;
  min-height:18px;
  padding-left:9px;
  border-left:1px solid var(--fhist-summary-rule);
  white-space:nowrap;
}
.fhero__history-count{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  min-height:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.fhero__history-num{
  font:800 .66rem/1 "Orbitron";
  letter-spacing:.01em;
  color:var(--white);
}
.fhero__history-label{
  font:750 .43rem/1 "Orbitron";
  letter-spacing:.045em;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
}
.fhero__history-chevron{
  flex:0 0 auto;
  width:7px;
  height:7px;
  margin:0 1px 2px 0;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.fhero__history[open] .fhero__history-chevron{transform:rotate(225deg);margin-bottom:-2px;}
.fhero__history-panel{
  position:absolute;
  top:calc(100% + 5px);
  right:0;
  z-index:10020;
  width:min(420px,calc(100vw - 24px));
  max-height:230px;
  margin:0;
  overflow:auto;
  padding:3px 10px;
  border:1px solid var(--fhist-panel-border);
  border-radius:10px;
  background:var(--fhist-panel-bg);
  box-shadow:0 12px 28px rgba(0,0,0,.24);
  color:var(--fhist-panel-text);
  scrollbar-width:thin;
  box-sizing:border-box;
}
.fhero__history-panel--floating{
  position:fixed!important;
  top:auto;
  right:auto;
  z-index:100000;
  margin:0!important;
}
.fhero__history-list{
  gap:0;
}
.fhero__history-item{
  padding:8px 0;
  border:0;
  border-bottom:1px solid var(--fhist-panel-rule);
  border-radius:0;
  background:transparent;
}
.fhero__history-item:last-child{border-bottom:0;}
.fhero__history-created{
  border-style:solid;
  background:transparent;
  opacity:.82;
}
.fhero__history-head{gap:4px 6px;}
.fhero__history-date{
  font-size:.55rem;
  color:var(--fhist-panel-text);
}
.fhero__history-tag{
  min-height:17px;
  padding:2px 6px;
  border:1px solid var(--fhist-tag-border);
  border-radius:999px;
  background:var(--fhist-tag-bg);
  font-size:.55rem;
  color:var(--fhist-panel-text);
}
.fhero__history-text{
  margin-top:4px;
  font-size:.69rem;
  line-height:1.3;
  color:var(--fhist-panel-text);
}
.fhero__history-credit{
  margin-top:3px;
  font-size:.62rem;
  color:var(--fhist-panel-muted);
}
.fhero__history-loading,.fhero__history-empty,.fhero__history-error{
  padding:8px 0;
  font-size:.70rem;
  color:var(--fhist-panel-muted);
}
.fhero__history-error{color:#c84141;}
html.theme-dark:not(.skin-retro) .fhero__history-error{color:#ffb7b7;}
.pr-ficha.layout-phone-portrait .fhero__history-main{
  flex-basis:100%;
  flex-wrap:wrap;
  overflow:visible;
}
.pr-ficha.layout-phone-portrait .fhero__history-side{
  margin-left:auto;
  padding-left:7px;
}
.pr-ficha.layout-phone-portrait .fhero__history-panel{
  max-height:210px;
  padding:2px 8px;
}
html:not(.skin-retro) .fhero__history-panel{
  background:var(--fhero-controls-bg);
  border-color:var(--fhero-controls-border);
  box-shadow:var(--fhero-controls-shadow);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
html:not(.skin-retro):not(.theme-dark) .fhero__history-panel{
  background:rgba(248,250,253,.82);
}
html.skin-retro body.pr-ficha :is(.fhero__history-count,.fhero__history-panel,.fhero__history-item,.fhero__history-tag){border-radius:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
/* FICHA HERO · ratings adaptativos según haya reediciones */
@media screen and (min-width:1001px){
/* Sin reediciones: si hay histórico, ratings con controles; si no, con Creada. */
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions){
  display:grid;
  grid-template-columns:auto auto;
  align-items:center;
  justify-content:end;
  justify-items:end;
  column-gap:9px;
  row-gap:5px;
  width:100%;
}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions).fhero__sidebox--has-modifications{
  grid-template-areas:"actions ratings" "meta meta";
}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions):not(.fhero__sidebox--has-modifications){
  grid-template-areas:"actions actions" "meta ratings";
}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions) .fhero__actions{grid-area:actions;justify-self:end;}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions) .fhero__ratings{grid-area:ratings;justify-self:end;width:auto;min-width:0;}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions) .fhero__metacard{grid-area:meta;justify-self:end;}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions) .fhero__ratinglist{gap:4px;padding:4px 6px;border-radius:12px;}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions) .fhero__rating{height:34px;}
.pr-ficha .fhero__sidebox--has-ratings:not(.fhero__sidebox--has-reeditions) .fhero__rating--pegi{height:28px;}

/* Con reediciones: recupera la composición vertical original; la izquierda ya necesita esa altura. */
.pr-ficha .fhero__sidebox--has-ratings.fhero__sidebox--has-reeditions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  width:100%;
}
.pr-ficha .fhero__sidebox--has-ratings.fhero__sidebox--has-reeditions .fhero__ratings{display:flex;justify-content:flex-end;width:100%;}
.pr-ficha .fhero__sidebox--has-ratings.fhero__sidebox--has-reeditions .fhero__ratinglist{gap:6px;padding:6px 8px;border-radius:16px;}
.pr-ficha .fhero__sidebox--has-ratings.fhero__sidebox--has-reeditions .fhero__rating{height:42px;}
.pr-ficha .fhero__sidebox--has-ratings.fhero__sidebox--has-reeditions .fhero__rating--pegi{height:34px;}

.pr-ficha .fhero__history-side{min-height:15px;padding-left:7px;gap:5px;}
.pr-ficha .fhero__history-count{line-height:1;}
}
