:root{--bg:#f4f5f7;--tx:#14171c;--tx2:#5b6470;--card:#fff;--bd:#e0e3e8;--ac:#2563eb;--ac2:#1d4ed8;--actx:#fff;--ok:#1f9d55;--mal:#c92a2a;--in:#eef0f3;--sh:0 1px 3px rgba(0,0,0,.07)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1013;--tx:#eef0f3;--tx2:#9aa3af;--card:#181b20;--bd:#2a2f37;--ac:#4f8cff;--ac2:#7aa7ff;--in:#20242b;--sh:none;color-scheme:dark}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body:has(.menu){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
h1{font-size:1.45rem;margin:.2em 0 .5em}h2{font-size:1.3rem;margin:.1em 0}h3{font-size:1.05rem;margin:.1em 0 .5em}h4{margin:.8em 0 .3em}p{margin:.4em 0}
a{color:var(--ac)}small{color:var(--tx2)}
.cargando{text-align:center;color:var(--tx2);padding:40px 0}
.sub{color:var(--tx2);font-size:.9rem}.error{color:var(--mal);min-height:1.2em;font-size:.92rem}
.cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 8px}
.marca{display:flex;align-items:center;gap:8px;font-size:1.05rem}
.chip{display:inline-block;background:var(--in);color:var(--tx2);border-radius:99px;padding:2px 10px;font-size:.78rem;white-space:nowrap}
.banda{background:var(--ac);color:var(--actx);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.92rem}
main{padding:6px 16px 16px}
.tarjeta{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:14px;margin:0 0 12px;box-shadow:var(--sh)}
.destacada{border-color:var(--ac);border-width:2px}.sutil{background:var(--in);box-shadow:none}
.aviso-g{border-left:4px solid var(--ac)}.av{margin:.3em 0}.peq-etq{color:var(--ac);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.enlace-t{display:block;text-decoration:none;color:inherit}
button,.boton{font:inherit;font-weight:600;background:var(--ac);color:var(--actx);border:0;border-radius:12px;padding:12px 16px;cursor:pointer;display:inline-block;text-align:center;text-decoration:none;min-height:44px}
button:active,.boton:active{filter:brightness(.92)}button:disabled{opacity:.45}
.sec{background:var(--in);color:var(--tx)}.peq{padding:6px 12px;min-height:34px;font-size:.88rem}.ancho{display:block;width:100%;margin:0 0 10px}
.peli{background:var(--mal)}.peli-t{color:var(--mal)}
.enlace{background:none;color:var(--ac);padding:8px 0;min-height:0;font-weight:500;border:0}
.ico{background:none;color:var(--tx2);padding:4px 8px;min-height:32px;font-size:1.05rem}
input,select,textarea{font:inherit;color:var(--tx);background:var(--in);border:1px solid var(--bd);border-radius:10px;padding:10px 12px;width:100%;min-height:44px}
textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:0}
input[type=checkbox]{width:22px;min-height:22px;height:22px;flex:none}
.campo{display:block;margin:0 0 12px}.campo>span{display:block;font-size:.85rem;color:var(--tx2);margin-bottom:4px}.campo small{display:block;margin-top:3px}
.check{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:.92rem}.check span{flex:1}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cuatro{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}
.mini small{display:block;font-size:.72rem}.mini input{padding:8px 6px;min-height:40px;text-align:center}.item-ed>label.mini:last-child{display:block}.item-ed>.mini input{text-align:left}
.fila{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fila>input{flex:1}
.fila-p{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--bd)}.fila-p:last-child{border:0}
.fila-u{padding:10px 0;border-bottom:1px solid var(--bd)}.fila-u:last-child{border:0}.fila-u select{width:auto;min-height:36px;padding:4px 8px}
.cuadricula{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 12px}
.lista{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.item{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--card);color:var(--tx);border:1px solid var(--bd);font-weight:500;padding:10px 14px;border-radius:12px;width:100%}
.check-i{flex-direction:row;align-items:center;gap:12px}
.chips{display:flex;gap:6px;overflow-x:auto;padding:6px 0 10px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip-b{background:var(--in);color:var(--tx);padding:6px 14px;min-height:34px;white-space:nowrap;border-radius:99px;font-size:.9rem;font-weight:500}.chip-b.on{background:var(--ac);color:var(--actx)}
.resumen{list-style:none;padding:0;margin:8px 0 12px}.resumen li{padding:4px 0;border-bottom:1px dashed var(--bd)}.resumen li:last-child{border:0}.nota{color:var(--tx2);font-size:.88rem}
.semana{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:6px 0}
.dia{text-align:center}.dia small{display:block;font-size:.7rem}.dia span{display:flex;align-items:center;justify-content:center;height:38px;border-radius:50%;background:var(--in);font-weight:600;font-size:.9rem}
.dia.hecho span{background:var(--ok);color:#fff}.dia.hoy span{outline:2px solid var(--ac)}
.cifras{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.cifra{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:12px}.cifra b{display:block;font-size:1.5rem}.cifra small{font-size:.78rem}
.calendario{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);gap:3px;margin:8px 0}.calendario i{aspect-ratio:1;background:var(--in);border-radius:3px}.calendario i.on{background:var(--ok)}.calendario i.fut{opacity:.35}
.graf{width:100%;height:auto;margin:6px 0}.gl{stroke:var(--bd);stroke-width:1}.gt{fill:var(--tx2);font-size:9px}.gp{fill:none;stroke:var(--ac);stroke-width:2.2;stroke-linejoin:round}.gc{fill:var(--ac)}
.velo{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;display:flex;align-items:flex-end;justify-content:center}
.modal,.hoja{background:var(--card);width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));max-height:88vh;overflow:auto}
.modal{border-radius:18px;margin:auto 12px}.velo:has(.modal){align-items:center}.modal .fila{justify-content:flex-end;margin-top:12px}
.cab-hoja{display:flex;justify-content:space-between;align-items:center}
#aviso{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translate(-50%,-150%);background:var(--tx);color:var(--bg);padding:10px 16px;border-radius:12px;z-index:90;transition:transform .25s;max-width:90vw;font-size:.92rem}
#aviso.on{transform:translate(-50%,0)}#aviso.mal{background:var(--mal);color:#fff}#aviso.ok{background:var(--ok);color:#fff}
.acceso{max-width:420px;margin:0 auto;padding:calc(30px + env(safe-area-inset-top,0px)) 20px 30px}.acceso .logo{font-size:3rem;text-align:center}.acceso h1,.acceso .sub,.acceso>p{text-align:center}
.enlaces{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:10px}
.codigo{font:700 1.5rem/1.3 ui-monospace,Menlo,monospace;background:var(--in);padding:14px;border-radius:12px;text-align:center;letter-spacing:.08em;margin:12px 0;user-select:all}
.prog{height:8px;background:var(--in);border-radius:99px;overflow:hidden;margin:8px 0 4px}.prog i{display:block;height:100%;width:0;background:var(--ok);transition:width .3s}
.cab-ej{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cab-ej small{display:block}.ult{font-size:.85rem;color:var(--tx2);margin:6px 0}
.series{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}
.cab-series,.serie{display:grid;grid-template-columns:30px repeat(var(--cols,2),1fr) 52px;gap:8px;align-items:center}
.cab-series small{text-align:center;font-size:.75rem}
.serie .n{text-align:center;color:var(--tx2);font-weight:600}.serie input{text-align:center;font-size:1.1rem;font-weight:600}
.tic{background:var(--in);color:var(--tx2);padding:0;min-height:44px;font-size:1.2rem}.serie.ok .tic{background:var(--ok);color:#fff}.serie.ok input{opacity:.75}
.descanso{position:fixed;left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom,0px));background:var(--tx);color:var(--bg);border-radius:14px;padding:10px 14px;display:flex;align-items:center;gap:10px;z-index:30;box-shadow:0 4px 16px rgba(0,0,0,.3)}
.descanso .etq{font-size:.85rem;opacity:.8}.descanso .cuenta{font-size:1.4rem;flex:1}.descanso button{background:var(--bg);color:var(--tx)}

