/* ══════════════════════════════════════════════════════════════════════════
   EL PIE DEL CLUB — el mismo en todas las webs del dominio

   Lo pone `club-pie.js`. Cada página puede añadir sus propios enlaces, pero
   la marca, las redes, el soporte y el aviso legal son idénticos en todas:
   antes cada web tenía el suyo (o ninguno) y no parecía la misma casa.
   ══════════════════════════════════════════════════════════════════════════ */

/* ⚠️ EL PIE NO HEREDA EL ESTILO DE CADA PÁGINA. Algunas tienen reglas para
   `footer` o `body>footer` (el Arsenal lo volvía flex y centrado; el Club le
   metía 86 px de relleno abajo). Aquí se fija todo lo que decide su forma. */
.pie-club{display:block;position:relative;float:none;width:auto;max-width:none;
  box-sizing:border-box;text-align:left;font-size:14px;line-height:1.55;
  overflow-wrap:normal;color:var(--gray-2,#a8b8d0);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  border-top:1px solid var(--line,rgba(120,150,200,.16));
  background:linear-gradient(180deg,rgba(7,13,31,0),rgba(7,13,31,.6));
  padding-left:0!important;padding-right:0!important;padding-top:26px!important;
  /* ⚠️ SIN HUECO AL FINAL («te deslizas hasta abajo y deja un espacio
     gigante»). Debajo del último texto solo queda su margen (18 px) y, si
     hace falta, el área segura del iPhone o la barra fija de la página
     (`--pie-reserva`, o la que mide club-pie.js). Nunca las dos sumadas:
     la barra ya cuenta el área segura. */
  padding-bottom:calc(18px + max(var(--pie-reserva,var(--pie-reserva-auto,0px)),env(safe-area-inset-bottom,0px)))!important;
  /* ⚠️ PEGADO ABAJO: en una página corta club-pie.js le da el empuje que
     falta para que el pie llegue al borde de la pantalla. */
  margin:calc(38px + var(--pie-empuje,0px)) 0 0!important}
/* lo que las páginas dejaban en el <body> para barras que ya no existen
   (74 px en el Club) ahora es hueco bajo el pie: fuera. La reserva para una
   barra de verdad la lleva el propio pie. */
html.con-pie-club body{padding-bottom:0!important;margin-bottom:0!important}

.pie-club .pc-in{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,26px);
  display:flex;flex-direction:column;gap:22px}

.pie-club .pc-alto{display:flex;align-items:flex-start;justify-content:space-between;
  gap:26px;flex-wrap:wrap}
.pie-club .pc-marca{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.pie-club .pc-marca img{height:34px;width:auto;object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(201,160,64,.4))}
.pie-club .pc-marca b{font-family:'Space Grotesk',sans-serif;font-size:14px;letter-spacing:.03em;
  line-height:1.2;color:var(--white,#fff);display:block}
.pie-club .pc-marca i{display:block;font-style:normal;font-size:9.5px;letter-spacing:.2em;
  color:var(--gold,#c9a040);font-weight:500;margin-top:2px}

.pie-club .pc-lks{display:flex;gap:7px 20px;flex-wrap:wrap;align-items:center}
.pie-club .pc-lks a{font-size:13px;color:var(--gray-2,#a8b8d0);text-decoration:none;
  transition:color .15s}
.pie-club .pc-lks a:hover{color:var(--gold-xlight,#ffefc2)}

/* ⚠️ El soporte va a la DERECHA DEL TODO, separado de las redes: pegado a
   ellas parecía una red social más. */
.pie-club .pc-der{display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  width:100%;justify-content:space-between}
.pie-club .pc-redes{display:flex;gap:8px}
.pie-club .pc-redes a{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
  border:1px solid var(--line,rgba(120,150,200,.16));color:var(--gray-2,#a8b8d0);
  transition:color .2s,border-color .2s,transform .2s,background .2s}
.pie-club .pc-redes a:hover{color:#fff;border-color:rgba(201,160,64,.5);
  background:rgba(201,160,64,.1);transform:translateY(-2px)}
.pie-club .pc-redes svg{width:17px;height:17px;fill:currentColor}

.pie-club .pc-sop{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:11px;
  font-size:13px;font-weight:700;text-decoration:none;flex:none;margin-left:auto;
  color:#1a1200;background:linear-gradient(135deg,var(--gold-light,#e8c46a),var(--gold,#c9a040));
  transition:filter .15s,transform .15s}
.pie-club .pc-sop:hover{filter:brightness(1.07);transform:translateY(-1px)}
.pie-club .pc-sop svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

.pie-club .pc-bajo{display:flex;align-items:center;justify-content:space-between;gap:6px 14px;
  flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line,rgba(120,150,200,.16))}
.pie-club .pc-cr{font-size:11.6px;line-height:1.6;color:var(--gray-3,#6b7c99);max-width:720px;
  text-wrap:pretty}
.pie-club .pc-cr b{color:var(--gray-2,#a8b8d0);font-weight:600}
.pie-club .pc-ver{font-size:10.5px;line-height:1.6;color:var(--gray-3,#6b7c99);opacity:.6;flex:none}
.pie-club .pc-ver[hidden]{display:none}

@media(max-width:760px){
  .pie-club{padding-top:20px!important;
    padding-bottom:calc(14px + max(var(--pie-reserva,var(--pie-reserva-auto,0px)),env(safe-area-inset-bottom,0px)))!important;
    margin-top:calc(26px + var(--pie-empuje,0px))!important}
  .pie-club .pc-alto{flex-direction:column;align-items:flex-start;gap:18px}
  /* ⚠️ También en el móvil: redes a la izquierda, soporte a la derecha. */
  .pie-club .pc-der{width:100%;justify-content:space-between;gap:12px}
  .pie-club .pc-lks{gap:6px 16px}
  .pie-club .pc-lks a{font-size:12.6px}
}