/* V9.21.50 · Predicción, escudos y continuidad visual. */

/* La cabecera de Predicción reparte siempre el ancho en tres columnas iguales. */
#view-porra .status-banner {
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
}
#view-porra .status-card {
  box-sizing:border-box!important;
  min-width:0!important;
  overflow:hidden!important;
  align-items:flex-start!important;
}
#view-porra .status-value {
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#view-porra #stat-limite {
  white-space:normal!important;
  line-height:1.2!important;
}

/* El bote comparte la misma tarjeta editorial que la selección, sin quedar
   separado como un bloque heredado. Los datos siguen siendo los mismos. */
#view-porra #panel-bote-publico-v32 {
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid #2d403b!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#111917,#101419)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#view-porra #panel-bote-publico-v32>summary {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 20px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  cursor:pointer!important;
}
#view-porra #panel-bote-publico-v32>summary::-webkit-details-marker {display:none!important}
#view-porra #panel-bote-publico-v32>summary .panel-title {
  margin:0 0 3px!important;
  font-size:17px!important;
}
#view-porra #panel-bote-publico-v32>summary .panel-subtitle {
  margin:0!important;
  max-width:34em!important;
  font-size:11px!important;
  line-height:1.4!important;
}
#view-porra #panel-bote-publico-v32 .pot-public-chevron-v91618 {
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  color:#d9bf62!important;
  font-style:normal!important;
  transition:transform .18s ease!important;
}
#view-porra #panel-bote-publico-v32[open] .pot-public-chevron-v91618 {transform:rotate(180deg)!important}
#view-porra #panel-bote-publico-v32 .pot-public-grid-v32 {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:12px 0 0!important;
  padding:0!important;
}
#view-porra #panel-bote-publico-v32 .pot-public-kpi-v32 {
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:70px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  padding:11px!important;
  border:1px solid #35443f!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;
}
#view-porra #panel-bote-publico-v32 .pot-public-kpi-v32 span {
  color:#91a19f!important;
  font:700 9px/1.2 'Exo 2',sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
#view-porra #panel-bote-publico-v32 .pot-public-kpi-v32 strong {
  min-width:0!important;
  color:#f1f3ee!important;
  font:850 clamp(15px,3vw,19px)/1.15 'Exo 2',sans-serif!important;
  overflow-wrap:anywhere!important;
}

/* El escudo es una imagen, no una insignia con placa. El fondo del elemento
   padre (la tarjeta del partido o del jugador) permanece intacto. */
#main-app .censo-team-asset-v435:is(.is-crest,.is-flag,.is-fallback),
#main-app .censo-team-asset-v435:is(.is-crest,.is-flag,.is-fallback) img {
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
#main-app .censo-team-asset-v435:is(.is-crest,.is-flag,.is-fallback) {
  border-color:transparent!important;
  border-radius:0!important;
  padding:0!important;
}
#main-app .censo-team-asset-v435:is(.is-crest,.is-flag,.is-fallback)::before,
#main-app .censo-team-asset-v435:is(.is-crest,.is-flag,.is-fallback)::after,
#main-app .censo-team-asset-v435:is(.is-crest,.is-flag,.is-fallback) .team-asset-fallback-v727 {
  background:transparent!important;
  box-shadow:none!important;
}
#main-app .censo-team-asset-v435:is(.is-crest,.is-flag,.is-fallback) img {
  border:0!important;
  border-radius:0!important;
  object-position:center!important;
}
.team-flag-light-v439,
.calendar-crest-v92144,
.calendar-crest-v92144>img,
.calendar-crest-v92144>.team-flag-light-v439 {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* En Evolución el marco heredado de 56 px llegaba a recortar la parte baja
   del escudo. Se fijan las tres cajas al mismo eje y se permite que la imagen
   complete su relación de aspecto. */
#view-historico .evolution-team-mark-v92146 {
  box-sizing:border-box!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#view-historico .evolution-team-mark-v92146>.censo-team-asset-v435 {
  position:relative!important;
  box-sizing:border-box!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#view-historico .evolution-team-mark-v92146>.censo-team-asset-v435 img {
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  object-position:center!important;
}
#view-historico .evolution-team-mark-v92146 .team-asset-fallback-v727 {
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  background:transparent!important;
}
#view-historico .evolution-entry-team-v92146 .evolution-team-mark-v92146 {
  flex-basis:22px!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:25px!important;
  min-height:25px!important;
  max-height:25px!important;
}

@media(max-width:760px) {
  #view-porra .status-card {padding:10px 9px!important}
  #view-porra .status-value {font-size:15px!important}
  #view-porra #stat-estado,#view-porra #stat-limite {font-size:11px!important}
  #view-porra #panel-bote-publico-v32 {padding:14px!important}
  #view-porra #panel-bote-publico-v32>summary {
    grid-template-columns:minmax(0,1fr) auto 20px!important;
    min-height:54px!important;
  }
  #view-porra #panel-bote-publico-v32 .pot-public-grid-v32 {gap:8px!important}
  #view-porra #panel-bote-publico-v32 .pot-public-kpi-v32 {min-height:72px!important;padding:10px!important}
  #view-historico .evolution-team-mark-v92146 {
    flex-basis:24px!important;
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }
  #view-historico .evolution-entry-team-v92146 .evolution-team-mark-v92146 {
    flex-basis:20px!important;
    width:20px!important;
    min-width:20px!important;
    max-width:20px!important;
    height:23px!important;
    min-height:23px!important;
    max-height:23px!important;
  }
}