.tabs-d{display:flex;gap:6px;justify-content:space-between;margin:4px 0 10px}.tabs-d .chip-b{flex:1;padding:6px 0;position:relative}.punto{position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--ac)}.chip-b.on .punto{background:#fff}
.clase{display:flex;align-items:center;gap:14px;padding:12px 14px}.clase .hora{text-align:center;min-width:54px}.clase .hora b{display:block;font-size:1.05rem}.clase .info{flex:1}.clase .info b{display:block}.clase.proxima{border-color:var(--ac);border-width:2px}
.aviso-ej{background:#fff3cd;border-color:#e6c200;color:#4d3a00}.aviso-ej p{margin:.2em 0 0}
.fila-mas{display:flex;gap:14px;align-items:center}.fila-mas .ic-g{font-size:1.6rem}.fila-mas small{display:block}.sec-t{margin:18px 0 8px;color:var(--tx2);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.barras{display:flex;align-items:flex-end;gap:5px;height:110px;margin:10px 0 4px}.barra{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.barra i{display:block;width:100%;background:var(--ac);border-radius:4px 4px 0 0;min-height:3px}.barra small{font-size:.65rem}
.fila-item{flex-direction:row;justify-content:space-between;align-items:center;gap:10px}
.rapidos{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:2px 0 10px}.rapidos small{width:100%}
#red{position:fixed;left:0;right:0;top:0;z-index:60;background:#b45309;color:#fff;text-align:center;font-size:.8rem;line-height:1.2;padding:calc(5px + env(safe-area-inset-top,0px)) 10px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.sinred body{padding-top:calc(28px + env(safe-area-inset-top,0px))}
.peq-c{font-size:1.5rem;padding:8px;margin:6px 0}
.nota-m{border-left:3px solid var(--ac);padding:4px 34px 4px 10px;margin:8px 0;position:relative}.nota-m.priv{border-left-color:var(--tx2);background:var(--in);border-radius:0 8px 8px 0}.nota-m .ico{position:absolute;right:0;top:0}.nota-m p{margin:.1em 0}
.grado b{display:block;font-size:1.25rem;margin:2px 0}.grado .tarjeta{margin-top:10px}
.med small{display:block}

/* ===== Tatami: estructura, marca y pantallas nuevas ===== */
.marco{max-width:760px;margin:0 auto}
.cuerpo{min-width:0}
.menu{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--bd);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));z-index:20}
.menu a{flex:1;text-align:center;text-decoration:none;color:var(--tx2);font-size:.7rem;padding:5px 0;border-radius:10px;min-width:0;display:flex;flex-direction:column;align-items:center}
.menu a.act{color:var(--ac);font-weight:600}.menu .ic{display:block;font-size:1.3rem;line-height:1.2}
.menu-marca{display:none}
.club-i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:var(--ac);color:var(--actx);font-size:1.05rem;flex:none}.club-i.grande{width:72px;height:72px;font-size:2.4rem;border-radius:20px;margin:0 auto 10px}
.cab .marca{text-decoration:none;color:inherit}.cab select{width:auto;max-width:48%;min-height:38px;padding:4px 8px}
.chip.demo{background:#f59e0b;color:#1f1300;font-weight:700}
.banda.demo-b{background:#fff3cd;color:#4d3a00;flex-wrap:wrap}.banda.mal-b{background:var(--mal)}
.banda .boton,.banda button{flex:none}
@media (min-width:900px){
  body:has(.menu){padding-bottom:0}
  .marco{max-width:1240px;display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}
  .marco.sup{display:block;max-width:980px}
  .menu{position:sticky;top:0;align-self:start;height:100vh;flex-direction:column;justify-content:flex-start;gap:4px;border-top:0;border-right:1px solid var(--bd);padding:18px 12px}
  .menu-marca{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;font-size:1.05rem}.menu-marca b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .menu a{flex:none;flex-direction:row;gap:12px;text-align:left;font-size:.98rem;padding:10px 12px;align-items:center}.menu a .ic{font-size:1.2rem}.menu a.act{background:var(--in)}
  .cab .marca{visibility:hidden}.cab{padding:18px 28px 0}
  main{padding:6px 28px 40px}
  .cifras{grid-template-columns:repeat(4,1fr)}
  .velo{align-items:center}.hoja{border-radius:18px}
  .dos-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
}
@media (min-width:720px){.velo{align-items:center}.hoja{border-radius:18px}.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}}
.cab-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.cab-panel h1{margin-bottom:.2em}
.sin-borde{border:0!important;padding-bottom:4px}
/* etiquetas */
.etq{display:inline-block;background:var(--in);color:var(--tx2);border-radius:99px;padding:2px 9px;font-size:.76rem;white-space:nowrap;font-weight:500}
.etq.ok{background:#dcfce7;color:#14532d}.etq.mal{background:#fee2e2;color:#7f1d1d}.etq.aviso{background:#fef3c7;color:#78350f}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .etq.ok{background:#14532d;color:#bbf7d0}:root:not([data-theme=light]) .etq.mal{background:#7f1d1d;color:#fecaca}:root:not([data-theme=light]) .etq.aviso{background:#78350f;color:#fde68a}}
.etqs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.rojo{color:var(--mal)}.verde{color:var(--ok)}.dato{word-break:break-all;text-align:right;font-weight:600}
.vacio{text-align:center;padding:28px 10px;color:var(--tx2)}.vacio-i{font-size:2.4rem;line-height:1.2}.vacio b{display:block;color:var(--tx);margin:6px 0 2px}
.aviso-ok{background:#dcfce7;border-color:#86efac;color:#14532d}.apagada{opacity:.55}
.sec-t{margin:18px 0 8px;color:var(--tx2);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.importe-g{font-size:1.5rem;font-weight:700;margin:.1em 0}
/* cifras y paneles */
a.cifra{text-decoration:none;color:inherit;display:block}a.cifra:hover{border-color:var(--ac)}.cifra.alerta{border-color:var(--mal)}.cifra.alerta b{color:var(--mal)}
.cifras{grid-template-columns:repeat(2,1fr)}@media (min-width:600px){.cifras{grid-template-columns:repeat(4,1fr)}}
.barras{position:relative}.barra-n{font-size:.7rem;color:var(--tx2);font-weight:600;min-height:.9em}
.barras.b2 .barra i.fondo{display:flex;flex-direction:column;justify-content:flex-end;background:color-mix(in srgb,var(--ac) 25%,transparent);border-radius:4px 4px 0 0}.barras.b2 .barra i.frente{background:var(--ac);border-radius:4px 4px 0 0;min-height:0;width:100%}
.paso.hecho{opacity:.6}.prog i.lleno{background:var(--mal)}
.clase-h.cancelada{opacity:.55;text-decoration:line-through}.clase-h .boton{flex:none}
/* agenda */
.tabs-d{overflow-x:auto;scrollbar-width:none}.tabs-d::-webkit-scrollbar{display:none}
.dia-b{flex:none!important;min-width:48px;display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.2;padding:6px 8px!important}.dia-b small{font-size:.68rem;color:inherit;opacity:.8}.dia-b b{font-size:1rem}.dia-b.es-hoy:not(.on){border:1px solid var(--ac)}.dia-b .punto{top:5px;right:6px}
.clase.cancelada{opacity:.6}.clase .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:2px 0}.clase .info{min-width:0}
.plazas{margin:4px 0}.plazas .prog{margin:4px 0 2px}
.acc-clase{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;align-items:center}.mia{display:flex;gap:8px;align-items:center}
.barra-fija{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom,0px));padding:10px 0 0;background:linear-gradient(transparent,var(--bg) 35%)}@media (min-width:900px){.barra-fija{bottom:0}}
.acc-lista{margin:8px 0}.acc-lista button{flex:1}
.fila-asis{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:6px;background:var(--card);border:1px solid var(--bd);border-radius:12px}.fila-asis .quien b{display:block}.fila-asis .quien small{display:block}
.fila-asis.presente{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--card))}.fila-asis.falta{border-color:var(--mal);background:color-mix(in srgb,var(--mal) 8%,var(--card))}.fila-asis.justificada{border-color:#d97706}
.asis-bs{display:flex;gap:6px}.asis-b{width:44px;min-height:44px;padding:0;background:var(--in);color:var(--tx2);font-size:1.1rem;border-radius:12px}
.asis-b.presente.on{background:var(--ok);color:#fff}.asis-b.falta.on{background:var(--mal);color:#fff}.asis-b.justificada.on{background:#d97706;color:#fff}
/* socios y listas */
.fila-socio{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;text-decoration:none}.fila-socio .quien b{display:block}.fila-socio .quien small{display:block}.fila-socio .etqs{justify-content:flex-end;max-width:48%}
.barra-filtros{display:flex;gap:8px;margin:8px 0}.barra-filtros select{width:auto;max-width:44%}
.chips.wrap{flex-wrap:wrap;overflow:visible}
.acc-pie{margin:14px 0 4px}
.dos .abajo{align-self:end}
.tabla-w{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:.85rem}.tabla th,.tabla td{border-bottom:1px solid var(--bd);padding:6px 8px;text-align:left;white-space:nowrap}
/* dinero */
.fila-recibo{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center}.fila-recibo .quien b{display:block}.fila-recibo .quien small{display:block}.fila-recibo .dcha{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.fila-recibo .acc-rec{grid-column:1/-1;justify-content:flex-end}.fila-recibo.vencido .dcha b{color:var(--mal)}
.link-v{color:var(--ac);font-size:.88rem;cursor:pointer;display:inline-block;margin-top:4px}
.recibo-doc{background:#fff;color:#111;border:1px solid var(--bd);border-radius:12px;padding:22px;max-width:640px;margin:12px auto}.recibo-doc .fila-p{border-color:#e5e7eb}.recibo-doc small,.recibo-doc .sub{color:#555}
.rd-cab{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:2px solid #111;padding-bottom:12px;margin-bottom:12px}.rd-cab h2{margin:0}.rd-cab p{margin:.1em 0;font-size:.9rem}.rd-num{text-align:right}.rd-total b{font-size:1.4rem}.rd-pago{background:#f3f4f6;border-radius:8px;padding:10px 12px;margin-top:12px}.rd-pie{margin-top:16px;font-size:.78rem}
/* comunidad */
.ev-t{font-size:1.05rem}.lead .cita{font-style:italic;color:var(--tx2)}
.doc-texto{background:var(--in);border-radius:10px;padding:10px 12px;max-height:240px;overflow:auto;font-size:.9rem}.doc-texto p{margin:.4em 0}
/* ajustes del club */
.colores,.emojis{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.color-b{width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:3px solid transparent}.color-b.on{border-color:var(--tx)}.emoji-b{width:44px;min-height:44px;padding:0;font-size:1.4rem;background:var(--in);border-radius:12px}.emoji-b.on{outline:3px solid var(--ac)}.em-in{width:80px;font-size:1.4rem;text-align:center}
.check.mod{align-items:center;padding:6px 0;border-bottom:1px solid var(--bd)}.check.mod small{display:block}
.cartel{background:#fff;color:#111;border:2px dashed #999;border-radius:16px;padding:22px;text-align:center;max-width:420px;margin:12px auto}.cartel-i{font-size:3rem}.cartel h2{margin:.2em 0}.cartel .qr{max-width:240px;margin:12px auto}.cartel .sub{color:#555}.cartel-c{font-size:1.1rem;margin-top:10px}.qr svg{width:100%;height:auto;display:block;border:1px solid #ddd}.qr.peq{max-width:140px;margin-top:10px}
/* portada y páginas públicas */
.acceso .logo-t,.pub-cab .logo-t{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;justify-content:center;font-size:1.3rem;margin-bottom:6px}.pub-cab .logo-t{margin:0}
.marca-t{display:inline-grid;grid-template-columns:1fr 1fr;gap:3px;width:34px;height:34px;padding:6px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);flex:none}.marca-t i{background:#fff;border-radius:3px;display:block}.marca-t i:nth-child(1){opacity:1}.marca-t i:nth-child(2){opacity:.7}.marca-t i:nth-child(3){opacity:.7}.marca-t i:nth-child(4){opacity:1}
.acceso.ancho-a{max-width:560px}
.pub{max-width:1020px;margin:0 auto;padding:0 16px calc(30px + env(safe-area-inset-bottom,0px))}.pub-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 0 8px;flex-wrap:wrap}
.hero{text-align:center;padding:34px 8px 22px}.hero h1{font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.1;margin:0 0 .4em}.hero h2{font-size:1.6rem}.hero-p{font-size:1.1rem;color:var(--tx2);max-width:640px;margin:0 auto 1.2em}.hero-acc{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.boton.grande{padding:15px 26px;font-size:1.05rem}.demo-c{max-width:520px;margin:26px auto 0;text-align:left}.demo-c .fila select{flex:1;min-width:180px}
.caract{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:10px 0 24px}.caract-c{margin:0;text-align:left}.caract-c b{display:block;margin:4px 0}
.hero.cierre{background:var(--card);border:1px solid var(--bd);border-radius:20px;margin:10px 0}
.pub-pie{text-align:center;color:var(--tx2);font-size:.88rem;padding:20px 0}
.club-hero{text-align:center;padding:34px 8px 18px}.club-hero h1{font-size:clamp(1.8rem,5vw,2.6rem);margin:0 0 .3em}
/* imprimir */
@media print{
  body{background:#fff!important;padding:0!important}.menu,.cab,.banda,#aviso,#red,.no-imprimir,.barra-fija{display:none!important}.marco{display:block!important;max-width:none}main{padding:0!important}.recibo-doc,.cartel{border:0;margin:0 auto}
  body.imprimiendo-cartel main>*:not(.cuerpo-cartel){display:none}
  body.imprimiendo-cartel .tarjeta:not(:has(.cartel)){display:none!important}body.imprimiendo-cartel .tarjeta:has(.cartel){border:0;box-shadow:none}body.imprimiendo-cartel .tarjeta:has(.cartel)>*:not(.cartel){display:none}body.imprimiendo-cartel .enlace{display:none}
}

.evento .fila-p{align-items:flex-start}.evento .fila-p>div{min-width:0}.fila-p>*{min-width:0}