/*!
 * Pilota Resultados – Frontend styles v1.9.50
 * - Marcador + fecha/hora: ↑ 20px en horizontal y vertical (.pilota-banner .pb-center)
 * - Fix móvil: mantener 3 columnas y ajustar tamaños/offsets bajo 520px
 */

/* ===== Banner de créditos (encima del slider/lista) ===== */
.pilota-credits-banner{
  width:100%;
  box-sizing:border-box;
  background:#f9fafb;
  border:1px solid #e6e6e6;
  color:#555;
  font-size:.92rem;
  padding:8px 12px;
  margin:10px auto 6px auto;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  flex-wrap:wrap;
}
.pilota-credits-banner .pb-credits-text{ font-weight:600; }
.pilota-credits-banner .pb-credits-logos{ display:flex; align-items:center; gap:14px; }
.pilota-credits-banner .pb-credits-logos a{ display:inline-flex; align-items:center; }
.pilota-credits-banner .pb-credits-logos img{
  height:26px; width:auto; display:block; object-fit:contain;
}
.pilota-credits-banner .pb-credits-more{
  font-weight:600; color:#333;
  display:inline-flex; align-items:center;
  margin-left:auto; text-align:right;
}
@media (max-width:600px){
  .pilota-credits-banner .pb-credits-more{
    display:block; flex-basis:100%; text-align:right;
  }
}

/* ===== Carrusel (layout horizontal) ===== */
.pilota-slider{ position:relative; max-width:100%; margin:12px auto; }
.pilota-slider .pb-viewport{ overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.pilota-slider .pb-viewport::-webkit-scrollbar{ display:none; }
.pilota-slider .pb-track{ --pb-gap:12px; display:flex; gap:var(--pb-gap); align-items:stretch; }
.pilota-slider .pb-slide{ scroll-snap-align:start; min-width:100%; }

/* Snap solo para layout horizontal */
.pb-perpage-3 .pb-viewport{ scroll-snap-type:x mandatory; }
.pb-perpage-3 .pb-slide{ scroll-snap-stop: always; }
/* Horizontal: 3 por vista (responsive 2/1) */
.pb-perpage-3 .pb-slide{ min-width:calc((100% - var(--pb-gap) * 2) / 3); }
@media (max-width:900px){ .pb-perpage-3 .pb-slide{ min-width:calc((100% - var(--pb-gap)) / 2); } }
@media (max-width:600px){ .pb-perpage-3 .pb-slide{ min-width:100%; } }

/* ===== Controles del slider (flechas) ===== */
.pilota-slider .pb-nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:2;
  width:auto; height:auto; padding:0; background:transparent; border:none; box-shadow:none;
  color:#111; font-size:33px; line-height:1; cursor:pointer; user-select:none;
}
.pilota-slider .pb-prev{ left:-24px; }
.pilota-slider .pb-next{ right:-24px; }
@media (max-width:640px){
  .pilota-slider .pb-prev{ left:-16px; }
  .pilota-slider .pb-next{ right:-16px; }
}
.pilota-slider .pb-nav:hover{ filter:brightness(1.05); }

