/* Comparador de jugadores Comuniate
   Interfaz aislada para comparar_jugadores.php y comparar_jugadores_resultado.php. */

body.compare-page{
  --compare-green:#159568;
  --compare-green-dark:#0c6548;
  --compare-green-soft:#eaf8f2;
  --compare-orange:#f28322;
  --compare-orange-dark:#bd5910;
  --compare-orange-soft:#fff3e8;
  --compare-ink:#203238;
  --compare-muted:#667980;
  --compare-line:#dfe9e5;
  --compare-surface:#fff;
  --compare-bg:#f3f7f5;
  background:var(--compare-bg)!important;
  color:var(--compare-ink);
}

body.compare-page .compare-main{
  padding-top:10px;
  background:transparent;
}

body.compare-page .compare-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--compare-green);
  font-size:10px;
  font-weight:900;
  line-height:1;
  letter-spacing:.075em;
  text-transform:uppercase;
}

body.compare-page .compare-eyebrow i{
  font-size:11px;
}

body.compare-page .compare-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 14px;
}

body.compare-page .compare-section-title h2{
  margin:5px 0 0;
  color:var(--compare-ink);
  font-size:24px;
  font-weight:900;
  line-height:1.08;
}

body.compare-page .compare-section-title p{
  max-width:370px;
  margin:0;
  color:var(--compare-muted);
  font-size:12px;
  line-height:1.45;
  text-align:right;
}

/* Selector de jugadores */
body.compare-page--selector .compare-selector-app{
  position:relative;
  z-index:20;
  max-width:980px;
  margin:0 auto;
}

body.compare-page--selector .compare-selector-hero{
  margin:8px 0 16px;
  text-align:center;
}

body.compare-page--selector .compare-selector-hero h1{
  margin:7px 0 7px;
  color:var(--compare-ink);
  font-size:34px;
  font-weight:900;
  line-height:1.03;
  letter-spacing:-.025em;
}

body.compare-page--selector .compare-selector-hero p{
  max-width:670px;
  margin:0 auto;
  color:var(--compare-muted);
  font-size:14px;
  line-height:1.5;
}

body.compare-page--selector .compare-selector-card{
  position:relative;
  z-index:30;
  margin:0 0 24px;
  padding:18px;
  border:1px solid var(--compare-line);
  border-radius:22px;
  background:var(--compare-surface);
  box-shadow:0 14px 34px rgba(28,61,51,.08);
}

body.compare-page--selector .compare-picker-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);
  align-items:stretch;
  gap:10px;
}

