/* CNLA · Sistema visual compartido. Sin fuentes ni recursos externos. */
:root{--club-ink:#163c4a;--club-brand:#0b4f6c;--club-muted:#526772;--club-line:#d9e4e8;--club-bg:#f2f6f7;--club-soft:#eaf4f5;--club-radius:16px;--club-shadow:0 4px 20px #163c4a06}
/* Actividades y listados R9: estados completos y acciones de tamaño uniforme. */
.cnla-design #clubGestionContenido .actividad-estado .evento-badge{white-space:nowrap;overflow-wrap:normal;word-break:normal;border-radius:8px;padding:6px 10px;font-size:12px;line-height:1.4}
.cnla-design #clubGestionContenido .actividad-actions{display:grid;grid-template-columns:repeat(2,minmax(82px,1fr));gap:8px;min-width:184px}
.cnla-design #clubGestionContenido .actividad-actions button{margin:0;padding:10px 12px;min-height:44px;font-size:13px;white-space:nowrap;border:1px solid #b7cdd7;background:#fff;color:#0b4f6c;border-radius:9px;line-height:1.4}
.cnla-design #clubGestionContenido .actividad-actions>.carnet{background:#0b4f6c;color:#fff;border-color:#0b4f6c}
.cnla-design #clubGestionContenido .actividad-mas{grid-column:1/-1;min-width:0}
.cnla-design #clubGestionContenido .actividad-mas summary{cursor:pointer;padding:10px 12px;min-height:44px;border:1px solid #cbd8de;border-radius:9px;font-size:13px;font-weight:650;color:#405966;background:#f5f8fa;white-space:nowrap}
.cnla-design #clubGestionContenido .actividad-mas-items{display:grid;gap:7px;padding-top:8px}
.cnla-design #clubGestionContenido .actividad-mas-items .rechazar{color:#a52620;border-color:#e5bcb6;background:#fff8f7}
.cnla-design #clubGestionContenido .actividades-tabla{min-width:980px}
.cnla-design #clubGestionContenido .actividades-tabla td:first-child{min-width:220px}
.cnla-design #clubGestionContenido .actividades-tabla td:nth-child(2){min-width:126px}
.cnla-design #clubGestionContenido .actividades-tabla td:nth-child(4){min-width:132px}
.cnla-design #clubGestionContenido .listado-evento-grid{grid-template-columns:minmax(0,1fr)}
.cnla-design #clubGestionContenido .listado-evento-dos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cnla-design #clubGestionContenido .listado-evento-field{min-width:0}
.cnla-design #clubGestionContenido .listado-evento-field select{width:100%}
.cnla-design #clubGestionContenido .listado-evento-card>p{font-size:14px}
.cnla-design #clubGestionContenido .listado-papel-ayuda{background:#edf5f7;padding:14px;border-radius:10px;margin:12px 0;line-height:1.6;color:#344e5c}
.cnla-design #clubGestionContenido .listado-personalizar summary{cursor:pointer;min-height:44px;padding:10px 0;color:#0b4f6c;font-weight:650}
.cnla-design #clubGestionContenido .listado-papel{margin-bottom:18px}
.cnla-design #clubGestionContenido .listado-asistencia-casilla{display:inline-block;width:22px;height:22px;border:1.5px solid #49616c;background:#fff}
.cnla-design #clubGestionContenido .listado-evento-table td{min-height:44px}
@media(max-width:800px){
 .cnla-design #clubGestionContenido .actividades-tabla td:first-child{min-width:0}
 .cnla-design #clubGestionContenido .actividad-actions{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}
 .cnla-design #clubGestionContenido .listado-evento-dos{grid-template-columns:minmax(0,1fr)}
 .cnla-design #clubGestionContenido .listado-evento-card{padding:14px}
 .cnla-design #clubGestionContenido .listado-evento-campos{grid-template-columns:minmax(0,1fr)}
}
html.cnla-design{scroll-padding-top:24px}
.cnla-design body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243b47;line-height:1.55;background:var(--club-bg);font-size:16px}
.cnla-design *, .cnla-design *::before,.cnla-design *::after{box-sizing:border-box}
.cnla-design [hidden]{display:none!important}
.cnla-design :is(button,input,select,textarea){font:inherit}
.cnla-design :is(button,.button,summary){touch-action:manipulation}
.cnla-design :is(button,.button){min-height:44px;border-radius:10px;line-height:1.35;white-space:normal;max-width:100%;transition:background .15s,border-color .15s}
.cnla-design :is(button,.button):focus-visible,.cnla-design :is(a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #c27317!important;outline-offset:3px}
.cnla-design :is(button,input,select,textarea):disabled{cursor:not-allowed;opacity:.65}
.cnla-design button[aria-busy=true]{cursor:wait}
.cnla-design :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:46px;max-width:100%;border-radius:10px;border:1px solid #9dafb8;padding:11px 13px;background:#fff;color:#243b47;font-size:16px}
.cnla-design :is(input,select,textarea)[readonly]{background:#f0f4f5!important;color:#526772}
.cnla-design :is(input[type=checkbox],input[type=radio]){width:20px!important;height:20px;min-height:0;accent-color:#0b4f6c;flex:none}
.cnla-design label{color:#344e5c;font-weight:650;font-size:14px}
.cnla-design p{overflow-wrap:anywhere}
.cnla-design img{max-width:100%}
.cnla-design .cnla-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cnla-design :is(.cnla-field,.cnla-upload-card){min-width:0}
.cnla-design input[type=file]{width:100%;min-width:0;font-size:13px!important;padding:9px!important}
.cnla-design h1,.cnla-design h2,.cnla-design h3{color:var(--club-ink);line-height:1.25;letter-spacing:-.025em}
.cnla-design .button{padding:12px 18px;font-size:15px}
.cnla-design .button.primary{background:var(--club-brand);color:#fff;border:1px solid var(--club-brand)}
.cnla-design .button.secondary{background:#fff;color:var(--club-brand);border:1px solid #bcced6}
.cnla-design .button:hover{filter:brightness(.97)}
.cnla-design .club-skip{position:fixed;top:8px;left:12px;z-index:100000;background:white;padding:12px;transform:translateY(-160%)}
.cnla-design .club-skip:focus{transform:none}
.cnla-design :is(.site-header,.app-header){background:#fff;border-bottom:1px solid var(--club-line);box-shadow:none}
.cnla-design .app-header{min-height:76px}
.cnla-design .app-header .container{max-width:1440px;width:calc(100% - 64px)}
.cnla-design .brand-copy strong{font-size:16px;line-height:1.3}
.cnla-design .brand-logo{width:46px;height:46px}
.cnla-design .site-header .nav a{min-height:44px;display:inline-flex;align-items:center}
.cnla-design .club-public-toggle{display:none}
.cnla-design .hero{padding:64px 0;background:linear-gradient(135deg,#f7fbfc,#e9f4f4)}
.cnla-design .hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.08}
.cnla-design .hero-card{box-shadow:none;border-radius:22px}
.cnla-design :is(.activity-card,.join-panel,.native-event-card,.contact-form-wrap,.location-card,.map-card){border:1px solid var(--club-line);border-radius:var(--club-radius);box-shadow:var(--club-shadow)}
.cnla-design .section{padding:56px 0}
.cnla-design .club-document{background:#fff;border:1px solid var(--club-line);padding:32px;border-radius:16px}
.cnla-design .club-document p{max-width:64ch;color:var(--club-muted)}
.cnla-design .club-file-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.cnla-design .club-field-label{display:block;margin-bottom:6px}
.cnla-design .club-help-link{display:inline-block;color:var(--club-brand);margin-top:16px;font-size:14px}
/* Cuenta y gestión: un mismo marco, con navegación estable. */
.cnla-design #memberPortalNative{width:min(1440px,calc(100% - 64px));margin:auto}
.cnla-design .cnla-native-main{padding:28px 0 48px}
.cnla-design #memberPortal{grid-template-columns:218px minmax(0,1fr);column-gap:28px;align-items:start}
.cnla-design #memberPortal[style*="block"]{display:grid!important}
.cnla-design #memberPortal .cnla-portal-top{grid-column:1/-1;margin:0 0 24px;padding:0 0 22px;border-bottom:1px solid var(--club-line);gap:16px;align-items:center}
.cnla-design .cnla-portal-top h2{font-size:25px}
.cnla-design #clubIdentidad{font-size:14px;color:var(--club-muted)}
.cnla-design #clubNavegacion{grid-column:1;grid-row:2/5;display:flex;flex-direction:column;align-items:stretch;gap:5px;background:transparent;border:0;border-radius:0;padding:0;margin:0;position:sticky;top:20px}
.cnla-design #clubModulos{display:contents}
.cnla-design #clubNavegacion .club-menu-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:750;color:var(--club-muted);padding:8px 12px 5px}
.cnla-design #clubNavegacion button{display:flex;align-items:center;text-align:left;gap:12px;min-height:50px;border-radius:12px;padding:12px;color:#3b5461;font-size:14px;border:1px solid transparent;background:transparent;font-weight:650}
.cnla-design #clubNavegacion button.active{color:#fff;background:var(--club-brand);box-shadow:0 4px 10px #0b4f6c12}
.cnla-design #clubNavegacion button:hover:not(.active){background:#e4eef1;border-color:#d5e4e8}
.cnla-design .club-nav-icon{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
.cnla-design #clubMenuToggle{display:none}
.cnla-design #clubEstado{grid-column:2;grid-row:2;margin:0 0 12px;padding:10px 14px;background:#e6f1f5;border-radius:10px;font-size:14px}
.cnla-design #clubPersonal,.cnla-design #clubGestion{grid-column:2;grid-row:3;width:100%;min-width:0;max-width:none;margin:0}
.cnla-design #clubVistaTitulo{font-size:28px;margin:0 0 6px}
.cnla-design #clubVistaAyuda{margin:0 0 22px;color:var(--club-muted);font-size:15px}
.cnla-design #clubGestionContenido{background:transparent;font:inherit;color:inherit;min-width:0}
.cnla-design #clubGestionContenido .container{padding:0;margin:0;width:100%;max-width:none}
.cnla-design #clubGestionContenido :is(.card,.reporte-card),.cnla-design #clubPersonal .cnla-native-card{border:1px solid var(--club-line);background:#fff;padding:24px;border-radius:16px;box-shadow:var(--club-shadow);margin-bottom:20px}
.cnla-design #clubGestionContenido :is(h2,h3),.cnla-design #clubPersonal h2{font-size:22px;line-height:1.3;margin-top:0}
.cnla-design #clubGestionContenido h3,.cnla-design #clubPersonal h3{font-size:18px}
.cnla-design #clubGestionContenido p,.cnla-design #clubPersonal p{line-height:1.55}
.cnla-design #clubPersonal .cnla-member-hero{padding:26px;border-radius:16px;background:linear-gradient(110deg,#0b4f6c,#14647b);box-shadow:none;margin-bottom:22px}
.cnla-design #clubPersonal .cnla-member-hero h1{font-size:28px;letter-spacing:-.025em;color:#fff}
.cnla-design #clubPersonal .cnla-member-hero p{font-size:14px;color:#deedf2}
.cnla-design #clubPersonal .cnla-member-state{font-size:12px;padding:8px 12px;background:#ffffff1f;color:#fff;border:1px solid #ffffff55}
.cnla-design #clubPersonal .cnla-tabs{gap:6px;margin:0 0 24px;display:flex;flex-wrap:wrap;padding:5px;border:1px solid var(--club-line);background:#fff;border-radius:12px;overflow:visible}
.cnla-design #clubPersonal .cnla-tab{border:0;border-radius:8px;min-height:44px;font-size:14px;padding:11px 14px;background:transparent;color:#3b5461;font-weight:650;flex:1}
.cnla-design #clubPersonal .cnla-tab.active{background:#e5f1f5;color:#0b4f6c;box-shadow:inset 0 -3px #0b4f6c}
.cnla-design #clubPersonal .cnla-metrics,.cnla-design #clubGestionContenido .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.cnla-design #clubPersonal .cnla-metric,.cnla-design #clubGestionContenido .stat{border:1px solid var(--club-line);border-radius:12px;padding:16px;background:#fff;box-shadow:none;color:var(--club-muted);font-size:13px;text-align:left}
.cnla-design #clubPersonal .cnla-metric strong,.cnla-design #clubGestionContenido .stat .numero{font-size:25px;color:var(--club-ink);font-weight:750}
.cnla-design #clubPersonal .cnla-metric span{font-size:13px}
.cnla-design #clubGestionContenido :is(.socios-subnav,.ventas-subnav,.eventos-subnav,.contab-nav){display:flex;flex-wrap:wrap;gap:6px;overflow:visible}
.cnla-design #clubGestionContenido :is(.socios-subnav-card,.ventas-subnav-card,.eventos-subnav-card){box-shadow:none;border:1px solid var(--club-line);border-radius:12px;padding:6px;margin-bottom:22px}
.cnla-design #clubGestionContenido :is(.socios-subtab,.ventas-subtab,.eventos-subtab,.contab-nav button){min-height:48px;padding:10px 12px;white-space:normal;font-size:14px;flex:1 0 auto;border-radius:8px}
.cnla-design #clubGestionContenido :is(.socios-subtab,.ventas-subtab,.eventos-subtab) small{font-size:11px}
.cnla-design #clubGestionContenido button{min-height:44px;font-family:inherit;line-height:1.35;max-width:100%}
.cnla-design #clubGestionContenido .controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.cnla-design #clubGestionContenido .controls :is(input,select){flex:1 1 170px;min-width:0}
.cnla-design #clubGestionContenido .controls .club-labelled-control{flex:1 1 240px;min-width:0}
.cnla-design #clubPersonal :is(.cnla-form-grid,.cnla-upload-grid){grid-template-columns:repeat(3,minmax(0,1fr))}
.cnla-design #clubPersonal :is(.cnla-field,.cnla-upload-card){min-width:0}
.cnla-design #clubPersonal input[type=file]{width:100%;min-width:0;padding:9px;font-size:13px}
.cnla-design .club-summary-toggle,.cnla-design .club-subselect-label{display:none}
.cnla-design .club-table-tools{display:none}
.cnla-design #clubGestionContenido .socios-subtab{flex:1 1 22%;text-align:left}
.cnla-design #clubGestionContenido :is(.grid,.form-grid,.reportes-grid,.ventas-pos-layout,.ventas-pos-grid){min-width:0}
.cnla-design :is(.cnla-actions,.rec-card-actions){gap:12px;flex-wrap:wrap}
.cnla-design #clubPersonal :is(.cnla-help,.cnla-insc-history-help){font-size:14px;line-height:1.5}
.cnla-design #clubPersonal .cnla-dues-actions{flex-wrap:wrap}
.cnla-design #clubPersonal .cnla-dues-actions button{padding:10px 12px;min-height:44px}
.cnla-design :is(.cnla-status,#recStatus,#recHistStatus):empty{display:none}
.cnla-design :is(.cnla-status,#recStatus,#recHistStatus):not(:empty){padding:12px 14px;border-radius:10px;background:#edf5f7;font-size:15px}
.cnla-design .cnla-status.err{background:#fff1ef;color:#a32b21;border-left:3px solid #bb392b}
.cnla-design .cnla-status.ok{background:#edf8f1;color:#19673b;border-left:3px solid #23814a}
.cnla-design .rec-historicos{padding:20px!important;background:#f3f8fa;border-radius:12px}
.cnla-design .rec-historicos p{font-size:14px}
.cnla-design .cnla-login{max-width:500px;padding:32px;border:1px solid var(--club-line);box-shadow:var(--club-shadow)}
.cnla-design .cnla-login-brand strong{font-size:18px}
.cnla-design .cnla-login h2{font-size:28px}
.cnla-design .cnla-login .cnla-actions{align-items:stretch;flex-direction:column}
.cnla-design .cnla-login .button{width:100%}
/* Tablas: tarjetas con etiquetas en móvil; tablas complejas conservan desplazamiento local. */
.cnla-design .club-table-scroll{overflow:auto;max-width:100%;overscroll-behavior-inline:contain}
.cnla-design .club-table-hint{font-size:12px;color:var(--club-muted);margin:8px 0}
.cnla-design #clubGestionContenido table,.cnla-design #clubPersonal table{font-size:14px;width:100%;border-collapse:collapse}
.cnla-design #clubGestionContenido th,.cnla-design #clubPersonal th{padding:12px;text-align:left;background:#f1f6f8;color:#425d6a;font-size:12px;letter-spacing:.02em;white-space:normal}
.cnla-design #clubGestionContenido td,.cnla-design #clubPersonal td{padding:14px 12px;border-bottom:1px solid #e3ebef;vertical-align:middle;overflow-wrap:anywhere}
.cnla-design .club-table-scroll td .acciones{display:flex;gap:6px;flex-wrap:wrap}
.cnla-design .club-dialog-open{overflow:hidden}
.cnla-design [role=dialog] :is(.modal-box,.modal-content,.cnla-event-modal-box,.receipt-modal-box,.contab-modal-box){max-width:min(980px,100%);max-height:90dvh;overflow:auto;border-radius:18px}
.cnla-design [role=dialog]{overscroll-behavior:contain}
.cnla-design .club-dialog-close{position:absolute;right:12px;top:12px;min-width:44px}
@media(max-width:1100px){
 .cnla-design #memberPortalNative{width:calc(100% - 36px)}
 .cnla-design #memberPortal{grid-template-columns:185px minmax(0,1fr);gap:18px}
 .cnla-design #clubGestionContenido .reportes-grid{grid-template-columns:1fr}
 .cnla-design #clubPersonal .cnla-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
 .cnla-design .cnla-upload-grid{grid-template-columns:minmax(0,1fr)}
 .cnla-design .club-table-tools{display:block;margin:12px 0}
 .cnla-design .club-table-tools summary{min-height:44px;padding:12px;background:#eef5f7;border-radius:10px;color:#0b4f6c;font-size:14px;font-weight:650;cursor:pointer}
 .cnla-design .club-table-tools button{margin:6px 6px 0 0;background:white;border:1px solid #bcced6;color:#0b4f6c;font-size:13px}
 .cnla-design .app-title{white-space:nowrap;font-size:12px}
 .cnla-design .club-summary-toggle{display:block;background:transparent;border:1px solid #b7cdd7;color:#0b4f6c;width:100%;text-align:left;padding:12px 16px;margin-bottom:16px}
 .cnla-design .club-summary:not(.club-summary-open) .stats{display:none!important}
 .cnla-design .club-subselect-label{display:block;padding:8px}
 .cnla-design .club-subselect{display:block;width:100%;margin-top:6px}
 .cnla-design #clubGestionContenido :is(.socios-subnav,.ventas-subnav,.eventos-subnav){display:none!important}
 .cnla-design .app-header .container{width:calc(100% - 32px)}
 .cnla-design .brand-copy strong{font-size:14px}
 .cnla-design .app-header{min-height:68px}
 .cnla-design .club-public-toggle{display:inline-flex;align-items:center;border:1px solid #bcced6;background:white;color:var(--club-brand);padding:10px 14px}
 .cnla-design .site-header .header-inner{flex-wrap:wrap;gap:12px}
 .cnla-design .site-header .nav{display:none;width:100%;flex-wrap:wrap;gap:8px;padding:8px 0}
 .cnla-design .site-header .nav.club-open{display:flex}
 .cnla-design .site-header .nav a{display:inline-flex!important;flex:1 1 40%;padding:10px;border-radius:8px;background:#f0f6f8}
 .cnla-design .site-header .nav .cta{background:var(--club-brand);color:#fff}
 .cnla-design #memberPortalNative{width:calc(100% - 28px)}
 .cnla-design #memberPortal{grid-template-columns:minmax(0,1fr);gap:0}
 .cnla-design .cnla-native-main{padding:20px 0 32px}
 .cnla-design #memberPortal .cnla-portal-top{grid-column:1;grid-row:auto;margin-bottom:16px;padding-bottom:16px;align-items:flex-start}
 .cnla-design .cnla-portal-top h2{font-size:22px}
 .cnla-design #clubIdentidad{font-size:13px}
 .cnla-design #memberLogout{font-size:12px;padding:9px;min-height:44px;white-space:normal}
 .cnla-design #clubMenuToggle{display:flex;grid-column:1;justify-content:space-between;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid #b7cdd7;color:var(--club-brand);padding:13px 16px;margin:0 0 16px;font-weight:700}
 .cnla-design #clubNavegacion{grid-column:1;grid-row:auto;position:static;display:none;margin-bottom:20px;padding:8px;background:#fff;border:1px solid var(--club-line);border-radius:12px}
 .cnla-design #clubNavegacion.club-open{display:flex}
 .cnla-design #clubEstado,.cnla-design #clubPersonal,.cnla-design #clubGestion{grid-column:1;grid-row:auto}
 .cnla-design #clubVistaTitulo{font-size:25px}
 .cnla-design #clubVistaAyuda{font-size:14px;margin-bottom:18px}
 .cnla-design #clubPersonal .cnla-metrics,.cnla-design #clubGestionContenido .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cnla-design #clubPersonal .cnla-member-hero{padding:20px;flex-wrap:wrap;gap:12px}
 .cnla-design #clubPersonal .cnla-member-hero h1{font-size:25px}
 .cnla-design #clubPersonal .cnla-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-bottom:18px}
 .cnla-design #clubPersonal .cnla-tab{padding:10px 6px;font-size:13px}
 .cnla-design #clubPersonal .cnla-tab:last-child{grid-column:1/-1}
 .cnla-design #clubPersonal .cnla-native-card,.cnla-design #clubGestionContenido :is(.card,.reporte-card){padding:18px;border-radius:14px}
 .cnla-design #clubPersonal h2,.cnla-design #clubGestionContenido h2{font-size:21px}
 .cnla-design #clubPersonal :is(.cnla-form-grid,.cnla-dues-grid,.cnla-upload-grid),.cnla-design #clubGestionContenido :is(.reportes-grid,.reporte-dos-cols,.grid,.form-grid,.telefono-compuesto,.eventos-grid){grid-template-columns:1fr}
 .cnla-design #clubGestionContenido :is(.socios-subnav,.ventas-subnav,.eventos-subnav){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .cnla-design #clubGestionContenido :is(.socios-subtab,.ventas-subtab,.eventos-subtab){text-align:left;min-width:0;font-size:13px;padding:10px}
 .cnla-design #clubGestionContenido .controls{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
 .cnla-design #clubGestionContenido .controls>*{width:100%;min-width:0;flex:none;margin:0}
 .cnla-design #clubGestionContenido .controls select{height:48px}
 .cnla-design #clubGestionContenido .club-summary-toggle{border:1px solid #b7cdd7;font-size:14px;margin-bottom:16px}
 .cnla-design #clubGestionContenido :is(.socios-list-heading,.eventos-heading){flex-wrap:wrap}
 .cnla-design .club-responsive-table,.cnla-design .club-responsive-table tbody{display:block;width:100%;min-width:0!important}
 .cnla-design .club-responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cnla-design .club-responsive-table tbody tr{display:block;margin:12px 0;border:1px solid var(--club-line);border-radius:12px;background:white;padding:8px 12px}
 .cnla-design body :is(#clubGestionContenido,#clubPersonal) .club-responsive-table td{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;width:auto;min-width:0;max-width:none;padding:10px 0;white-space:normal;font-size:14px;flex-wrap:wrap}
 .cnla-design .club-responsive-table td::before{content:attr(data-club-label);font-size:12px;font-weight:700;color:#526772;flex:0 0 35%;text-align:left}
 .cnla-design .club-responsive-table td[colspan]::before{display:none}
 .cnla-design .club-responsive-table td:last-child{border:0!important}
 .cnla-design .club-responsive-table td:has(button){justify-content:flex-start}
 .cnla-design .club-responsive-table td button{font-size:13px;min-height:44px}
 .cnla-design .club-responsive-table td:has(button)::before{flex-basis:100%}
 .cnla-design .club-table-scroll:has(.club-responsive-table){overflow:visible}
 .cnla-design .cnla-login{padding:24px 20px;margin:16px auto}
 .cnla-design .cnla-login-brand{align-items:flex-start}
 .cnla-design .cnla-login-brand img{width:55px;height:55px}
 .cnla-design .cnla-login-brand strong{font-size:16px}
 .cnla-design .club-document{padding:22px}
}
/* Acciones del padrón: dos columnas estables, sin cortar etiquetas. */
.cnla-design #tablaSocios th.sortable-th{padding:0}
.cnla-design #tablaSocios tbody td:nth-child(2),.cnla-design #tablaSocios tbody td:nth-child(9){white-space:nowrap}
.cnla-design #tablaSocios td.socio-acciones-cell{width:256px;min-width:256px;overflow-wrap:normal}
.cnla-design #tablaSocios .socio-acciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:232px;max-width:100%}
.cnla-design #tablaSocios td.socio-acciones-cell .socio-acciones button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px;margin:0;padding:9px 10px;border:1px solid #c3d2d9;border-radius:8px;background:#fff;color:#315768;font:600 14px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap;overflow-wrap:normal;word-break:normal;box-shadow:none}
.cnla-design #tablaSocios td.socio-acciones-cell .socio-acciones .ficha{background:#e9f3f7;border-color:#b5d0dc;color:#0b4f6c}
.cnla-design #tablaSocios td.socio-acciones-cell .socio-acciones .baja{background:#fff;border-color:#e8c7c4;color:#a3352d}
.cnla-design #tablaSocios td.socio-acciones-cell .socio-acciones .reactivar{background:#f1f8f4;border-color:#bed8c9;color:#246747}
.cnla-design #tablaSocios td.socio-acciones-cell .socio-acciones button:hover:not(:disabled){background:#edf4f7;border-color:#809fab}
.cnla-design #tablaSocios td.socio-acciones-cell .socio-acciones .baja:hover:not(:disabled){background:#fff1ef;border-color:#cc9691}
.cnla-design #tablaSocios td.socio-acciones-cell .socio-acciones button.cnla-button-busy{white-space:normal;font-size:12px;padding:6px;gap:4px}
.cnla-design #tablaSocios .socio-acciones button.cnla-button-busy::before{flex-shrink:0;margin:0}
@media(max-width:800px){
 .cnla-design body #tablaSocios.club-responsive-table td.socio-acciones-cell{width:auto;min-width:0}
 .cnla-design #tablaSocios .socio-acciones{width:100%}
}
@media(prefers-reduced-motion:reduce){.cnla-design *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.cnla-design :is(#clubNavegacion,#clubMenuToggle,.club-skip,.club-public-toggle,.club-table-hint){display:none!important}.cnla-design #memberPortal{display:block!important}}

/* CNLA 20260920 contraste R7: sólo los títulos sobre fondos oscuros.
   El resto de encabezados mantiene el color oscuro general. */
.cnla-design .hero-card-logo h3,
.cnla-design .disc-hero h1,
.cnla-design .disc-cta h2{color:#fff}

/* Comisión y navegación pública: desplegable nativo, usable también sin JS. */
.cnla-design .site-header .nav{gap:14px}
.cnla-design .site-header .nav>a{white-space:nowrap;font-size:13px;font-weight:650}
.cnla-design .club-disciplines{position:relative;color:#344e5c}
.cnla-design .club-disciplines>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}
.cnla-design .club-disciplines>summary::-webkit-details-marker{display:none}
.cnla-design .club-disciplines>summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
.cnla-design .club-disciplines[open]>summary svg{transform:rotate(180deg)}
.cnla-design .club-discipline-links{position:absolute;top:calc(100% + 6px);left:-14px;width:244px;display:grid;gap:4px;padding:10px;background:#fff;border:1px solid #cfdee4;border-radius:12px;box-shadow:0 14px 30px #173f5026;z-index:100}
.cnla-design .club-discipline-links a{display:flex!important;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;color:#244b5e;text-decoration:none;font-size:14px!important;font-weight:650;white-space:normal}
.cnla-design .club-discipline-links a:hover,.cnla-design .club-discipline-links a[aria-current=page]{background:#eaf3f7;color:#0b4f6c}
.cnla-design .cnla-shell-nav a{display:inline-flex!important}
.cnla-design .whatsapp-float{position:fixed;right:22px;bottom:max(22px,env(safe-area-inset-bottom));z-index:80;display:inline-flex;align-items:center;gap:9px;min-height:52px;min-width:52px;border:1px solid #fff3;border-radius:999px;padding:12px 16px 12px 12px;background:#147a42;color:#fff;font-size:14px;font-weight:750;text-decoration:none;box-shadow:0 6px 22px #143c4b30;line-height:1.25}
.cnla-design .whatsapp-float:hover{background:#0c6534;color:#fff}
.cnla-design .whatsapp-float svg{width:26px;height:26px;display:block;fill:currentColor;flex:none}
.cnla-design .whatsapp-float span{display:inline}
.cnla-design .site-footer,.cnla-design .cnla-shell-footer{padding-bottom:90px}
@media(max-width:1180px){
 .cnla-design .club-public-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:72px;border:1px solid #bcced6;background:white;color:var(--club-brand);padding:10px 14px}
 .cnla-design .site-header .header-inner{flex-wrap:wrap;gap:10px;min-height:74px}
 .cnla-design .site-header .brand{max-width:calc(100% - 86px)}
 .cnla-design .site-header .nav{display:none;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 0 14px;align-items:start;max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain}
 .cnla-design .site-header .nav.club-open{display:grid}
 .cnla-design .site-header .nav>a{display:flex!important;align-items:center;min-height:46px;padding:10px 12px;border-radius:8px;background:#f0f6f8;font-size:14px;white-space:normal}
 .cnla-design .site-header .nav>.cta{background:#0b4f6c;color:#fff}
 .cnla-design .site-header .club-disciplines{grid-column:1/-1;background:#f0f6f8;border-radius:8px}
 .cnla-design .site-header .club-disciplines>summary{padding:10px 12px;min-height:46px;font-size:14px;justify-content:space-between}
 .cnla-design .site-header .club-discipline-links{position:static;width:auto;box-shadow:none;margin:0 10px 10px;padding:6px;grid-template-columns:repeat(2,minmax(0,1fr));border-color:#d5e2e8}
 .cnla-design .site-header .club-discipline-links a{background:#fff;flex:none}
}
@media(max-width:640px){
 .cnla-design .site-header .club-discipline-links{grid-template-columns:1fr}
 .cnla-design .whatsapp-float{width:54px;height:54px;min-height:54px;right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:0;justify-content:center;border-radius:50%}
 .cnla-design .whatsapp-float span{display:none}
 .cnla-design .cnla-shell-nav .club-disciplines{flex-basis:100%}
 .cnla-design .cnla-shell-nav .club-discipline-links{position:static;max-width:100%;box-shadow:none}
}
@media print{.cnla-design .whatsapp-float,.cnla-design .club-disciplines,.cnla-design .site-header .nav{display:none!important}}

/* Contacto: títulos sobre el panel azul. Mantener la prioridad frente al color general. */
.cnla-design .contact-copy :is(h1,h2,h3){color:#fff}

/* Foto del socio junto a su saludo, también en pantallas pequeñas. */
.cnla-design .club-member-identity{display:flex;align-items:center;gap:20px;min-width:0}
.cnla-design .club-member-photo{width:88px;height:88px;flex:none;border:3px solid #ffffffb3;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#e6f2f7;color:#0b4f6c;font-size:28px;font-weight:750}
.cnla-design .club-member-photo img{display:block;width:100%;height:100%;object-fit:cover}
.cnla-design .club-member-greeting{min-width:0}
.cnla-design .club-member-greeting :is(h1,p){overflow-wrap:anywhere}
@media(max-width:540px){
 .cnla-design .club-member-identity{gap:12px}
 .cnla-design .club-member-photo{width:64px;height:64px;font-size:22px;border-width:2px}
}

/* Menú público R4: navegación y accesos a la cuenta con jerarquía propia. */
.cnla-design .site-header .header-inner{gap:24px}
.cnla-design .site-header .brand{flex-shrink:0}
.cnla-design .site-header .nav{gap:4px}
.cnla-design .site-header .nav>a,
.cnla-design .site-header .club-disciplines>summary{padding:10px;font-size:14px;border-radius:9px}
.cnla-design .site-header .nav>a:hover,
.cnla-design .site-header .nav>a[aria-current=page],
.cnla-design .site-header .club-disciplines>summary:hover,
.cnla-design .site-header .club-disciplines[open]>summary{background:#edf4f7;color:#0b4f6c}
.cnla-design .site-header .club-discipline-links{left:0}
.cnla-design .site-header .club-nav-account{display:flex;align-items:center;gap:8px;margin-left:10px;padding-left:18px;border-left:1px solid #d9e4e8}
.cnla-design .site-header .club-nav-account>a{justify-content:center;padding:10px 14px;border-radius:9px;font-size:14px;font-weight:700;white-space:nowrap}
.cnla-design .site-header .club-nav-member{border:1px solid #c5d6de;color:#0b4f6c;background:#fff}
.cnla-design .site-header .club-nav-member:hover{background:#edf4f7;border-color:#0b4f6c}
@media(max-width:1180px){
 .cnla-design .site-header .header-inner{gap:10px}
 .cnla-design .site-header .nav{grid-template-columns:minmax(0,1fr);gap:4px;padding-top:6px}
 .cnla-design .site-header .nav>a{padding:12px 14px;background:transparent}
 .cnla-design .site-header .club-disciplines{background:transparent}
 .cnla-design .site-header .club-disciplines>summary{padding:12px 14px;min-height:46px}
 .cnla-design .site-header .club-nav-account{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 0;padding:14px 0 0;border-left:0;border-top:1px solid #d9e4e8}
 .cnla-design .site-header .club-nav-account>a{display:flex!important;min-height:46px}
}

/* Inscripciones R10: cada estado con su explicación y sus propias acciones. */
.cnla-design #clubGestionContenido .insc-estados-ayuda{background:#edf5f7;border-left:3px solid #0b4f6c;padding:14px 16px;border-radius:8px;font-size:14px;color:#344e5c;line-height:1.6;margin:16px 0}
.cnla-design #clubGestionContenido .inscripciones-tabla{min-width:940px;table-layout:fixed}
.cnla-design #clubGestionContenido .inscripciones-tabla th:nth-child(1){width:25%}
.cnla-design #clubGestionContenido .inscripciones-tabla th:nth-child(2){width:22%}
.cnla-design #clubGestionContenido .inscripciones-tabla th:nth-child(3){width:17%}
.cnla-design #clubGestionContenido .inscripciones-tabla th:nth-child(4),.cnla-design #clubGestionContenido .inscripciones-tabla th:nth-child(5){width:18%}
.cnla-design #clubGestionContenido .inscripciones-tabla td{vertical-align:top;padding:20px 12px}
.cnla-design #clubGestionContenido .insc-datos{display:grid;gap:5px;min-width:0}
.cnla-design #clubGestionContenido .insc-datos strong{font-size:14px;line-height:1.5}
.cnla-design #clubGestionContenido .insc-datos small{display:block;font-size:13px;color:#526772;line-height:1.5;overflow-wrap:anywhere}
.cnla-design #clubGestionContenido .insc-datos .insc-id{font-size:12px}
.cnla-design #clubGestionContenido .insc-estado-contenido{width:100%;min-width:0}
.cnla-design #clubGestionContenido .insc-estado-cell .evento-badge{display:inline-block;white-space:nowrap;overflow-wrap:normal;word-break:normal;border-radius:8px;padding:6px 10px;font-size:13px;line-height:1.4;text-transform:none}
.cnla-design #clubGestionContenido .insc-estado-descripcion{font-size:13px;line-height:1.5;color:#526772;margin:8px 0 12px;overflow-wrap:normal;word-break:normal}
.cnla-design #clubGestionContenido .insc-acciones{display:grid;gap:8px}
.cnla-design #clubGestionContenido .insc-acciones button,.cnla-design #clubGestionContenido .insc-datos button{width:100%;min-height:44px;padding:10px 8px;margin:0;font-size:13px;line-height:1.4;border:1px solid #b7cdd7;border-radius:9px;background:#fff;color:#0b4f6c;white-space:normal;overflow-wrap:normal;word-break:normal}
.cnla-design #clubGestionContenido .insc-acciones .aprobar{background:#0b4f6c;color:#fff;border-color:#0b4f6c}
.cnla-design #clubGestionContenido .insc-acciones .insc-accion-secundaria{background:#fff;color:#9b2924;border-color:#d9b8b4}
.cnla-design #clubGestionContenido .insc-acciones button:hover:not(:disabled){filter:brightness(.94)}
.cnla-design #clubGestionContenido .insc-acciones button:disabled{opacity:.6;cursor:not-allowed}
.cnla-design #clubGestionContenido .insc-acciones button[aria-busy="true"]{cursor:wait}
@media(max-width:800px){
 .cnla-design body #clubGestionContenido .inscripciones-tabla td{display:block;padding:14px 0}
 .cnla-design body #clubGestionContenido .inscripciones-tabla td::before{display:block;margin-bottom:8px;font-size:13px}
 .cnla-design #clubGestionContenido .insc-datos strong{font-size:15px}
 .cnla-design #clubGestionContenido .insc-estado-contenido{width:100%}
 .cnla-design #clubGestionContenido .insc-acciones{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cnla-design #clubGestionContenido .insc-acciones .editar{grid-column:1/-1}
}
@media(max-width:420px){
 .cnla-design #clubGestionContenido .insc-acciones{grid-template-columns:minmax(0,1fr)}
}