/* ===== Tarjeta (base) ===== */
.pilota-banner{
  --radius:0;
  --pad:14px;
  --bg:#fff;
  --border:#e6e6e6;
  --shadow:rgba(0,0,0,.05);
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:var(--pad);
  box-shadow:0 4px 10px var(--shadow);
  max-width:900px;
  margin:0 auto;
}
.pilota-empty{ text-align:center; color:#666; font-size:.95rem; }

/* Altura fija horizontal */
.pilota-banner.pb--layout-horizontal{
  --pb-card-h: 190px;
  height: var(--pb-card-h);
  overflow: hidden;
}

/* LIVE dot */
.pb-live{
  position:absolute; top:8px; right:8px;
  width:10px; height:10px; border-radius:50%;
  background:#e10600; box-shadow:0 0 0 0 rgba(225,6,0,0.6);
  animation: pb-pulse 1.4s infinite;
}
@keyframes pb-pulse{
  0%{ box-shadow:0 0 0 0 rgba(225,6,0,0.6); transform:scale(1); }
  70%{ box-shadow:0 0 0 8px rgba(225,6,0,0); transform:scale(1.08); }
  100%{ box-shadow:0 0 0 0 rgba(225,6,0,0); transform:scale(1); }
}

/* Cabecera (compat) */
.pb-header{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; justify-content:flex-end; }
.pb-date{ font-size:.9rem; color:#444; }

/* Cuerpo de tarjeta (base) */
.pilota-banner .pb-item{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px;
}

/* Jugadores */
.pb-player{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-width:0; }
.pb-avatars{ display:flex; flex:0 0 auto; }

/* Imagen base (fallback genérico) */
.pb-avatars img{
  width:64px; height:64px; display:block;
  object-fit:cover; object-position:center;
  border-radius:50%; border:2px solid #f0f0f0;
}

/* ===== Horizontal: imágenes tal cual (no circulares) ===== */
.pb--layout-horizontal .pb-item{ height: calc(var(--pb-card-h) - (var(--pad) * 2)); }
.pb--layout-horizontal .pb-avatars img{
  width:136px !important;
  height:136px !important;
  object-fit:contain; object-position:center center;
  border-radius:0 !important; border:0 !important; background:transparent;
}
@media (max-width:900px){
  .pb--layout-horizontal .pb-avatars img{ width:130px !important; height:130px !important; }
}
@media (max-width:600px){
  .pb--layout-horizontal .pb-avatars img{ width:120px !important; height:120px !important; }
}
.pb--layout-horizontal .pb-item .pb-player:first-child .pb-avatars{ margin-left:-10px; margin-top:-20px; }
.pb--layout-horizontal .pb-item .pb-player:last-child  .pb-avatars{ margin-right:-10px; margin-top:-20px; }
.pb--layout-horizontal .pb-item .pb-player:first-child{ align-items:flex-start; }
.pb--layout-horizontal .pb-item .pb-player:last-child { align-items:flex-end; }
.pb--layout-horizontal .pb-name{
  display:flex; flex-direction:column; gap:2px; line-height:1.15;
  margin-top:-10px;
  height:2.6em; justify-content:flex-start;
}
.pb--layout-horizontal .pb-item .pb-player:first-child .pb-name{ text-align:left;  align-items:flex-start; }
.pb--layout-horizontal .pb-item .pb-player:last-child  .pb-name{ text-align:right; align-items:flex-end; }

/* ===== Centro marcador/fecha ===== */
.pb-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
}
.pb-scoreboard{ display:flex; align-items:center; justify-content:center; gap:8px; }
.pb-scoreboard .pb-score-a, .pb-scoreboard .pb-score-b{
  font-weight:800; font-size:1.6rem; padding:0; border-radius:0; background:transparent; min-width:0; text-align:center;
}
.pb-score-sep{ font-weight:800; opacity:.8; }
.pb-scoreboard--text .pb-score-text{ font-weight:800; font-size:1.4rem; }
.pb-date--below{ font-size:.85rem; color:#555; margin-top:5px; }

/* ===== Botón fuera de la tarjeta ===== */
.pb-link{ font-size:1rem; text-decoration:none; display:inline-block; }
.pb-link--below{
  display:block; width:100%; text-align:center;
  padding:2.5px 12px;
  background:#111; color:#fff; border:1px solid #111; border-radius:0; font-weight:600;
  margin-top:6px;
  transition:none;
}
.pb-link--below:hover{ background:#111; color:#fff; border-color:#111; filter:none; }
.pb-link--below:focus-visible{ outline:2px solid #000; outline-offset:2px; }

/* ===== Temas y layout vertical clásico (compatibilidad) ===== */
.pb--theme-bright{ background:linear-gradient(0deg, rgba(255,255,255,0.95), #fff); }
.pb--theme-light{ background:#fff; }
.pb--layout-vertical .pb-item{ grid-template-columns:1fr; gap:10px; text-align:center; }
.pb--layout-vertical .pb-name{ max-width:100%; text-align:center; }

/* ===================================================================== */
/* ====================   VERTICAL (LISTADO) SOLO   ==================== */
/* ===================================================================== */

.pilota-list--vertical{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pilota-list--vertical .pb-slide{
  width:100%; min-width:0; scroll-snap-align:unset;
}

/* Altura fija y padding optimizado SOLO en vertical */
.pilota-list--vertical .pilota-banner{
  --pb-card-h: 140px;
  --pad:12px;
  height: var(--pb-card-h);
  overflow:hidden;
}

/* Altura interna del contenido */
.pilota-list--vertical .pb--layout-horizontal .pb-item{
  height: calc(var(--pb-card-h) - (var(--pad) * 2)); /* 140 - 24 = 116px útiles */
  gap:10px;
}

/* Imágenes SOLO vertical */
.pilota-list--vertical .pb--layout-horizontal .pb-avatars img{
  width:96px !important;
  height:96px !important;
  object-fit:contain; object-position:center;
  border-radius:0 !important; border:0 !important; background:transparent;
}
@media (max-width:900px){
  .pilota-list--vertical .pb--layout-horizontal .pb-avatars img{
    width:92px !important; height:92px !important;
  }
}
@media (max-width:600px){
  .pilota-list--vertical .pb--layout-horizontal .pb-avatars img{
    width:88px !important; height:88px !important;
  }
}

/* Offsets de imagen SOLO vertical */
.pilota-list--vertical .pb--layout-horizontal .pb-item .pb-player:first-child .pb-avatars{
  margin-left:-6px; margin-top:-24px;
}
.pilota-list--vertical .pb--layout-horizontal .pb-item .pb-player:last-child  .pb-avatars{
  margin-right:-6px; margin-top:-24px;
}

/* Nombres SOLO vertical */
.pilota-list--vertical .pb--layout-horizontal .pb-player{ gap:4px; }
.pilota-list--vertical .pb--layout-horizontal .pb-name{
  margin-top:-8px;
  height:1.5em;
}

/* Fecha en vertical pegada al marcador */
.pilota-list--vertical .pb--layout-horizontal .pb-date--below{ margin-top:0; }

/* ===================================================================== */
/* ============================  Responsivo  ============================ */
/* ===================================================================== */
@media (max-width:720px){
  .pilota-banner{ --pad:12px; }
  .pb-name{ font-size:1rem; }
}

/* (El colapso a 1 columna bajo 520px se desactiva; se corrige más abajo en "FIX MÓVIL") */

/* ===== Reduce motion ===== */
@media (prefers-reduced-motion: reduce){
  .pb-link--below{ transition:none; }
}

/* ===================================================================== */
/* =====================  AJUSTE PEDIDO (↑ 20px)  ====================== */
/* ===================================================================== */

/* Subir 20px el bloque central (marcador + fecha/hora) en TODOS los layouts */
.pilota-banner .pb-center{
  transform: translateY(-20px) !important;
}

/* ===================================================================== */
/* ========================  FIX MÓVIL (≤520px)  ======================= */
/* ===================================================================== */
@media (max-width:520px){

  /* Mantener el grid 1fr | auto | 1fr también en móvil */
  .pilota-banner .pb-item{
    grid-template-columns: 1fr auto 1fr !important;
    gap: 8px !important;
  }

  /* Centrado marcador/fecha un poco menos arriba para no chocar con nombres */
  .pilota-banner .pb-center{
    transform: translateY(-12px) !important;
  }
  .pilota-banner .pb-date{ width:auto; text-align:center; }
  .pilota-banner .pb-date--below{ margin-top:2px; }

  /* Ajustes SOLO en layout vertical (lista) para encajar en 140px */
  .pilota-list--vertical .pb--layout-horizontal .pb-avatars img{
    width:84px !important;
    height:84px !important;
    object-fit:contain; object-position:center;
    border-radius:0 !important; border:0 !important; background:transparent;
  }
  .pilota-list--vertical .pb--layout-horizontal .pb-item .pb-player:first-child .pb-avatars{
    margin-left:-4px; margin-top:-18px;
  }
  .pilota-list--vertical .pb--layout-horizontal .pb-item .pb-player:last-child .pb-avatars{
    margin-right:-4px; margin-top:-18px;
  }
  .pilota-list--vertical .pb--layout-horizontal .pb-name{
    margin-top:-4px;
  }

  /* Ligera reducción de tipografía del marcador para pantallas muy estrechas */
  .pb-scoreboard .pb-score-a,
  .pb-scoreboard .pb-score-b{ font-size:1.5rem; }
  .pb-scoreboard--text .pb-score-text{ font-size:1.3rem; }
}

/* Afinado extra para ultra-estrechos */
@media (max-width:360px){
  .pilota-list--vertical .pb--layout-horizontal .pb-avatars img{
    width:78px !important; height:78px !important;
  }
  .pilota-banner .pb-center{
    transform: translateY(-10px) !important;
  }
}