body.compare-page--selector .compare-picker{
  position:relative;
  z-index:1;
  min-width:0;
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  align-items:center;
  gap:13px;
  padding:15px;
  overflow:visible;
  border:1px solid #d9e8e2;
  border-radius:17px;
  background:linear-gradient(145deg,#f7fcfa 0%,#fff 68%);
}

body.compare-page--selector .compare-picker.is-dropdown-open{
  z-index:80;
}

body.compare-page--selector .compare-picker:focus-within{
  z-index:80;
}

body.compare-page--selector .compare-picker--right{
  border-color:#f0dfcf;
  background:linear-gradient(145deg,#fff8f1 0%,#fff 68%);
}

body.compare-page--selector .compare-picker__identity{
  position:relative;
  width:66px;
  height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:15px;
  background:linear-gradient(155deg,#20ae7c 0%,#0d7954 100%);
  color:#fff;
  box-shadow:0 10px 22px rgba(21,149,104,.2);
}

body.compare-page--selector .compare-picker.has-player .compare-picker__identity{
  background:linear-gradient(180deg,#eef8f4 0%,#d9eee5 100%);
  box-shadow:none;
}

body.compare-page--selector .compare-picker--right.has-player .compare-picker__identity{
  background:linear-gradient(180deg,#fff7ef 0%,#f8e5d5 100%);
}

body.compare-page--selector .compare-picker__face{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center bottom;
}

body.compare-page--selector .compare-picker__face[hidden]{display:none}

body.compare-page--selector .compare-picker--right .compare-picker__identity{
  background:linear-gradient(155deg,#ff9a3f 0%,#d66715 100%);
  box-shadow:0 10px 22px rgba(242,131,34,.2);
}

body.compare-page--selector .compare-picker__identity span{
  position:relative;
  z-index:1;
  font-size:22px;
  font-weight:900;
  line-height:1;
  letter-spacing:-.05em;
}

body.compare-page--selector .compare-picker__content{
  min-width:0;
}

body.compare-page--selector .compare-picker__number{
  display:block;
  margin:0 0 3px;
  color:var(--compare-green);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.compare-page--selector .compare-picker--right .compare-picker__number{
  color:var(--compare-orange-dark);
}

body.compare-page--selector .compare-picker label{
  display:block;
  margin:0 0 7px;
  color:var(--compare-ink);
  font-size:13px;
  font-weight:800;
  line-height:1.2;
}

body.compare-page--selector .compare-picker__selection{
  display:block;
  min-height:14px;
  margin-top:7px;
  overflow:hidden;
  color:#819097;
  font-size:10px;
  font-weight:700;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page--selector .compare-picker.has-player .compare-picker__selection{
  color:var(--compare-green-dark);
}

body.compare-page--selector .compare-picker--right.has-player .compare-picker__selection{
  color:var(--compare-orange-dark);
}

body.compare-page--selector .compare-picker-vs,
body.compare-page--result .compare-versus{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
}

body.compare-page--selector .compare-picker-vs::before,
body.compare-page--result .compare-versus::before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:50%;
  width:1px;
  background:linear-gradient(180deg,transparent,var(--compare-line) 25%,var(--compare-line) 75%,transparent);
}

body.compare-page--selector .compare-picker-vs span,
body.compare-page--result .compare-versus span{
  position:relative;
  min-width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:4px solid #fff;
  border-radius:50%;
  background:var(--compare-ink);
  color:#fff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  box-shadow:0 7px 18px rgba(32,50,56,.18);
}

body.compare-page--selector .compare-picker .combobox-container,
body.compare-page--selector .compare-picker .input-group{
  width:100%!important;
}

body.compare-page--selector .compare-picker .combobox-container .form-control,
body.compare-page--selector .compare-picker .input-group .form-control{
  height:40px!important;
  padding:0 38px 0 11px!important;
  border:1px solid #cbdcd5!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--compare-ink)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:40px!important;
  box-shadow:none!important;
}

body.compare-page--selector .compare-picker .combobox-container .form-control:focus,
body.compare-page--selector .compare-picker .input-group .form-control:focus{
  border-color:var(--compare-green)!important;
  box-shadow:0 0 0 3px rgba(21,149,104,.11)!important;
}

body.compare-page--selector .compare-picker--right .combobox-container .form-control:focus,
body.compare-page--selector .compare-picker--right .input-group .form-control:focus{
  border-color:var(--compare-orange)!important;
  box-shadow:0 0 0 3px rgba(242,131,34,.11)!important;
}

body.compare-page--selector .compare-picker .combobox-container .input-group-addon,
body.compare-page--selector .compare-picker .combobox-container .input-group-btn .btn{
  min-width:36px!important;
  border:1px solid #cbdcd5!important;
  border-left:0!important;
  border-radius:0 10px 10px 0!important;
  background:#fff!important;
  color:var(--compare-green)!important;
  box-shadow:none!important;
}

body.compare-page--selector .compare-picker--right .combobox-container .input-group-addon,
body.compare-page--selector .compare-picker--right .combobox-container .input-group-btn .btn{
  color:var(--compare-orange-dark)!important;
}

body.compare-page--selector .compare-picker .combobox-container .dropdown-menu{
  z-index:5000!important;
  width:100%;
  max-height:280px;
  padding:5px;
  overflow:auto;
  border:1px solid var(--compare-line);
  border-radius:11px;
  box-shadow:0 12px 30px rgba(25,56,46,.14);
}

body.compare-page--selector .compare-picker .combobox-container .dropdown-menu > li > a{
  padding:8px 9px;
  border-radius:7px;
  color:var(--compare-ink);
  font-size:12px;
  font-weight:700;
}

body.compare-page--selector .compare-picker .combobox-container .dropdown-menu > li.active > a,
body.compare-page--selector .compare-picker .combobox-container .dropdown-menu > li > a:hover,
body.compare-page--selector .compare-picker .combobox-container .dropdown-menu > li > a:focus{
  background:var(--compare-green-soft)!important;
  color:var(--compare-green-dark)!important;
}

body.compare-page--selector .compare-form-error{
  min-height:18px;
  margin:9px 0 3px;
  color:#c0392b;
  font-size:11px;
  font-weight:800;
  line-height:18px;
  text-align:center;
}

body.compare-page--selector .compare-submit{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:0;
  padding:0 18px;
  border:0;
  border-radius:13px;
  background:linear-gradient(135deg,#168f65 0%,#0f7653 100%);
  color:#fff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(21,149,104,.22);
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}

body.compare-page--selector .compare-submit:hover,
body.compare-page--selector .compare-submit:focus{
  color:#fff;
  outline:none;
  filter:brightness(1.05);
  transform:translateY(-1px);
  box-shadow:0 13px 28px rgba(21,149,104,.28);
}

body.compare-page--selector .compare-selector-card.is-ready .compare-submit{
  background:linear-gradient(135deg,#148f65 0%,#f28322 135%);
}

body.compare-page .compare-popular{
  margin:18px 0 24px;
  padding:18px;
  border:1px solid var(--compare-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(28,61,51,.055);
}

body.compare-page .compare-popular-table{
  width:100%;
  margin:0;
  border-collapse:separate;
  border-spacing:0 7px;
}

body.compare-page .compare-popular-table > tbody > tr > td{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.compare-page .compare-popular-table a{
  min-height:44px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 20px;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border:1px solid #e6eeeb;
  border-radius:11px;
  background:#fbfdfc;
  color:var(--compare-ink);
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
  transition:border-color .15s ease,background .15s ease,transform .15s ease;
}

body.compare-page .compare-popular-table a span:first-child{text-align:right}
body.compare-page .compare-popular-table a span:nth-of-type(2){text-align:left}

body.compare-page .compare-popular-table a b{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:var(--compare-green-soft);
  color:var(--compare-green-dark);
  font-size:9px;
}

body.compare-page .compare-popular-table a i{
  color:#93a49e;
  font-size:15px;
  text-align:right;
}

body.compare-page .compare-popular-table a:hover,
body.compare-page .compare-popular-table a:focus{
  border-color:#bcdccf;
  background:var(--compare-green-soft);
  color:var(--compare-green-dark);
  outline:none;
  transform:translateY(-1px);
}

/* Resultado */
body.compare-page--result .compare-main{
  width:100%;
  min-width:0;
}

body.compare-page--result .compare-container > .row > .col-xs-12::after{
  content:"";
  display:table;
  clear:both;
}

body.compare-page--result .compare-result-app{
  width:100%;
}

body.compare-page--result .compare-result-heading{
  position:relative;
  z-index:30;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:7px 0 14px;
}

body.compare-page--result .compare-result-heading h1{
  margin:6px 0 4px;
  color:var(--compare-ink);
  font-size:27px;
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.025em;
}

body.compare-page--result .compare-result-heading h1 small{
  display:inline-block;
  margin:0 4px;
  color:#8aa099;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  vertical-align:middle;
}

body.compare-page--result .compare-result-heading p{
  margin:0;
  color:var(--compare-muted);
  font-size:12px;
  line-height:1.4;
}

body.compare-page--result .compare-result-actions{
  position:relative;
  z-index:31;
  flex:0 0 auto;
  display:flex;
  gap:6px;
}

body.compare-page--result .compare-action{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 11px;
  border:1px solid #d8e5e0;
  border-radius:10px;
  background:#fff;
  color:#53666d;
  font-size:10px;
  font-weight:850;
  line-height:1;
  text-decoration:none!important;
}

body.compare-page--result .compare-action:hover,
body.compare-page--result .compare-action:focus{
  border-color:#a9d4c3;
  color:var(--compare-green-dark);
  outline:none;
}

body.compare-page--result .compare-action--primary{
  border-color:var(--compare-green);
  background:var(--compare-green);
  color:#fff;
}

body.compare-page--result .compare-action--primary:hover,
body.compare-page--result .compare-action--primary:focus{
  border-color:var(--compare-green-dark);
  background:var(--compare-green-dark);
  color:#fff;
}

body.compare-page--result .compare-duel{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
  margin:0 0 16px;
}

body.compare-page--result .compare-player-card{
  position:relative;
  min-width:0;
  min-height:150px;
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  overflow:hidden;
  border:1px solid #dfe9e5;
  border-top:3px solid #9fd7c1;
  border-radius:13px;
  background:#fff;
  box-shadow:none;
}

body.compare-page--result .compare-player-card--right{
  border-color:#eee5de;
  border-top-color:#edbc91;
  background:#fff;
}

body.compare-page--result .compare-player-card__watermark{
  display:none;
}

body.compare-page--result .compare-player-card__portrait{
  position:relative;
  min-width:0;
  overflow:hidden;
  background:#f2f8f5;
}

body.compare-page--result .compare-player-card--right .compare-player-card__portrait{
  background:#fff6ee;
}

body.compare-page--result .compare-player-card__photo{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:0;
  width:auto;
  max-width:112px;
  height:auto;
  max-height:144px;
  object-fit:contain;
  transform:translateX(-50%);
}

body.compare-page--result .compare-player-card__crest{
  position:absolute;
  z-index:4;
  top:9px;
  left:9px;
  width:27px;
  height:27px;
  padding:2px;
  object-fit:contain;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.9);
  box-shadow:none;
}

body.compare-page--result .compare-position{
  position:absolute;
  z-index:5;
  right:7px;
  bottom:8px;
  min-width:31px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 7px;
  border:2px solid rgba(255,255,255,.95);
  border-radius:999px;
  background:#637381;
  color:#fff;
  font-size:8px;
  font-weight:900;
  line-height:1;
  box-shadow:0 5px 12px rgba(31,50,56,.15);
}

body.compare-page--result .compare-position--1{background:#18a76e}
body.compare-page--result .compare-position--2{background:#3188e8}
body.compare-page--result .compare-position--3{background:#ef922d}
body.compare-page--result .compare-position--4{background:#e75658}

body.compare-page--result .compare-player-card__copy{
  position:relative;
  z-index:3;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:10px 9px 9px;
}

body.compare-page--result .compare-player-card__side{
  color:var(--compare-green);
  font-size:8.5px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

body.compare-page--result .compare-player-card--right .compare-player-card__side{
  color:var(--compare-orange-dark);
}

body.compare-page--result .compare-player-card h2{
  margin:3px 0 4px;
  font-size:17.5px;
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.025em;
}

body.compare-page--result .compare-player-card h2 a{
  color:var(--compare-ink);
  text-decoration:none!important;
}

body.compare-page--result .compare-player-card h2 a:hover,
body.compare-page--result .compare-player-card h2 a:focus{
  color:var(--compare-green-dark);
}

body.compare-page--result .compare-player-card__copy > p{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  margin:0 0 6px;
  overflow:hidden;
  color:#63767d;
  font-size:9px;
  font-weight:700;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page--result .compare-player-card__copy > p img{
  width:16px;
  height:16px;
  object-fit:contain;
}

body.compare-page--result .compare-player-card__highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-top:1px solid #e8efec;
  border-bottom:1px solid #e8efec;
}

body.compare-page--result .compare-player-card__highlights span{
  min-width:0;
  padding:5px 3px;
  border:0;
  border-left:1px solid #e8efec;
  border-radius:0;
  background:transparent;
  text-align:center;
}

body.compare-page--result .compare-player-card__highlights span:first-child{
  border-left:0;
}

body.compare-page--result .compare-player-card--right .compare-player-card__highlights span{
  border-color:#eee7e1;
}

body.compare-page--result .compare-player-card__highlights small{
  display:block;
  margin-bottom:2px;
  overflow:hidden;
  color:#7f9298;
  font-size:7.5px;
  font-weight:800;
  line-height:1;
  text-overflow:ellipsis;
  text-transform:uppercase;
  white-space:nowrap;
}

body.compare-page--result .compare-player-card__highlights strong{
  display:block;
  overflow:hidden;
  color:var(--compare-ink);
  font-size:10.5px;
  font-weight:900;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page--result .compare-player-card__link{
  align-self:flex-start;
  margin-top:5px;
  color:var(--compare-green-dark);
  font-size:9px;
  font-weight:900;
  text-decoration:none!important;
}

body.compare-page--result .compare-player-card--right .compare-player-card__link{
  color:var(--compare-orange-dark);
}

body.compare-page--result .compare-versus{
  position:absolute;
  top:50%;
  left:50%;
  width:58px;
  height:100%;
  transform:translate(-50%,-50%);
}

body.compare-page--result .compare-versus::before{
  top:24px;
  bottom:24px;
}

body.compare-page--result .compare-versus span{
  min-width:34px;
  height:34px;
  border-width:4px;
  font-size:10px;
}

body.compare-page--result .compare-quick{
  margin:0 0 18px;
  padding:16px;
  border:1px solid var(--compare-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(28,61,51,.055);
}

body.compare-page--result .compare-quick .compare-section-title{
  width:100%;
  display:block;
  margin-bottom:14px;
}

body.compare-page--result .compare-quick .compare-section-title > div{
  width:100%;
}

body.compare-page--result .compare-quick .compare-section-title h2{
  width:100%!important;
  white-space:nowrap;
}

body.compare-page--result .compare-quick .compare-section-title p{
  width:100%;
  max-width:none;
  margin-top:7px;
  text-align:left;
}

body.compare-page--result .compare-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

body.compare-page--result .compare-metric{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);
  grid-template-rows:auto 5px;
  align-items:center;
  gap:8px 7px;
  padding:9px 10px 8px;
  border:1px solid #e6eeeb;
  border-radius:12px;
  background:#fbfdfc;
}

body.compare-page--result .compare-metric__value{
  min-width:0;
  display:flex;
  align-items:center;
  min-height:28px;
}

body.compare-page--result .compare-metric__value--left{justify-content:flex-end;text-align:right}
body.compare-page--result .compare-metric__value--right{justify-content:flex-start;text-align:left}

body.compare-page--result .compare-metric__value strong{
  max-width:100%;
  overflow:hidden;
  padding:5px 7px;
  border-radius:8px;
  color:#52676e;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page--result .compare-metric__value--left.is-winner strong{
  background:var(--compare-green-soft);
  color:var(--compare-green-dark);
  box-shadow:inset 0 0 0 1px #c7e8da;
}

body.compare-page--result .compare-metric__value--right.is-winner strong{
  background:var(--compare-orange-soft);
  color:var(--compare-orange-dark);
  box-shadow:inset 0 0 0 1px #f2d7c0;
}

body.compare-page--result .compare-metric__value.is-tie strong{
  background:#eef3f1;
  color:#53666d;
}

body.compare-page--result .compare-metric__label{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  color:#63767d;
  font-size:9px;
  font-weight:900;
  line-height:1.05;
  text-align:center;
  text-transform:uppercase;
}

body.compare-page--result .compare-metric__label i{
  flex:0 0 auto;
  color:#92a59e;
  font-size:10px;
}

body.compare-page--result .compare-metric__bars{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3px;
}

body.compare-page--result .compare-metric__track{
  height:5px;
  display:flex;
  overflow:hidden;
  border-radius:99px;
  background:#e8efec;
}

body.compare-page--result .compare-metric__track--left{justify-content:flex-end}

body.compare-page--result .compare-metric__track i{
  width:var(--compare-bar);
  height:100%;
  display:block;
  border-radius:99px;
  background:var(--compare-green);
  transform-origin:right center;
  transition:transform .55s cubic-bezier(.2,.75,.25,1);
}

body.compare-page--result .compare-metric__track--right i{
  background:var(--compare-orange);
  transform-origin:left center;
}

body.compare-page--result.compare-enhanced .compare-metric__track i{transform:scaleX(0)}
body.compare-page--result.compare-enhanced .compare-metric.is-visible .compare-metric__track i{transform:scaleX(1)}

body.compare-page--result .compare-legacy-summary[hidden]{display:none!important}

/* Bloques históricos conservados, ahora integrados visualmente. */
body.compare-page--result .compare-detail-section,
body.compare-page--result .compare-next-section{
  margin:0 0 18px!important;
  padding:15px 12px 12px;
  border:1px solid var(--compare-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 10px 28px rgba(28,61,51,.05);
}

body.compare-page--result .compare-detail-section > div:first-child,
body.compare-page--result .compare-next-section > div:first-child{
  width:100%;
  margin:0 0 13px!important;
  text-align:left!important;
}

body.compare-page--result .compare-detail-section .contenedor_cabecera_noticias,
body.compare-page--result .compare-next-section .contenedor_cabecera_noticias{
  margin:0 0 3px!important;
}

body.compare-page--result .compare-detail-section .cabecera_noticias,
body.compare-page--result .compare-next-section .cabecera_noticias{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--compare-ink)!important;
  font-size:20px!important;
  font-weight:800!important;
  text-align:left!important;
}

body.compare-page--result .compare-detail-section .small,
body.compare-page--result .compare-next-section .small{
  color:var(--compare-muted)!important;
  font-size:10.5px!important;
}

body.compare-page--result .compare-detail-section .table,
body.compare-page--result .compare-next-section .table{
  margin-bottom:0!important;
}

body.compare-page--result .compare-detail-section .table > tbody > tr > td{
  height:32px!important;
  padding:2px!important;
  border-top:1px solid #edf2f0!important;
  vertical-align:middle!important;
}

body.compare-page--result .compare-detail-section .col-xs-2 .table td{
  color:#7d8f95;
  font-size:9px!important;
  font-weight:900;
}

body.compare-page--result .compare-next-section > .col-xs-6{
  padding-right:5px;
  padding-left:5px;
}

body.compare-page--result .compare-next-section > .col-xs-6 .table{
  overflow:hidden;
  border:1px solid #e4ece9;
  border-radius:12px;
  background:#fbfdfc;
}

body.compare-page--result .compare-next-section > .col-xs-6 .table td{
  padding:5px!important;
  border-color:#e8efec!important;
  background:transparent!important;
  vertical-align:middle!important;
}

body.compare-page--result .compare-next-section > .col-xs-6 .table img{
  width:27px!important;
  height:27px!important;
  margin:2px!important;
  object-fit:contain;
}

body.compare-page--result .compare-next-section .card{
  margin-top:14px;
  padding:13px;
  border:1px solid #e3ece8;
  border-radius:14px;
  background:#fff;
}

body.compare-page--result .compare-next-section .card-header .contenedor_cabecera_noticias{
  margin-bottom:3px!important;
}

body.compare-page--result #chart{
  min-height:300px;
}

body.compare-page--result .compare-sidebar{
  padding:14px;
  border:1px solid var(--compare-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 9px 24px rgba(28,61,51,.05);
}

body.compare-page--result .compare-sidebar .contenedor_cabecera_noticias{
  margin:0 0 5px;
}

body.compare-page--result .compare-sidebar .cabecera_noticias{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--compare-ink)!important;
  font-size:17px!important;
  text-align:left!important;
}

body.compare-page--result .compare-sidebar > p{
  color:var(--compare-muted);
  font-size:10.5px;
  line-height:1.4;
}

body.compare-page--result .compare-sidebar .table{
  margin-bottom:12px;
}

body.compare-page--result .compare-sidebar .table td{
  padding:8px 5px!important;
  border-color:#ebf0ee!important;
  background:transparent!important;
}

body.compare-page--result .compare-sidebar .table a{
  color:#40565d;
  font-size:10.5px;
  font-weight:800;
  line-height:1.25;
  text-decoration:none!important;
}

body.compare-page--result .compare-sidebar .table a:hover,
body.compare-page--result .compare-sidebar .table a:focus{
  color:var(--compare-green-dark);
}

@media (min-width:992px){
  body.compare-page--result .compare-content{
    width:calc(100% - 294px)!important;
    padding-right:14px;
    float:left;
  }

  body.compare-page--result .compare-sidebar{
    width:280px!important;
    float:right;
  }
}

@media (max-width:991px){
  body.compare-page--result .compare-content,
  body.compare-page--result .compare-sidebar{
    width:100%!important;
    float:none!important;
  }

  body.compare-page--result .compare-sidebar{
    margin-top:14px;
  }

  body.compare-page--result .compare-player-card{
    grid-template-columns:104px minmax(0,1fr);
  }

  body.compare-page--result .compare-player-card__photo{
    max-width:112px;
    max-height:146px;
  }
}

@media (max-width:767px){
  body.compare-page .compare-main{
    padding-top:4px;
  }

  body.compare-page .compare-section-title{
    display:block;
    margin-bottom:10px;
  }

  body.compare-page .compare-section-title h2{
    font-size:20px;
  }

  body.compare-page .compare-section-title p{
    margin-top:5px;
    text-align:left;
  }

  body.compare-page--selector .compare-selector-hero{
    margin-top:4px;
  }

  body.compare-page--selector .compare-selector-hero h1{
    font-size:27px;
  }

  body.compare-page--selector .compare-selector-hero p{
    padding:0 8px;
    font-size:13px;
  }

  body.compare-page--selector .compare-selector-card{
    padding:10px;
    border-radius:16px;
  }

  body.compare-page--selector .compare-picker-grid{
    grid-template-columns:1fr;
    gap:7px;
  }

  body.compare-page--selector .compare-picker{
    grid-template-columns:54px minmax(0,1fr);
    gap:10px;
    padding:10px;
    border-radius:13px;
  }

  body.compare-page--selector .compare-picker__identity{
    width:54px;
    height:70px;
    border-radius:12px;
  }

  body.compare-page--selector .compare-picker__identity span{
    font-size:18px;
  }

  body.compare-page--selector .compare-picker-vs{
    height:25px;
  }

  body.compare-page--selector .compare-picker-vs::before{
    top:50%;
    right:12px;
    bottom:auto;
    left:12px;
    width:auto;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--compare-line) 25%,var(--compare-line) 75%,transparent);
  }

  body.compare-page--selector .compare-picker-vs span{
    min-width:34px;
    height:34px;
    border-width:3px;
    font-size:9px;
  }

  body.compare-page--selector .compare-form-error{
    margin-top:7px;
  }

  body.compare-page--selector .compare-submit{
    min-height:44px;
    border-radius:11px;
    font-size:12px;
  }

  body.compare-page .compare-popular{
    padding:12px;
    border-radius:15px;
  }

  body.compare-page .compare-popular-table a{
    grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 14px;
    padding:7px;
    font-size:11px;
  }

  body.compare-page--result .compare-result-heading{
    display:block;
    margin-top:4px;
  }

  body.compare-page--result .compare-result-heading h1{
    font-size:22px;
  }

  body.compare-page--result .compare-result-actions{
    margin-top:9px;
  }

  body.compare-page--result .compare-action{
    min-height:34px;
    padding:0 9px;
    font-size:9px;
  }

  body.compare-page--result .compare-duel{
    gap:7px;
  }

  body.compare-page--result .compare-player-card{
    min-height:0;
    display:block;
    border-radius:11px;
  }

  body.compare-page--result .compare-player-card__portrait{
    height:94px;
  }

  body.compare-page--result .compare-player-card__photo{
    max-width:100px;
    max-height:94px;
  }

  body.compare-page--result .compare-player-card__crest{
    top:7px;
    left:7px;
    width:27px;
    height:27px;
  }

  body.compare-page--result .compare-position{
    right:6px;
    bottom:6px;
    height:21px;
    min-width:28px;
    padding:0 6px;
    font-size:7px;
  }

  body.compare-page--result .compare-player-card__copy{
    display:block;
    padding:6px 5px;
    text-align:center;
  }

  body.compare-page--result .compare-player-card__side{
    font-size:7.5px;
  }

  body.compare-page--result .compare-player-card h2{
    min-height:24px;
    margin:3px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13.5px;
    line-height:1;
  }

  body.compare-page--result .compare-player-card__copy > p{
    justify-content:center;
    margin-bottom:5px;
    font-size:7.8px;
  }

  body.compare-page--result .compare-player-card__copy > p img{
    width:13px;
    height:13px;
  }

  body.compare-page--result .compare-player-card__highlights{
    gap:0;
  }

  body.compare-page--result .compare-player-card__highlights span{
    padding:5px 2px;
    border-radius:0;
  }

  body.compare-page--result .compare-player-card__highlights small{
    font-size:6.2px;
  }

  body.compare-page--result .compare-player-card__highlights strong{
    font-size:8.7px;
  }

  body.compare-page--result .compare-player-card__link{
    display:inline-block;
    margin-top:5px;
    font-size:8px;
  }

  body.compare-page--result .compare-versus{
    width:40px;
  }

  body.compare-page--result .compare-versus::before{
    top:12px;
    bottom:12px;
  }

  body.compare-page--result .compare-versus span{
    min-width:32px;
    height:32px;
    border-width:4px;
    font-size:9px;
  }

  body.compare-page--result .compare-quick{
    padding:10px 8px;
    border-radius:15px;
  }

  body.compare-page--result .compare-metrics{
    grid-template-columns:1fr;
    gap:6px;
  }

  body.compare-page--result .compare-metric{
    grid-template-columns:minmax(0,1fr) 102px minmax(0,1fr);
    padding:7px 8px;
  }

  body.compare-page--result .compare-metric__value strong{
    padding:5px 6px;
    font-size:11.5px;
  }

  body.compare-page--result .compare-metric__label{
    font-size:8.5px;
  }

  body.compare-page--result .compare-detail-section,
  body.compare-page--result .compare-next-section{
    padding:11px 7px 9px;
    border-radius:15px;
  }

  body.compare-page--result .compare-detail-section .cabecera_noticias,
  body.compare-page--result .compare-next-section .cabecera_noticias{
    font-size:18px!important;
  }

  body.compare-page--result .compare-detail-section > .col-xs-5,
  body.compare-page--result .compare-detail-section > .col-xs-2{
    padding-right:3px;
    padding-left:3px;
  }

  body.compare-page--result .compare-detail-section .table > tbody > tr > td{
    height:29px!important;
  }

  body.compare-page--result .compare-next-section > .col-xs-6{
    padding-right:3px;
    padding-left:3px;
  }

  body.compare-page--result #chart{
    min-height:250px;
  }
}

@media (max-width:390px){
  body.compare-page--result .compare-player-card__portrait{height:88px}
  body.compare-page--result .compare-player-card__photo{max-width:94px;max-height:88px}
  body.compare-page--result .compare-player-card h2{font-size:12.8px}
  body.compare-page--result .compare-player-card__copy > p{font-size:7.5px}
  body.compare-page--result .compare-player-card__highlights small{font-size:6px}
  body.compare-page--result .compare-player-card__highlights strong{font-size:8.3px}
  body.compare-page--result .compare-metric{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr)}
  body.compare-page--result .compare-metric__label{font-size:7.8px}
  body.compare-page--result .compare-metric__value strong{font-size:10.5px}
}

/* V2 · secciones planas, puntuaciones por color y calendario comparado */
body.compare-page .compare-popular,
body.compare-page--result .compare-quick,
body.compare-page--result .compare-detail-section,
body.compare-page--result .compare-next-section,
body.compare-page--result .compare-price-section,
body.compare-page--result .compare-sidebar{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.compare-page .compare-popular{
  margin:22px 0 28px;
}

body.compare-page .compare-section-title h2.linea_titulo,
body.compare-page--result .compare-section-heading h2.linea_titulo,
body.compare-page--result .compare-sidebar h2.linea_titulo{
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  float:none!important;
  position:relative!important;
  z-index:auto!important;
  inset:auto!important;
  overflow:visible!important;
  transform:none!important;
  margin:5px 0 6px!important;
  color:var(--compare-ink)!important;
  line-height:1.15!important;
  pointer-events:none;
}

body.compare-page--result .compare-section-heading,
body.compare-page--result .compare-sidebar{
  height:auto!important;
  min-height:0!important;
}

body.compare-page--result .compare-quick{
  margin:0 0 28px;
}

body.compare-page--result .compare-metric{
  padding:9px 4px 10px;
  border:0;
  border-bottom:1px solid #e4ece9;
  border-radius:0;
  background:transparent;
}

body.compare-page--result .compare-detail-section,
body.compare-page--result .compare-next-section,
body.compare-page--result .compare-price-section{
  width:100%;
  margin:0 0 30px!important;
}

body.compare-page--result .compare-section-heading{
  width:100%;
  margin:0 0 13px!important;
  text-align:left!important;
}

body.compare-page--result .compare-section-heading p{
  margin:0;
  color:var(--compare-muted);
  font-size:11px;
  line-height:1.4;
}

body.compare-page--result .compare-detail-section .table{
  margin:0!important;
  border-collapse:separate!important;
  border-spacing:0 4px!important;
}

body.compare-page--result .compare-detail-section .table > tbody > tr > td{
  height:28px!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  vertical-align:middle!important;
}

body.compare-page--result .compare-detail-section .col-xs-2 .table td{
  color:#71848b;
  font-size:9px!important;
  font-weight:950;
}

body.compare-page--result .compare-score-bar{
  width:var(--score-width);
  min-width:34px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border-radius:8px;
  color:#fff!important;
  font-size:14px;
  font-weight:950;
  line-height:1;
  text-shadow:0 1px 1px rgba(0,0,0,.12);
}

body.compare-page--result .compare-score-bar--left{float:right}
body.compare-page--result .compare-score-bar--right{float:left}
body.compare-page--result .compare-score-bar--blue{background:#2d90e7!important}
body.compare-page--result .compare-score-bar--green{background:#15c767!important}
body.compare-page--result .compare-score-bar--orange{background:#f2a019!important}
body.compare-page--result .compare-score-bar--red{background:#ef4634!important}
body.compare-page--result .compare-score-bar--gray{background:#9dadb4!important}

body.compare-page--result .compare-score-status{
  max-width:100%;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  padding:0 9px;
  border-radius:8px;
  font-size:10px;
  font-weight:800;
  line-height:1.1;
}

body.compare-page--result .compare-score-status--left{float:right;text-align:right}
body.compare-page--result .compare-score-status--right{float:left;text-align:left}
body.compare-page--result .compare-score-status--warning{background:#fff1d8;color:#8d6500}
body.compare-page--result .compare-score-status--danger{background:#ffe5e6;color:#b8414e}

body.compare-page--result .compare-next-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}

body.compare-page--result .compare-next-player{
  min-width:0;
}

body.compare-page--result .compare-next-player__title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 3px;
  padding:0 0 7px;
  border-bottom:2px solid #dfeae6;
  color:var(--compare-ink);
  font-size:13px;
  font-weight:900;
  line-height:1.15;
}

body.compare-page--result .compare-next-player:first-child .compare-next-player__title{border-bottom-color:#a9ddca}
body.compare-page--result .compare-next-player:last-child .compare-next-player__title{border-bottom-color:#f1c9a6}

body.compare-page--result .compare-next-player__title img{
  width:24px;
  height:24px;
  object-fit:contain;
}

body.compare-page--result .compare-next-match{
  min-height:57px;
  display:grid;
  grid-template-columns:43px 35px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:7px 0;
  border-bottom:1px solid #e7eeeb;
}

body.compare-page--result .compare-next-match:last-child{border-bottom:0}

body.compare-page--result .compare-next-match__venue{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  color:#62767d;
}

body.compare-page--result .compare-next-match__venue i{
  width:25px;
  height:25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:12px;
}

body.compare-page--result .compare-next-match__venue.is-home i{background:var(--compare-green-soft);color:var(--compare-green-dark)}
body.compare-page--result .compare-next-match__venue.is-away i{background:var(--compare-orange-soft);color:var(--compare-orange-dark)}
body.compare-page--result .compare-next-match__venue small{font-size:8px;font-weight:900;line-height:1}

body.compare-page--result .compare-next-match__crest{
  width:34px;
  height:34px;
  object-fit:contain;
}

body.compare-page--result .compare-next-match__copy{
  min-width:0;
  display:block;
}

body.compare-page--result .compare-next-match__copy strong,
body.compare-page--result .compare-next-match__copy small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page--result .compare-next-match__copy strong{
  color:#2b4148;
  font-size:11.5px;
  font-weight:900;
}

body.compare-page--result .compare-next-match__copy small{
  margin-top:2px;
  color:#7b8d93;
  font-size:9.5px;
  font-weight:750;
}

body.compare-page--result .compare-next-empty{
  margin:9px 0 0;
  color:#7b8d93;
  font-size:10.5px;
}

body.compare-page--result .compare-chart-toolbar{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:2px 0 3px;
}

body.compare-page--result .compare-chart-legend{
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
}

body.compare-page--result .compare-chart-legend span{
  min-width:0;
  display:inline-flex;
  align-items:center;
  gap:5px;
  overflow:hidden;
  color:#50636a;
  font-size:10.5px;
  font-weight:850;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page--result .compare-chart-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  display:inline-block;
  border-radius:50%;
}

body.compare-page--result .compare-chart-dot--left{background:var(--compare-green)}
body.compare-page--result .compare-chart-dot--right{background:var(--compare-orange)}

body.compare-page--result .compare-chart-ranges{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border-radius:9px;
  background:#eff4f2;
}

body.compare-page--result .compare-chart-ranges button{
  min-height:27px;
  padding:0 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#73858b;
  font-size:9px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,box-shadow .15s ease;
}

body.compare-page--result .compare-chart-ranges button:hover,
body.compare-page--result .compare-chart-ranges button:focus{
  color:var(--compare-green-dark);
  outline:none;
}

body.compare-page--result .compare-chart-ranges button.is-active{
  background:#fff;
  color:var(--compare-green-dark);
  box-shadow:0 2px 7px rgba(29,68,56,.1);
}

body.compare-page--result .compare-price-section #chart{
  width:100%;
  min-height:300px;
  margin-top:2px;
}

body.compare-page--result .compare-price-section .apexcharts-tooltip,
body.compare-page--result .compare-price-section .apexcharts-legend{
  font-family:inherit!important;
}

body.compare-page--result .compare-price-section .apexcharts-tooltip{
  border:0!important;
  border-radius:10px!important;
  box-shadow:0 10px 28px rgba(30,58,50,.14)!important;
}

body.compare-page--result .compare-price-section .apexcharts-legend-series{
  display:inline-flex!important;
  align-items:center;
}

body.compare-page--result .compare-sidebar{
  position:relative;
}

body.compare-page--result .compare-sidebar > .compare-eyebrow{
  margin-bottom:1px;
}

body.compare-page--result .compare-sidebar > p{
  margin:0 0 11px;
  color:var(--compare-muted);
  font-size:10.5px;
  line-height:1.45;
}

body.compare-page--result .compare-sidebar-list{
  display:flex;
  flex-direction:column;
}

body.compare-page--result .compare-sidebar-link{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 10px;
  align-items:center;
  gap:5px;
  padding:9px 2px;
  border-bottom:1px solid #e4ece9;
  color:var(--compare-ink);
  text-decoration:none!important;
  transition:background .15s ease,color .15s ease;
}

body.compare-page--result .compare-sidebar-link:hover,
body.compare-page--result .compare-sidebar-link:focus{
  background:linear-gradient(90deg,rgba(21,149,104,.06),rgba(242,131,34,.055));
  color:var(--compare-green-dark);
  outline:none;
}

body.compare-page--result .compare-sidebar-player{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  text-align:center;
}

body.compare-page--result .compare-sidebar-player__portrait{
  position:relative;
  width:48px;
  height:52px;
  display:block;
  overflow:hidden;
  border-radius:9px 9px 6px 6px;
  background:linear-gradient(180deg,#f7fbf9 0%,#e9f3ef 100%);
}

body.compare-page--result .compare-sidebar-player__face{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
}

body.compare-page--result .compare-sidebar-player__crest{
  position:absolute;
  z-index:2;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  padding:2px;
  object-fit:contain;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  box-shadow:0 2px 6px rgba(26,59,49,.14);
}

body.compare-page--result .compare-sidebar-player strong{
  max-width:100%;
  overflow:hidden;
  color:#40565d;
  font-size:9.5px;
  font-weight:900;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page--result .compare-sidebar-link > b{
  width:27px;
  height:27px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eef4f1;
  color:#536a62;
  font-size:8px;
  font-weight:950;
}

body.compare-page--result .compare-sidebar-link > i{
  color:#93a49e;
  font-size:13px;
}

body.compare-page .compare-popular-table{
  border-spacing:0;
}

body.compare-page .compare-popular-table a{
  border:0;
  border-bottom:1px solid #e4ece9;
  border-radius:0;
  background:transparent;
}

@media (min-width:992px){
  body.compare-page--result .compare-sidebar{padding-left:8px}
}

@media (max-width:767px){
  body.compare-page--result .compare-quick,
  body.compare-page--result .compare-detail-section,
  body.compare-page--result .compare-next-section,
  body.compare-page--result .compare-price-section{
    padding:0;
    border-radius:0;
  }

  body.compare-page--result .compare-section-heading p{font-size:10.5px}
  body.compare-page--result .compare-quick .compare-section-title h2{white-space:normal}
  body.compare-page--result .compare-chart-toolbar{display:block;margin-top:5px}
  body.compare-page--result .compare-chart-legend{gap:10px}
  body.compare-page--result .compare-chart-legend span{max-width:48%;font-size:9.5px}
  body.compare-page--result .compare-chart-ranges{width:100%;margin-top:8px}
  body.compare-page--result .compare-chart-ranges button{flex:1 1 0;min-height:30px}
  body.compare-page--result .compare-detail-section > .col-xs-5,
  body.compare-page--result .compare-detail-section > .col-xs-2{padding-right:2px;padding-left:2px}
  body.compare-page--result .compare-detail-section .table > tbody > tr > td{height:27px!important}
  body.compare-page--result .compare-score-bar{min-width:30px;height:24px;padding:0 7px;font-size:13px}
  body.compare-page--result .compare-score-status{min-height:24px;padding:0 6px;font-size:8.5px}
  body.compare-page--result .compare-next-grid{gap:12px}
  body.compare-page--result .compare-next-match{grid-template-columns:34px 29px minmax(0,1fr);gap:5px;min-height:52px}
  body.compare-page--result .compare-next-match__venue i{width:22px;height:22px;font-size:10px}
  body.compare-page--result .compare-next-match__crest{width:28px;height:28px}
  body.compare-page--result .compare-next-match__copy strong{font-size:10px}
  body.compare-page--result .compare-next-match__copy small{font-size:8.5px}
  body.compare-page--result .compare-price-section #chart{min-height:300px}
}

@media (max-width:520px){
  body.compare-page--result .compare-next-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  body.compare-page--result .compare-next-player__title{
    gap:4px;
    padding-bottom:5px;
    font-size:10.5px;
  }

  body.compare-page--result .compare-next-player__title img{
    width:20px;
    height:20px;
  }

  body.compare-page--result .compare-next-match{
    min-height:47px;
    grid-template-columns:27px 24px minmax(0,1fr);
    gap:3px;
    padding:5px 0;
  }

  body.compare-page--result .compare-next-match__venue i{
    width:20px;
    height:20px;
    font-size:9px;
  }

  body.compare-page--result .compare-next-match__venue small{font-size:7px}
  body.compare-page--result .compare-next-match__crest{width:24px;height:24px}
  body.compare-page--result .compare-next-match__copy strong{font-size:9px}
  body.compare-page--result .compare-next-match__copy small{font-size:7.5px}
}

@media (max-width:390px){
  body.compare-page--result .compare-next-grid{gap:6px}
  body.compare-page--result .compare-next-match{grid-template-columns:24px 22px minmax(0,1fr);gap:2px}
  body.compare-page--result .compare-next-match__venue i{width:18px;height:18px;font-size:8px}
  body.compare-page--result .compare-next-match__crest{width:22px;height:22px}
  body.compare-page--result .compare-next-match__copy strong{font-size:10.5px}
}

/* V7 · legibilidad móvil */
@media (max-width:767px){
  body.compare-page .compare-eyebrow,
  body.compare-page--selector .compare-picker__number{font-size:11px}

  body.compare-page--selector .compare-picker label,
  body.compare-page--selector .compare-picker .combobox-container .form-control,
  body.compare-page--selector .compare-picker .input-group .form-control,
  body.compare-page--selector .compare-picker .combobox-container .dropdown-menu > li > a{font-size:14px!important}

  body.compare-page--selector .compare-picker__selection,
  body.compare-page--selector .compare-form-error{font-size:12px}
  body.compare-page--selector .compare-submit{font-size:14px}
  body.compare-page .compare-popular-table a{font-size:12.5px}

  body.compare-page--result .compare-result-heading h1{font-size:24px}
  body.compare-page--result .compare-result-heading p,
  body.compare-page .compare-section-title p,
  body.compare-page--result .compare-section-heading p{font-size:12px}
  body.compare-page--result .compare-action{font-size:11px}

  body.compare-page--result .compare-player-card__side{font-size:9px}
  body.compare-page--result .compare-player-card h2{font-size:15px}
  body.compare-page--result .compare-player-card__copy > p{font-size:9.5px}
  body.compare-page--result .compare-player-card__highlights small{font-size:8px}
  body.compare-page--result .compare-player-card__highlights strong{font-size:10.5px}
  body.compare-page--result .compare-player-card__link{font-size:10px}

  body.compare-page--result .compare-metric__label{font-size:10px}
  body.compare-page--result .compare-metric__label i{font-size:11px}
  body.compare-page--result .compare-metric__value strong{font-size:13px}
  body.compare-page--result .compare-detail-section .col-xs-2 .table td{font-size:10px!important}
  body.compare-page--result .compare-score-status{font-size:10px}

  body.compare-page--result .compare-next-player__title{font-size:12px}
  body.compare-page--result .compare-next-match__venue small{font-size:8.5px}
  body.compare-page--result .compare-next-match__copy strong{font-size:11px}
  body.compare-page--result .compare-next-match__copy small{font-size:9px}
  body.compare-page--result .compare-next-empty{font-size:12px}

  body.compare-page--result .compare-chart-legend span{font-size:11px}
  body.compare-page--result .compare-chart-ranges button{font-size:12px}
  body.compare-page--result .compare-sidebar h2.linea_titulo{font-size:20px!important}
  body.compare-page--result .compare-sidebar > p{font-size:12px}
  body.compare-page--result .compare-sidebar-player strong{font-size:11.5px}
  body.compare-page--result .compare-sidebar-link > b{font-size:10px}
}

@media (max-width:390px){
  body.compare-page--result .compare-player-card h2{font-size:14px}
  body.compare-page--result .compare-player-card__copy > p{font-size:9px}
  body.compare-page--result .compare-player-card__highlights small{font-size:7.5px}
  body.compare-page--result .compare-player-card__highlights strong{font-size:10px}
  body.compare-page--result .compare-metric__label{font-size:9.5px}
  body.compare-page--result .compare-metric__value strong{font-size:12px}
}

/* V8 · selector Fantasy, puntos más anchos y tipografía más legible */
body.compare-page--selector .compare-fantasy-picker,
body.compare-page--result .compare-fantasy-switcher{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid var(--compare-line);
}

body.compare-page--selector .compare-fantasy-picker{
  margin-top:14px;
  border-top:1px solid var(--compare-line);
}

body.compare-page--result .compare-fantasy-switcher{
  margin:-3px 0 14px;
}

body.compare-page--selector .compare-fantasy-picker label,
body.compare-page--result .compare-fantasy-switcher label{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
}

body.compare-page--selector .compare-fantasy-picker label small,
body.compare-page--selector .compare-fantasy-picker label strong,
body.compare-page--result .compare-fantasy-switcher label small,
body.compare-page--result .compare-fantasy-switcher label strong{
  display:block;
}

body.compare-page--selector .compare-fantasy-picker label small,
body.compare-page--result .compare-fantasy-switcher label small{
  margin-bottom:2px;
  color:#7b8d93;
  font-size:11px;
  font-weight:750;
  line-height:1.15;
}

body.compare-page--selector .compare-fantasy-picker label strong,
body.compare-page--result .compare-fantasy-switcher label strong{
  color:var(--compare-ink);
  font-size:15px;
  font-weight:900;
  line-height:1.1;
}

body.compare-page--result .compare-fantasy-switcher label > img{
  width:34px;
  height:34px;
  object-fit:contain;
}

body.compare-page--selector .compare-fantasy-picker__select,
body.compare-page--result .compare-fantasy-switcher__select{
  position:relative;
  flex:0 1 260px;
}

body.compare-page--selector .compare-fantasy-picker select,
body.compare-page--result .compare-fantasy-switcher select{
  width:100%;
  height:42px!important;
  padding:0 38px 0 12px!important;
  border:1px solid #cbdcd5!important;
  border-radius:10px!important;
  appearance:none;
  background:#fff!important;
  color:var(--compare-ink)!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:42px!important;
  box-shadow:none!important;
  cursor:pointer;
}

body.compare-page--selector .compare-fantasy-picker__select > i,
body.compare-page--result .compare-fantasy-switcher__select > i{
  position:absolute;
  top:50%;
  right:13px;
  color:var(--compare-green);
  font-size:15px;
  pointer-events:none;
  transform:translateY(-50%);
}

body.compare-page--result .compare-fantasy-warning{
  margin:-6px 0 12px;
  padding:7px 0;
  color:#9a6710;
  font-size:12px;
  font-weight:750;
  line-height:1.35;
}

body.compare-page--result .compare-player-card__portrait{
  display:block;
  color:inherit;
  text-decoration:none!important;
  cursor:pointer;
}

body.compare-page--result .compare-player-card__portrait:focus{
  outline:3px solid rgba(21,149,104,.28);
  outline-offset:-3px;
}

body.compare-page--result .compare-player-card__portrait:hover .compare-player-card__photo{
  transform:translateX(-50%) scale(1.025);
}

body.compare-page--result .compare-player-card__photo{
  transition:transform .18s ease;
}

body.compare-page--result .compare-score-table{
  width:100%;
}

body.compare-page--result .compare-score-table__head,
body.compare-page--result .compare-score-table__row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);
  align-items:center;
  column-gap:7px;
}

body.compare-page--result .compare-score-table__head{
  min-height:34px;
  padding-bottom:5px;
  color:#52676e;
  font-size:12px;
  line-height:1.15;
}

body.compare-page--result .compare-score-table__head strong:first-child{text-align:right}
body.compare-page--result .compare-score-table__head strong:last-child{text-align:left}
body.compare-page--result .compare-score-table__head span{
  color:#809198;
  font-size:9px;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
}

body.compare-page--result .compare-score-table__row{
  min-height:36px;
  padding:3px 0;
  border-top:1px solid #edf2f0;
}

body.compare-page--result .compare-score-table__value{
  min-width:0;
  display:flex;
  align-items:center;
}

body.compare-page--result .compare-score-table__value--left{justify-content:flex-end}
body.compare-page--result .compare-score-table__value--right{justify-content:flex-start}
body.compare-page--result .compare-score-table__value .compare-score-bar{float:none}

body.compare-page--result .compare-score-table__round{
  color:#71848b;
  font-size:10px;
  font-weight:950;
  text-align:center;
}

body.compare-page--result .compare-score-missing{
  width:34px;
  color:#a4b1ad;
  font-size:16px;
  font-weight:800;
  text-align:center;
}

body.compare-page--result .compare-detail-empty{
  margin:0;
  color:var(--compare-muted);
  font-size:13px;
}

/* Escala tipográfica de escritorio */
@media (min-width:768px){
  body.compare-page .compare-eyebrow{font-size:11px}
  body.compare-page .compare-section-title p,
  body.compare-page--result .compare-section-heading p{font-size:13px}
  body.compare-page--result .compare-result-heading p{font-size:14px}
  body.compare-page--result .compare-action{font-size:11.5px}
  body.compare-page--result .compare-player-card{min-height:138px}
  body.compare-page--result .compare-player-card__photo{max-height:134px}
  body.compare-page--result .compare-player-card__side{font-size:10px}
  body.compare-page--result .compare-player-card h2{font-size:20px}
  body.compare-page--result .compare-player-card__highlights small{font-size:9px}
  body.compare-page--result .compare-player-card__highlights strong{font-size:13px}
  body.compare-page--result .compare-metric__label{font-size:10.5px}
  body.compare-page--result .compare-metric__label i{font-size:12px}
  body.compare-page--result .compare-metric__value strong{font-size:14px}
  body.compare-page--result .compare-section-heading h2.linea_titulo,
  body.compare-page--result .compare-sidebar h2.linea_titulo{font-size:23px!important}
  body.compare-page--result .compare-next-player__title{font-size:14px}
  body.compare-page--result .compare-next-match__venue small{font-size:9.5px}
  body.compare-page--result .compare-next-match__copy strong{font-size:13px}
  body.compare-page--result .compare-next-match__copy small{font-size:11px}
  body.compare-page--result .compare-chart-legend span{font-size:12px}
  body.compare-page--result .compare-chart-ranges button{font-size:12px}
  body.compare-page--result .compare-sidebar > p{font-size:12px}
  body.compare-page--result .compare-sidebar-player strong{font-size:11px}
}

@media (max-width:767px){
  body.compare-page--selector .compare-fantasy-picker,
  body.compare-page--result .compare-fantasy-switcher{gap:10px;padding:10px 0}
  body.compare-page--selector .compare-fantasy-picker label small,
  body.compare-page--result .compare-fantasy-switcher label small{font-size:10px}
  body.compare-page--selector .compare-fantasy-picker label strong,
  body.compare-page--result .compare-fantasy-switcher label strong{font-size:13px}
  body.compare-page--result .compare-fantasy-switcher label > img{width:30px;height:30px}
  body.compare-page--selector .compare-fantasy-picker__select,
  body.compare-page--result .compare-fantasy-switcher__select{flex-basis:52%;min-width:0}
  body.compare-page--selector .compare-fantasy-picker select,
  body.compare-page--result .compare-fantasy-switcher select{height:40px!important;font-size:13px!important;line-height:40px!important}

  body.compare-page--result .compare-player-card h2{font-size:16px}
  body.compare-page--result .compare-player-card__side{font-size:9.5px}
  body.compare-page--result .compare-player-card__highlights small{font-size:8.5px}
  body.compare-page--result .compare-player-card__highlights strong{font-size:11.5px}
  body.compare-page--result .compare-metric__label{font-size:10.5px}
  body.compare-page--result .compare-metric__value strong{font-size:14px}

  body.compare-page--result .compare-score-table__head,
  body.compare-page--result .compare-score-table__row{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);column-gap:3px}
  body.compare-page--result .compare-score-table__head{font-size:11px}
  body.compare-page--result .compare-score-table__head span{font-size:8px}
  body.compare-page--result .compare-score-table__row{min-height:38px}
  body.compare-page--result .compare-score-table__round{font-size:9px}
  body.compare-page--result .compare-score-bar{min-width:36px;height:28px;padding:0 8px;font-size:15px}
}

@media (max-width:390px){
  body.compare-page--result .compare-player-card h2{font-size:15px}
  body.compare-page--result .compare-player-card__highlights small{font-size:8px}
  body.compare-page--result .compare-player-card__highlights strong{font-size:11px}
  body.compare-page--result .compare-metric__label{font-size:10px}
  body.compare-page--result .compare-metric__value strong{font-size:13.5px}
}

/* V9 · selector Fantasy con logos e histórico diario corregido */
body.compare-page .compare-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  border:0!important;
  white-space:nowrap!important;
}

body.compare-page--selector .compare-fantasy-picker,
body.compare-page--result .compare-fantasy-switcher{
  position:relative;
  z-index:120;
  overflow:visible;
}

body.compare-page--selector .compare-fantasy-picker__label,
body.compare-page--result .compare-fantasy-switcher__label{
  min-width:0;
  display:block;
}

body.compare-page--selector .compare-fantasy-picker__label small,
body.compare-page--selector .compare-fantasy-picker__label strong,
body.compare-page--result .compare-fantasy-switcher__label small,
body.compare-page--result .compare-fantasy-switcher__label strong{
  display:block;
}

body.compare-page--selector .compare-fantasy-picker__label small,
body.compare-page--result .compare-fantasy-switcher__label small{
  margin-bottom:3px;
  color:#7b8d93;
  font-size:11px;
  font-weight:750;
  line-height:1.15;
}

body.compare-page--selector .compare-fantasy-picker__label strong,
body.compare-page--result .compare-fantasy-switcher__label strong{
  color:var(--compare-ink);
  font-size:15px;
  font-weight:900;
  line-height:1.1;
}

body.compare-page .compare-fantasy-select{
  position:relative;
  flex:0 1 310px;
  min-width:260px;
  color:var(--compare-ink);
}

body.compare-page .compare-fantasy-select__trigger{
  width:100%;
  min-height:52px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  padding:6px 12px;
  border:1px solid #cbdcd5;
  border-radius:12px;
  background:#fff;
  color:var(--compare-ink);
  text-align:left;
  box-shadow:0 3px 12px rgba(35,66,56,.06);
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease;
}

body.compare-page .compare-fantasy-select__trigger:hover,
body.compare-page .compare-fantasy-select__trigger:focus,
body.compare-page .compare-fantasy-select.is-open .compare-fantasy-select__trigger{
  border-color:var(--compare-green);
  outline:0;
  box-shadow:0 0 0 3px rgba(21,149,104,.12);
}

body.compare-page .compare-fantasy-select__trigger > img,
body.compare-page .compare-fantasy-select__option > img{
  width:36px;
  height:36px;
  padding:2px;
  object-fit:contain;
  border-radius:9px;
  background:#f5f8f7;
}

body.compare-page .compare-fantasy-select__trigger > span,
body.compare-page .compare-fantasy-select__option > span{
  min-width:0;
  display:block;
}

body.compare-page .compare-fantasy-select__trigger strong,
body.compare-page .compare-fantasy-select__trigger small,
body.compare-page .compare-fantasy-select__option strong,
body.compare-page .compare-fantasy-select__option small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.compare-page .compare-fantasy-select__trigger strong,
body.compare-page .compare-fantasy-select__option strong{
  color:#17392f;
  font-size:14px;
  font-weight:900;
  line-height:1.2;
}

body.compare-page .compare-fantasy-select__trigger small,
body.compare-page .compare-fantasy-select__option small{
  margin-top:2px;
  color:#71837d;
  font-size:10px;
  font-weight:700;
  line-height:1.15;
}

body.compare-page .compare-fantasy-select__trigger > i{
  color:var(--compare-green);
  font-size:17px;
  transition:transform .18s ease;
}

body.compare-page .compare-fantasy-select.is-open .compare-fantasy-select__trigger > i{transform:rotate(180deg)}

body.compare-page .compare-fantasy-select__menu{
  position:absolute;
  top:calc(100% + 7px);
  right:0;
  left:0;
  z-index:10000;
  max-height:344px;
  padding:6px;
  overflow-y:auto;
  border:1px solid #d4e1dc;
  border-radius:13px;
  background:#fff;
  box-shadow:0 18px 38px rgba(27,55,46,.2);
}

body.compare-page .compare-fantasy-select__menu[hidden]{display:none!important}

body.compare-page .compare-fantasy-select__option{
  width:100%;
  min-height:51px;
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 18px;
  align-items:center;
  gap:11px;
  padding:6px 9px;
  border:0;
  border-radius:9px;
  background:#fff;
  color:var(--compare-ink);
  text-align:left;
  cursor:pointer;
}

body.compare-page .compare-fantasy-select__option:hover,
body.compare-page .compare-fantasy-select__option:focus{
  outline:0;
  background:#f0f8f5;
}

body.compare-page .compare-fantasy-select__option.is-selected{background:#e7f5ef}
body.compare-page .compare-fantasy-select__option > i{visibility:hidden;color:var(--compare-green);font-size:13px}
body.compare-page .compare-fantasy-select__option.is-selected > i{visibility:visible}

body.compare-page--result .compare-next-match{
  grid-template-columns:38px 35px minmax(0,1fr);
  gap:7px;
}

body.compare-page--result .compare-next-match__venue i{
  width:31px;
  height:31px;
  font-size:14px;
}

@media (max-width:767px){
  body.compare-page--selector .compare-fantasy-picker,
  body.compare-page--result .compare-fantasy-switcher{align-items:center}

  body.compare-page--selector .compare-fantasy-picker__label small,
  body.compare-page--result .compare-fantasy-switcher__label small{font-size:10px}

  body.compare-page--selector .compare-fantasy-picker__label strong,
  body.compare-page--result .compare-fantasy-switcher__label strong{font-size:13px}

  body.compare-page .compare-fantasy-select{
    flex:0 1 58%;
    min-width:0;
  }

  body.compare-page .compare-fantasy-select__trigger{
    min-height:48px;
    grid-template-columns:32px minmax(0,1fr) 15px;
    gap:8px;
    padding:5px 9px;
  }

  body.compare-page .compare-fantasy-select__trigger > img,
  body.compare-page .compare-fantasy-select__option > img{width:32px;height:32px}
  body.compare-page .compare-fantasy-select__trigger strong,
  body.compare-page .compare-fantasy-select__option strong{font-size:13px}

  body.compare-page--result .compare-next-match{
    grid-template-columns:31px 29px minmax(0,1fr);
    gap:4px;
  }

  body.compare-page--result .compare-next-match__venue i{width:27px;height:27px;font-size:12px}
}

@media (max-width:420px){
  body.compare-page--selector .compare-fantasy-picker,
  body.compare-page--result .compare-fantasy-switcher{
    align-items:stretch;
    flex-direction:column;
    gap:8px;
  }

  body.compare-page .compare-fantasy-select{width:100%;flex-basis:auto}
  body.compare-page--result .compare-next-match{grid-template-columns:29px 25px minmax(0,1fr)}
  body.compare-page--result .compare-next-match__venue i{width:26px;height:26px;font-size:11px}
}

/* V10 · los desplegables de jugadores deben quedar sobre las capas posteriores */
body.compare-page--selector .compare-selector-card{
  overflow:visible!important;
}

body.compare-page--selector .compare-picker-grid{
  z-index:220;
  overflow:visible!important;
}

body.compare-page--selector .compare-picker,
body.compare-page--selector .compare-picker__content,
body.compare-page--selector .compare-picker .combobox-container,
body.compare-page--selector .compare-picker .input-group{
  overflow:visible!important;
}

body.compare-page--selector .compare-picker.is-dropdown-open,
body.compare-page--selector .compare-picker:focus-within{
  z-index:320;
}

body.compare-page--selector .compare-picker .combobox-container.open{
  position:relative;
  z-index:340;
}

body.compare-page--selector .compare-picker .combobox-container .dropdown-menu{
  z-index:360!important;
}

body.compare-page--selector .compare-fantasy-picker{
  z-index:110;
}