/* =========================================================================
   CD TERUEL — Plantilla (tarjetas de jugador por posición)
   ========================================================================= */
.pl-empty { color: var(--texto-sec); padding: 2.5rem 0; }

.pl-group + .pl-group { margin-top: clamp(2.5rem, 5vw, 4rem); }
.pl-group__title {
  font-family: "Cinzel", sans-serif; text-transform: uppercase; font-weight: 700;
  font-size: clamp(1.3rem, 3vw, 1.9rem); letter-spacing: .02em; color: var(--gris-900);
  margin-bottom: clamp(1.2rem, 2.5vw, 1.8rem);
}

.pl-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(1rem, 1.8vw, 1.5rem); }
@media (max-width: 900px) { .pl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .pl-grid { grid-template-columns: 1fr 1fr; gap: .8rem; } }

.pl-card { display: block; background: #fff; border: 1px solid var(--linea); overflow: hidden; transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
.pl-card:hover { transform: translateY(-5px); box-shadow: var(--sombra); }

.pl-card__media { position: relative; aspect-ratio: 3/4; overflow: hidden; background: linear-gradient(170deg, var(--marino-500), var(--marino)); }
.pl-card__media img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: transform .6s var(--ease); }
.pl-card:hover .pl-card__media img { transform: scale(1.04); }
/* dorsal grande al fondo, arriba a la izquierda */
.pl-card__num {
  position: absolute; top: .3rem; left: .7rem; z-index: 0;
  font-family: "Cinzel", sans-serif; font-weight: 700; line-height: 1;
  font-size: clamp(3rem, 6vw, 4.5rem); color: rgba(255,255,255,.28);
}

.pl-card__body { padding: 1rem 1.1rem 1.2rem; text-align: center; }
.pl-card__pos { display: block; font-family: "Barlow", sans-serif; font-weight: 700; font-size: .68rem; letter-spacing: .12em; text-transform: uppercase; color: var(--rojo); }
.pl-card__name { display: block; margin-top: .3rem; font-family: "Cinzel", sans-serif; text-transform: uppercase; font-weight: 700; font-size: clamp(1rem, 1.6vw, 1.2rem); color: var(--gris-900); transition: color var(--dur) var(--ease); }
.pl-card:hover .pl-card__name { color: var(--rojo); }

/* Cuerpo técnico: tarjeta no clicable */
.pl-card--staff { cursor: default; }
.pl-card--staff:hover { transform: none; box-shadow: none; }
.pl-card--staff:hover .pl-card__media img { transform: none; }
.pl-card--staff:hover .pl-card__name { color: var(--gris-900); }
#cuerpo-tecnico { scroll-margin-top: calc(var(--header-h) + 1.5rem); }