/* v212 · fotos, clasificación móvil, importador imagen y camiseta negra */

@media(max-width:700px){
  #seasonContent .standings th{
    font-size:11.5px!important;
    padding:9px 7px!important;
  }
  #seasonContent .standings td{
    font-size:13px!important;
    padding:10px 7px!important;
  }
  #seasonContent .standings .classification-player{
    font-size:13.5px!important;
    font-weight:850!important;
  }
  #seasonContent .classification-avatar{
    width:30px!important;
    height:30px!important;
  }
}

/* Filo exterior de la camiseta negra más visible */
.latest-match .match-score-shirt.black,
.calendar-match-row .match-score-shirt.black{
  filter:
    drop-shadow(1px 0 0 rgba(255,255,255,.92))
    drop-shadow(-1px 0 0 rgba(255,255,255,.92))
    drop-shadow(0 1px 0 rgba(255,255,255,.92))
    drop-shadow(0 -1px 0 rgba(255,255,255,.92))
    drop-shadow(0 5px 8px rgba(0,0,0,.34))!important;
}

/* Galería de fotos */
body.patx-photo-gallery-open{overflow:hidden!important}
.patx-photo-gallery{
  position:fixed;
  inset:0;
  z-index:120000;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(2,5,3,.96);
  backdrop-filter:blur(8px);
}
.patx-photo-gallery.open{display:flex}
.patx-photo-gallery-stage{
  position:relative;
  margin:0;
  width:min(92vw,1500px);
  height:min(88vh,1000px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.patx-photo-gallery-img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 18px 55px rgba(0,0,0,.45);
}
.patx-photo-gallery-close,
.patx-photo-gallery-prev,
.patx-photo-gallery-next{
  position:fixed;
  z-index:3;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(12,17,14,.72);
  color:#fff;
  cursor:pointer;
  backdrop-filter:blur(8px);
}
.patx-photo-gallery-close{
  top:14px;right:14px;
  width:42px;height:42px;
  border-radius:50%;
  font-size:28px;line-height:1;
}
.patx-photo-gallery-prev,
.patx-photo-gallery-next{
  top:50%;
  transform:translateY(-50%);
  width:48px;height:58px;
  border-radius:12px;
  font-size:38px;line-height:1;
}
.patx-photo-gallery-prev{left:12px}
.patx-photo-gallery-next{right:12px}
.patx-photo-gallery-counter{
  position:absolute;
  left:50%;bottom:10px;
  transform:translateX(-50%);
  padding:5px 9px;
  border-radius:999px;
  background:rgba(0,0,0,.62);
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.patx-match-photo-clickable,
.patx-row-photo-clickable{cursor:zoom-in!important}
.calendar-match-thumb{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:78px;
  height:54px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.12);
  cursor:zoom-in;
  z-index:3;
}

@media(max-width:700px){
  .patx-photo-gallery-stage{width:100vw;height:100dvh}
  .patx-photo-gallery-img{max-width:100vw;max-height:100dvh;border-radius:0}
  .patx-photo-gallery-prev,
  .patx-photo-gallery-next{
    width:38px;height:48px;font-size:30px;
    background:rgba(5,9,7,.58);
  }
  .patx-photo-gallery-prev{left:6px}
  .patx-photo-gallery-next{right:6px}
  .patx-photo-gallery-close{
    top:10px;right:10px;width:38px;height:38px;font-size:25px;
  }
  .calendar-match-thumb{
    left:8px;
    width:58px;
    height:42px;
  }
}

/* Importar convocatoria desde imagen */
.result-image-import{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 14px;
  align-items:center;
  margin:12px 0 18px;
  padding:14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:rgba(8,12,9,.60);
}
.result-image-import-copy strong{
  display:block;
  margin-bottom:4px;
  font-size:14px;
}
.result-image-import-copy span{
  display:block;
  color:#9ba69f;
  font-size:11px;
  line-height:1.4;
}
.result-image-import-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  white-space:nowrap;
}
#resultImageCallupStatus{
  grid-column:1 / -1;
  margin:0;
}
#resultImageCallupStatus[data-state="ok"]{border-color:rgba(83,194,112,.35);color:#b9e9c4}
#resultImageCallupStatus[data-state="error"]{border-color:rgba(225,77,77,.35);color:#ffb4b4}

@media(max-width:700px){
  .result-image-import{grid-template-columns:1fr}
  .result-image-import-btn{width:100%}
}