*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#d62828;--primary-dark:#a81e1e;--primary-light:#fbe2e2;--primary-muted:#d6282814;--success:#10b981;--success-light:#d1fae5;--success-dark:#065f46;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#92400e;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#991b1b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--sidebar-w:256px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000012, 0 4px 12px #0000000d;--shadow-md:0 4px 6px #0000000f, 0 10px 24px #0000000f;color:var(--gray-700);background:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5}body{background:var(--gray-50)}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:600;line-height:1.3}.home-container{background:var(--gray-50);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--gray-200);z-index:50;background:#fff;flex-direction:column;flex-shrink:0;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-top{border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;padding:22px 18px 18px;display:flex}.sidebar-logo{border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;width:34px;height:34px}.sidebar-brand{color:var(--gray-900);letter-spacing:-.3px;font-size:15px;font-weight:700}.sidebar-menu{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex}.menu-item{border-radius:var(--radius-sm);width:100%;color:var(--gray-500);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.menu-item svg{flex-shrink:0}.menu-item:hover{background:var(--gray-100);color:var(--gray-800)}.menu-item.active{background:var(--primary-light);color:var(--primary-dark);font-weight:600}.sidebar-bottom{border-top:1px solid var(--gray-100);flex-direction:column;gap:8px;padding:14px 10px;display:flex}.usuario-box{border-radius:var(--radius-sm);background:var(--gray-50);border:1px solid var(--gray-200);padding:10px 12px}.usuario-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px;font-size:10px;font-weight:700;display:block}.usuario-name{color:var(--gray-700);word-break:break-word;font-size:13px;font-weight:600;display:block}.logout-btn{border:1px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;color:var(--danger);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.logout-btn:hover{background:var(--danger-light);border-color:var(--danger)}.main-content{flex:1;min-width:0;padding:28px 32px;overflow-y:auto}.topbar{align-items:center;gap:14px;margin-bottom:28px;display:flex}.topbar h1{color:var(--gray-900);letter-spacing:-.4px;font-size:21px;font-weight:700}.hamburger{border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;color:var(--gray-600);background:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:none}.hamburger:hover{background:var(--gray-100)}.overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;position:fixed;inset:0}.cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;padding:20px 22px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.card-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:14px;display:flex}.card-icon.blue{background:var(--primary-light);color:var(--primary-dark)}.card-icon.green{background:var(--success-light);color:var(--success-dark)}.card-icon.amber{background:var(--warning-light);color:var(--warning-dark)}.card-icon.red{background:var(--danger-light);color:var(--danger-dark)}.card h3{color:var(--gray-400);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11.5px;font-weight:700}.stat-number{color:var(--gray-900);letter-spacing:-1px;font-size:30px;font-weight:700;line-height:1}.stat-number.warning{color:var(--warning)}.stat-number.danger{color:var(--danger)}.stat-amount{color:var(--gray-900);letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1}.stat-amount.pending{color:var(--warning)}.stat-badge{color:var(--gray-400);align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:600;display:inline-flex}.stat-badge.paid{color:var(--success)}.stat-badge.pending{color:var(--warning)}.stat-badge.info{color:var(--primary)}.club-header-card{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:24px;padding:22px 26px}.club-header-content{flex-direction:column;gap:10px;display:flex}.club-header-left{align-items:center;gap:14px;display:flex}.club-header-logo{border-radius:var(--radius);object-fit:cover;background:#ffffff26;border:2px solid #ffffff59;width:52px;height:52px;padding:2px}.club-header-left h2{color:#fff;margin:0;font-size:18px;font-weight:700}.club-header-subtitle{opacity:.8;margin:2px 0 0;font-size:13px}.home-alert{border-radius:var(--radius);color:#92400e;cursor:pointer;background:#fef3c7;border:1.5px solid #f59e0b;align-items:center;gap:10px;margin-bottom:4px;padding:13px 18px;font-size:13.5px;transition:background .15s;display:flex}.home-alert:hover{background:#fde68a}.home-alert svg{color:#d97706;flex-shrink:0}.home-section{border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.home-section-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.home-section-title{color:var(--gray-800);margin:0;font-size:14px;font-weight:700}.home-section-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:600}.home-pagos-list{flex-direction:column;display:flex}.home-pago-row{border-bottom:1px solid var(--gray-50);justify-content:space-between;align-items:center;gap:12px;padding:13px 20px;display:flex}.home-pago-row:last-child{border-bottom:none}.home-pago-info{flex-direction:column;gap:2px;min-width:0;display:flex}.home-pago-tipo{text-transform:uppercase;letter-spacing:.5px;color:var(--primary);font-size:11px;font-weight:700}.home-pago-concepto{color:var(--gray-600);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.home-pago-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.home-pago-monto{color:var(--gray-900);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.home-pago-fecha{color:var(--gray-400);font-size:11.5px}.club-description{opacity:.9;margin:0;font-size:13.5px;line-height:1.6}.login-container{background:var(--gray-50);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);width:100%;max-width:400px;box-shadow:var(--shadow-md);background:#fff;padding:36px 32px}.login-header{text-align:center;margin-bottom:28px}.login-logo{border-radius:var(--radius);object-fit:contain;width:60px;height:60px;margin:0 auto 14px;display:block}.login-title{color:var(--gray-900);letter-spacing:-.4px;margin-bottom:4px;font-size:20px;font-weight:700}.login-subtitle{color:var(--gray-900);letter-spacing:-.3px;font-size:19px;font-weight:700}.input-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.input-group label,.form-label{color:var(--gray-600);font-size:13px;font-weight:600}.input-field,.input-group input,.input-group select,.input-group textarea{border:1.5px solid var(--gray-200);border-radius:var(--radius);width:100%;color:var(--gray-800);background:#fff;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input-field:focus,.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d628281a}.input-field::placeholder,.input-group input::placeholder{color:var(--gray-300)}.input-field:disabled,.input-group input:disabled,.input-group select:disabled,.input-group textarea:disabled{background:var(--gray-50);color:var(--gray-400);cursor:not-allowed}.input-group textarea{resize:vertical;min-height:96px;line-height:1.5}.form-hint{color:var(--gray-400);font-size:12px}.login-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 2px 8px #d6282847}.login-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #d6282859}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.login-btn-secondary{width:100%;color:var(--primary);border:1.5px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;background:0 0;margin-top:10px;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.login-btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--primary)}.login-btn-secondary:disabled{opacity:.55;cursor:not-allowed}.matricula-cta{background:var(--success);margin-top:18px;padding:12px 18px;font-size:12.5px;line-height:1.5;box-shadow:0 2px 8px #10b98147}.matricula-cta:hover:not(:disabled){background:var(--success-dark);box-shadow:0 4px 14px #10b98159}.club-save-btn{width:auto;margin-top:8px;padding:10px 28px}button:disabled{opacity:.55;cursor:not-allowed}.mensaje{border-radius:var(--radius);margin-top:14px;padding:11px 15px;font-size:13px;font-weight:500}.mensaje-exito{background:var(--success-light);color:var(--success-dark);border-left:3px solid var(--success)}.error-message{background:var(--danger-light);color:var(--danger-dark);border-left:3px solid var(--danger);border-radius:var(--radius);padding:11px 15px;font-size:13px}.payments-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:20px;padding:26px 30px}.payments-hero-title{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700}.payments-hero-subtitle{opacity:.85;font-size:14px}.payments-filter-container{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:18px;padding:18px 22px}.filter-box{max-width:240px}.filter-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:11.5px;font-weight:700;display:block}.filter-select{border:1.5px solid var(--gray-200);border-radius:var(--radius);width:100%;color:var(--gray-700);cursor:pointer;background:#fff;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d628281a}.payments-table-container{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.payments-table{border-collapse:collapse;width:100%;font-size:13.5px}.payments-table thead{background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.payments-table th{text-align:left;color:var(--gray-400);text-transform:uppercase;letter-spacing:.6px;padding:12px 16px;font-size:11px;font-weight:700}.payments-table td{border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:13px 16px}.payments-table tbody tr:last-child td{border-bottom:none}.payments-table tbody tr:hover{background:var(--gray-50)}.description-cell{color:var(--gray-800);font-weight:600}.amount-cell{color:var(--primary-dark);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.date-cell{color:var(--gray-400);font-variant-numeric:tabular-nums;font-size:13px}.status-cell{white-space:nowrap}.status-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-paid,.status-pagado{background:var(--success-light);color:var(--success-dark)}.status-pending,.status-pendiente{background:var(--warning-light);color:var(--warning-dark)}.status-overdue{background:var(--danger-light);color:var(--danger-dark)}.payments-empty{border-radius:var(--radius-lg);border:1px solid var(--gray-200);text-align:center;background:#fff;padding:52px 32px}.empty-icon{border-radius:var(--radius);background:var(--gray-100);width:44px;height:44px;color:var(--gray-400);justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.empty-text,.loading-text{color:var(--gray-400);font-size:14px}.error-text{color:var(--danger);font-size:14px}.club-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:20px;padding:26px 30px}.club-hero-title{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700}.club-hero-subtitle{opacity:.85;font-size:14px}.club-form-container{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;padding:26px 28px}.club-logo-section{border-bottom:1px solid var(--gray-100);grid-template-columns:104px 1fr;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;display:grid}.logo-preview-box{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:104px;height:104px;display:flex;overflow:hidden}.club-logo-preview{object-fit:cover;border-radius:var(--radius);width:94px;height:94px}.logo-input-box{flex-direction:column;gap:6px;padding-top:4px;display:flex}.club-form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px 20px;margin-bottom:18px;display:grid}.club-form-grid .input-group{margin-bottom:0}.club-descripcion{margin-bottom:18px}.input-group select,.filter-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.hamburger{display:flex}.sidebar{height:100vh;width:var(--sidebar-w);z-index:50;transition:left .25s;position:fixed;top:0;left:-260px}.sidebar.open{left:0}.main-content{padding:20px 16px}.topbar h1{font-size:17px}.cards-container{grid-template-columns:1fr 1fr;gap:12px}.club-form-container{padding:18px 16px}.club-logo-section{grid-template-columns:1fr;align-items:center;gap:14px}.logo-preview-box{width:88px;height:88px}.club-logo-preview{width:78px;height:78px}.club-form-grid{grid-template-columns:1fr}.payments-table th,.payments-table td{padding:10px 12px;font-size:13px}.filter-box{max-width:100%}.payments-hero,.club-hero{padding:20px 18px}}@media (width<=480px){.cards-container{grid-template-columns:1fr}}.adm-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);color:#fff;justify-content:space-between;align-items:center;margin-bottom:20px;padding:26px 30px;display:flex}.adm-hero-title{color:#fff;margin-bottom:4px;font-size:20px;font-weight:700}.adm-hero-subtitle{opacity:.75;font-size:14px}.adm-stats{margin-bottom:22px}.adm-tabs{border:1px solid var(--gray-200);border-radius:var(--radius-lg);width:fit-content;box-shadow:var(--shadow-sm);background:#fff;gap:4px;margin-bottom:14px;padding:5px;display:flex}.adm-tab{border-radius:var(--radius);color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 20px;font-family:inherit;font-size:13.5px;font-weight:500;transition:background .15s,color .15s}.adm-tab:hover{background:var(--gray-100);color:var(--gray-800)}.adm-tab.active{background:var(--primary);color:#fff;font-weight:600}.adm-filters{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:14px;display:flex}.adm-filters .filter-box{max-width:220px}.adm-filter-summary{color:var(--gray-400);align-items:center;gap:6px;padding-bottom:2px;font-size:13px;display:flex}.adm-filter-monto{color:var(--primary-dark);font-weight:600}.adm-club-cell{color:var(--gray-800);font-size:13px;font-weight:600}.adm-ver-btn{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;white-space:nowrap;background:#fff;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.adm-ver-btn:hover{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-muted)}.adm-overlay{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.adm-modal{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:480px;animation:.18s adm-modal-in;overflow:hidden;box-shadow:0 20px 60px #0000002e}@keyframes adm-modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.adm-modal-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.adm-modal-title{color:var(--gray-900);margin:0;font-size:16px;font-weight:700}.adm-modal-close{border-radius:var(--radius-sm);background:var(--gray-100);width:30px;height:30px;color:var(--gray-500);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.adm-modal-close:hover{background:var(--gray-200)}.adm-modal-body{padding:22px}.adm-detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.adm-detail-full{grid-column:1/-1}.adm-detail-item{flex-direction:column;gap:4px;display:flex}.adm-detail-label{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:700}.adm-detail-value{color:var(--gray-800);font-size:14px;font-weight:500}.adm-monto{color:var(--primary-dark);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.adm-token{color:var(--gray-500);word-break:break-all;font-family:monospace;font-size:12px}@media (width<=640px){.adm-tabs{width:100%}.adm-tab{text-align:center;flex:1;padding:8px 10px;font-size:12.5px}.adm-filters{gap:10px}.adm-filters .filter-box{flex:1;min-width:140px;max-width:100%}.adm-detail-grid{grid-template-columns:1fr}}.pm-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.18s pmFade;display:flex;position:fixed;inset:0}@keyframes pmFade{0%{opacity:0}to{opacity:1}}.pm-modal{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;flex-direction:column;gap:22px;width:100%;max-width:520px;max-height:88vh;padding:28px;animation:.22s cubic-bezier(.34,1.56,.64,1) pmUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 8px 40px #00000024,0 2px 8px #0000000f}@keyframes pmUp{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pm-close{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--gray-400);cursor:pointer;background:#fff;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:background .15s,color .15s;display:flex;position:absolute;top:14px;right:14px}.pm-close:hover{background:var(--gray-100);color:var(--gray-700)}.pm-header{padding-right:28px}.pm-title{color:var(--gray-900);letter-spacing:-.3px;margin:0 0 3px;font-size:16px;font-weight:700}.pm-subtitle{color:var(--gray-400);margin:0;font-size:12.5px}.pm-section{flex-direction:column;gap:10px;display:flex}.pm-label{text-transform:uppercase;letter-spacing:.6px;color:var(--gray-400);margin:0;font-size:11px;font-weight:700}.pm-chips{flex-wrap:wrap;gap:8px;display:flex}.pm-chip{border:1.5px solid var(--gray-200);color:var(--gray-600);cursor:pointer;background:#fff;border-radius:100px;padding:7px 15px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.pm-chip:hover{border-color:var(--primary);color:var(--primary)}.pm-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.pm-grupo-list{flex-direction:column;gap:6px;display:flex}.pm-grupo-item{border:1.5px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.pm-grupo-item:hover{border-color:var(--primary);background:var(--primary-muted)}.pm-grupo-item.active{border-color:var(--primary);background:var(--primary-light)}.pm-grupo-label{color:var(--gray-700);text-align:left;flex:1;font-size:13.5px;font-weight:600}.pm-grupo-item.active .pm-grupo-label{color:var(--primary-dark)}.pm-grupo-monto{color:var(--gray-400);font-variant-numeric:tabular-nums;font-size:13.5px;font-weight:700}.pm-grupo-item.active .pm-grupo-monto{color:var(--primary-dark)}.pm-check{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.pm-tallas{flex-direction:column;gap:8px;display:flex}.pm-talla-cat{color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:11px;font-weight:600}.pm-talla-grid{flex-wrap:wrap;gap:7px;display:flex}.pm-talla-btn{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);min-width:44px;height:40px;color:var(--gray-600);cursor:pointer;background:#fff;padding:0 10px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.pm-talla-btn:hover{border-color:var(--primary);color:var(--primary)}.pm-talla-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pm-total{background:var(--primary-light);border:1.5px solid var(--primary);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pm-total-label{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.pm-total-valor{color:var(--primary-dark);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.pm-resumen{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.pm-resumen-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pm-resumen-row:last-child{border-bottom:none}.pm-resumen-row span{color:var(--gray-400);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.pm-resumen-row strong{color:var(--gray-800);font-size:13.5px;font-weight:600}.pm-resumen-total{background:var(--primary-light)}.pm-resumen-total span{color:var(--primary-dark)}.pm-resumen-total strong{color:var(--primary-dark);letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.pm-error{background:var(--danger-light);color:var(--danger-dark);border-left:3px solid var(--danger);border-radius:var(--radius-sm);margin:0;padding:10px 14px;font-size:13px}.pm-btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:11px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 2px 8px #d6282847}.pm-btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 14px #d6282859}.pm-btn-primary:active:not(:disabled){transform:translateY(0)}.pm-btn-primary:disabled{background:var(--gray-200);color:var(--gray-400);cursor:not-allowed;box-shadow:none;transform:none}.pm-actions{flex-wrap:wrap;gap:10px;display:flex}.pm-btn-secondary{border:1.5px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-600);cursor:pointer;white-space:nowrap;background:#fff;padding:11px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.pm-btn-secondary:hover{background:var(--gray-100);border-color:var(--gray-300)}.pm-actions .pm-btn-primary{flex:1;width:auto}@media (width<=480px){.pm-modal{padding:22px 18px}.pm-talla-btn{min-width:40px;height:38px;font-size:12px}}.matricula-page{background:var(--gray-50);flex-direction:column;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.matricula-header{text-align:center;max-width:560px;margin-bottom:28px}.matricula-back-link{text-align:center;margin:0 0 14px;display:block}.matricula-header img{height:56px;margin-bottom:12px}.matricula-header h1{color:var(--gray-900);margin:0 0 6px;font-size:22px;font-weight:800}.matricula-header p{color:var(--gray-500);margin:0;font-size:13.5px}.matricula-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;flex-direction:column;gap:22px;width:100%;max-width:640px;padding:28px;display:flex;box-shadow:0 2px 8px #0000000d}.matricula-sede-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=560px){.matricula-sede-grid{grid-template-columns:repeat(3,1fr)}}.matricula-sede-card{border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;text-align:left;background:#fff;flex-direction:column;gap:6px;padding:20px 16px;font-family:inherit;transition:border-color .15s,background .15s,transform .1s;display:flex}.matricula-sede-card:hover{border-color:var(--primary);background:var(--primary-muted);transform:translateY(-2px)}.matricula-sede-nombre{color:var(--gray-900);font-size:15px;font-weight:700}.matricula-sede-direccion{color:var(--gray-400);font-size:12px;line-height:1.4}.matricula-bloque-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;text-align:left;background:#fff;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 16px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.matricula-bloque-card:hover,.matricula-bloque-card.active{border-color:var(--primary);background:var(--primary-light)}.matricula-bloque-info{flex-direction:column;gap:2px;display:flex}.matricula-bloque-nombre{color:var(--gray-800);font-size:13.5px;font-weight:700}.matricula-bloque-horario{color:var(--gray-400);font-size:12px}.matricula-bloque-precio{color:var(--primary-dark);white-space:nowrap;font-size:14px;font-weight:700}.matricula-uniforme-grid{flex-direction:column;gap:8px;display:flex}.matricula-uniforme-item{border:1.5px solid var(--gray-200);border-radius:var(--radius);align-items:center;gap:10px;padding:10px 12px;display:flex}.matricula-uniforme-item.active{border-color:var(--primary);background:var(--primary-light)}.home-hero{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);border-radius:var(--radius-xl);color:#fff;margin-bottom:24px;padding:28px 26px;position:relative;overflow:hidden}.home-hero:after{content:"";background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.home-hero-top{align-items:center;gap:14px;margin-bottom:16px;display:flex;position:relative}.home-hero-logo{border-radius:var(--radius);object-fit:cover;background:#ffffff26;border:2px solid #ffffff59;flex-shrink:0;width:56px;height:56px;padding:2px}.home-hero-title{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:800}.home-hero-sub{opacity:.85;margin:2px 0 0;font-size:13px}.home-hero-text{opacity:.96;max-width:680px;margin:0;font-size:13.5px;line-height:1.65;position:relative}.home-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.home-sede-grid{grid-template-columns:1fr;gap:14px;margin-bottom:24px;display:grid}@media (width>=760px){.home-sede-grid{grid-template-columns:repeat(3,1fr)}}.home-sede-card{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;transition:box-shadow .2s,transform .2s;overflow:hidden}.home-sede-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.home-sede-card-header{color:#fff;padding:16px 18px}.home-sede-card-header.c1{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.home-sede-card-header.c2{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.home-sede-card-header.c3{background:linear-gradient(135deg,#ec4899,#be185d)}.home-sede-card-nombre{margin:0;font-size:15px;font-weight:700}.home-sede-card-direccion{opacity:.92;margin:4px 0 0;font-size:11.5px;line-height:1.4}.home-sede-bloque-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:8px;padding:10px 18px;display:flex}.home-sede-bloque-row:last-child{border-bottom:none}.home-sede-bloque-nombre{color:var(--gray-700);font-size:12.5px;font-weight:600}.home-sede-bloque-horario{color:var(--gray-400);font-size:11px}.home-sede-bloque-precio{color:var(--primary-dark);white-space:nowrap;font-size:12.5px;font-weight:700}.home-grupos-grid{grid-template-columns:1fr;gap:14px;margin-bottom:24px;display:grid}@media (width>=760px){.home-grupos-grid{grid-template-columns:repeat(3,1fr)}}.home-grupo-card{border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);background:#fff;padding:20px;transition:box-shadow .2s,transform .2s}.home-grupo-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.home-grupo-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;display:flex}.home-grupo-icon.a{background:var(--success-light);color:var(--success-dark)}.home-grupo-icon.b{background:var(--primary-light);color:var(--primary-dark)}.home-grupo-icon.c{color:#7c3aed;background:#ede9fe}.home-grupo-nombre{color:var(--gray-900);margin:0 0 8px;font-size:13.5px;font-weight:700}.home-grupo-desc{color:var(--gray-500);margin:0;font-size:12.5px;line-height:1.55}.home-staff-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);align-items:center;gap:16px;margin-bottom:24px;padding:20px 22px;display:flex}.home-staff-icon{background:var(--primary-light);width:44px;height:44px;color:var(--primary-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.home-staff-text{color:var(--gray-600);margin:0;font-size:13px;line-height:1.6}@media (width<=480px){.home-hero{padding:22px 18px}.home-hero-title{font-size:17px}}.pm-modulos-grid{flex-direction:column;gap:10px;margin-bottom:32px;display:flex}.pm-modulo-card{border-radius:var(--radius-lg);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);background:#fff;border:1.5px solid #0000;align-items:center;gap:16px;padding:18px 20px;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.pm-modulo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pm-card-blue{border-color:var(--primary-light)}.pm-card-purple{border-color:#ede9fe}.pm-card-pink{border-color:#fce7f3}.pm-card-blue:hover{border-color:var(--primary)}.pm-card-purple:hover{border-color:#a78bfa}.pm-card-pink:hover{border-color:#f9a8d4}.pm-modulo-info{flex-direction:column;flex:1;gap:3px;display:flex}.pm-modulo-titulo{color:var(--gray-900);font-size:14px;font-weight:700}.pm-modulo-desc{color:var(--gray-400);font-size:12.5px}.pm-modulo-arrow{color:var(--gray-300);flex-shrink:0;font-size:18px;transition:color .15s,transform .15s}.pm-modulo-card:hover .pm-modulo-arrow{color:var(--gray-500);transform:translate(3px)}.pm-historial-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.pm-historial-titulo{color:var(--gray-800);letter-spacing:-.2px;font-size:15px;font-weight:700}.payment-toast{z-index:1100;max-width:360px;animation:.2s paymentToastIn;position:fixed;top:20px;right:20px;box-shadow:0 8px 24px #0000001f}@keyframes paymentToastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.pm-modulo-card{gap:12px;padding:14px 16px}.pm-modulo-icon{width:40px;height:40px;font-size:22px}.pm-modulo-titulo{font-size:13.5px}.pm-historial-header{flex-direction:column;align-items:flex-start}.payment-toast{max-width:none;left:16px;right:16px}}.reserva-card{border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:#fff;flex-direction:column;gap:22px;max-width:640px;padding:28px;display:flex;box-shadow:0 2px 8px #0000000d}.reserva-steps{gap:8px;margin-bottom:4px;display:flex}.reserva-step-dot{background:var(--gray-200);border-radius:100px;flex:1;height:4px}.reserva-step-dot.active{background:var(--primary)}.reserva-step-dot.done{background:var(--primary-light)}.reserva-coach-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.reserva-coach-card{border:1.5px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;text-align:left;background:#fff;flex-direction:column;gap:4px;padding:14px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.reserva-coach-card:hover{border-color:var(--primary);background:var(--primary-muted)}.reserva-coach-card.active{border-color:var(--primary);background:var(--primary-light)}.reserva-coach-name{color:var(--gray-800);font-size:13.5px;font-weight:700}.reserva-coach-rate{color:var(--gray-400);font-size:12px;font-weight:600}.reserva-coach-card.active .reserva-coach-name,.reserva-coach-card.active .reserva-coach-rate{color:var(--primary-dark)}.reserva-slot-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.reserva-slot-btn{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;background:#fff;padding:9px 6px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.reserva-slot-btn:hover{border-color:var(--primary);color:var(--primary)}.reserva-slot-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.reserva-skater-list{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow-y:auto}.reserva-skater-item{border:1.5px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex}.reserva-skater-item:hover{border-color:var(--primary)}.reserva-skater-item.active{border-color:var(--primary);background:var(--primary-light)}.reserva-skater-item input{pointer-events:none}.reserva-empty-text{color:var(--gray-400);margin:0;font-size:13px}