/* Cabecera y contenidos del sitio público. */
.sitio-club { margin: 0; color: #111; background: white; }
.sitio-club *, .sitio-club *::before, .sitio-club *::after { box-sizing: border-box; }
.sitio-club a:focus-visible { outline: 3px solid #154773; outline-offset: 2px; }
.salto-club { position: absolute; top: .4rem; left: .4rem; padding: 10px; background: white; color: #111; transform: translateY(-150%); }
.salto-club:focus { transform: none; }
.marca-club, .marca-club img { display: block; }
.marca-club img { width: 100%; max-width: 1024px; height: auto; margin: auto; }
.navegacion-club, .pie-club { background: #000; }
.navegacion-club > div { max-width: 1024px; margin: auto; display: flex; align-items: stretch; justify-content: space-around; }
.navegacion-club a { display: grid; place-items: center; min-height: 45px; padding: 6px 9px; text-transform: uppercase; color: white; }
.navegacion-club a:hover, .navegacion-club a:focus-visible { text-decoration: underline; }
.navegacion-club a:focus-visible { outline-color: white; outline-offset: -4px; }
.navegacion-club a[aria-current] { color: #75aadb; }
.pie-club { height: 45px; }
.seccion-club { background: #75aadb; padding: 50px max(16px, env(safe-area-inset-left)); }
.bienvenida-club { max-width: 724px; margin: auto; line-height: 1.4; text-align: justify; }
.bienvenida-club p { margin: 0 0 1em; }
.bienvenida-club p:last-child { margin: 0; }
.contacto-club { max-width: 564px; min-height: 200px; margin: 50px auto; padding-left: 18px; border-left: 4px solid #111; }
.contacto-club a { display: table; padding: 10px 0; min-height: 44px; max-width: 100%; color: #111; overflow-wrap: anywhere; }
.lista-club { margin: auto; max-width: 925px; display: grid; grid-template-columns: repeat(3, minmax(0, 275px)); justify-content: space-between; gap: 50px 16px; }
.tarjeta-club { min-width: 0; background: white; text-align: center; display: flex; flex-direction: column; }
.tarjeta-club > a { display: grid; place-items: center; }
.tarjeta-club img { display: block; max-width: 100%; width: 100%; aspect-ratio: 275 / 205; object-fit: contain; }
.texto-tarjeta { padding: 11px 8px 5px; }
.texto-tarjeta a { display: inline-flex; align-items: center; min-height: 44px; padding: 3px; text-decoration: underline; color: #24547d; }
.titulo-galeria { max-width: 1024px; margin: 0 auto 35px; padding: 10px; background: white; text-align: center; font-weight: normal; }
.medios-club { align-items: center; }
.medios-club a { display: grid; place-items: center; }
.medios-club img, .medios-club video { display: block; width: 100%; height: auto; }
.zona-carnets { padding: 35px 12px; }
.zona-carnets .carnet-grid { width: 100%; max-width: 960px; margin: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 400px)); justify-content: center; gap: 28px; padding: 0; }
.zona-carnets .carnet-container { width: 100%; max-width: 400px; height: auto; aspect-ratio: 8 / 5; container-type: inline-size; }
.zona-carnets .background-image { position: absolute; inset: 0; }
.zona-carnets .field { font-size: min(4cqw, 16px); max-width: 69%; overflow: hidden; white-space: nowrap; }
.zona-carnets .nro-socio { top: 13.6%; right: 12.5%; }
.zona-carnets .apellido { top: 46.8%; left: 26.75%; }
.zona-carnets .nombre { top: 60.8%; left: 26.75%; }
.zona-carnets .dni { top: 74.4%; left: 26.75%; }
.modelo-club table[width="1024"] { max-width: 1024px; width: 100%; }
.modelo-club img { max-width: 100%; height: auto; }
@media (max-width: 1023px) {
  .navegacion-club { letter-spacing: .24em; }
  .modelo-fotos, .modelo-fotos > tbody, .modelo-tecnica, .modelo-tecnica > tbody { display: block; }
  .modelo-fotos > tbody > tr, .modelo-tecnica > tbody > tr { display: block; }
  .modelo-fotos > tbody > tr > td, .modelo-tecnica > tbody > tr > td { display: block; width: 100%; }
  .modelo-fotos .fotos-fila, .modelo-tecnica .tecnica-fila { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 0 12px; }
  .modelo-fotos .fotos-fila > td[width="10"], .modelo-tecnica .tecnica-fila > td[width="10"] { display: none; }
  .fotos-fila a, .fotos-fila img { display: block; width: 100%; }
  .tecnica-fila table { width: 100%; }
  .modelo-club td[nowrap] { white-space: normal; }
  .tecnica-fila .robc14 { color: #31678e; }
}
@media (max-width: 880px) {
  .lista-club { grid-template-columns: repeat(2,minmax(0,275px)); max-width: 650px; justify-content: space-evenly; gap: 26px 16px; }
}
@media (max-width: 650px) {
  .navegacion-club > div { display: grid; grid-template-columns: repeat(2,1fr); font-size: 14px; }
  .seccion-club { padding: 24px 14px; }
  .bienvenida-club { text-align: left; font-size: 18px; }
  .contacto-club { margin: 18px auto; min-height: 0; }
  .modelo-tecnica .tecnica-fila { grid-template-columns: 1fr; }
  .modelo-club td[colspan][height="50"] { height: auto; min-height: 14px; padding: 5px; }
}
@media (max-width: 540px) {
  .lista-club { grid-template-columns: minmax(0,360px); }
  .titulo-galeria { margin-bottom: 20px; }
}
