:root{--pine:#2d3d2e;--pine-mid:#3d5240;--pine-light:#5a7a5c;--gold:#b8986a;--gold-light:#d4b48a;--cream:#f2ede6;--cream-dark:#e8e0d4;--white:#faf8f4;--text:#1a2b1b;--text-mid:#3d5040;--text-light:#6b826c;--danger:#8b3a3a;--success:#2d5a3a;--radius:3px;--sidebar:220px;--topbar:60px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--cream);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;font-weight:400}h1,h2,h3,h4{color:var(--pine);font-family:Playfair Display,serif;font-weight:600;line-height:1.15}#public-screen{flex-direction:column;min-height:100vh;display:flex}.pub-topbar{background:var(--pine);z-index:50;justify-content:space-between;align-items:center;height:66px;padding:0 48px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000002e}.pub-logo{align-items:center;gap:14px;display:flex}.pub-logo svg{flex-shrink:0;width:36px;height:36px}.pub-logo-name{color:var(--cream);letter-spacing:.04em;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;line-height:1}.pub-logo-sub{letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light);margin-top:3px;font-size:.6rem;font-weight:500;display:block}.btn-ingresar{background:var(--gold);color:var(--pine);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);border:none;padding:10px 26px;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;transition:background .2s,transform .15s}.btn-ingresar:hover{background:var(--gold-light);transform:translateY(-1px)}.pub-hero{background:var(--pine);border-bottom:3px solid var(--gold);justify-content:space-between;align-items:center;gap:48px;padding:48px 48px 56px;display:flex}.pub-hero-left h1{color:var(--cream);font-size:2.8rem;font-weight:700;line-height:1.1}.pub-hero-left p{color:#f2ede699;margin-top:14px;font-size:.9rem;font-weight:400;line-height:1.8}.tarifa-cards{flex-shrink:0;gap:16px;display:flex}.tarifa-card{border-radius:var(--radius);background:#ffffff0f;border:1px solid #b8986a59;min-width:210px;padding:22px 26px;position:relative}.tarifa-card:before{content:"";background:var(--gold);border-radius:var(--radius) var(--radius) 0 0;height:2px;position:absolute;top:0;left:0;right:0}.tarifa-tipo{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);margin-bottom:14px;font-size:.7rem;font-weight:600}.tarifa-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.tarifa-label{color:#f2ede680;font-size:.75rem;font-weight:400}.tarifa-val{color:var(--cream);font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:700}.tarifa-divider{border:none;border-top:1px solid #ffffff17;margin:10px 0}.tarifa-nota{color:#b8986ad9;margin-top:10px;font-size:.66rem;font-weight:400;line-height:1.7}.pub-body{flex:1;grid-template-columns:1fr 1fr;align-items:start;gap:28px;width:100%;max-width:1280px;margin:0 auto;padding:40px 48px 64px;display:grid}.pub-section{background:var(--white);border:1px solid var(--cream-dark);border-radius:4px;overflow:hidden}.pub-section.full{grid-column:1/-1}.pub-section-header{border-bottom:1px solid var(--cream-dark);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.pub-section-header h2{align-items:center;gap:10px;font-size:1.05rem;font-weight:600;display:flex}.pub-count{letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);font-size:.7rem;font-weight:600}.aviso-pub{border-bottom:1px solid #e8e0d499;padding:20px 28px;transition:background .15s}.aviso-pub:last-child{border-bottom:none}.aviso-pub:hover{background:#f2ede666}.aviso-pub-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px;display:flex}.aviso-pub-title{color:var(--pine);font-size:.9rem;font-weight:600;line-height:1.3}.aviso-pub-body{color:var(--text-mid);font-size:.82rem;line-height:1.75}.aviso-pub-date{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.68rem;font-weight:500}.badge{letter-spacing:.08em;text-transform:uppercase;border-radius:50px;align-items:center;padding:3px 10px;font-size:.65rem;font-weight:600;display:inline-flex}.badge-red{color:var(--danger);background:#8b3a3a1a}.badge-gold{color:#7a5e30;background:#b8986a24}.badge-gray{color:var(--text-light);background:#7a8f7b1a}.badge-green{color:var(--success);background:#2d5a3a1a}.badge-blue{color:#2d5a8c;background:#2d5a8c1a}.deudor-row{cursor:pointer;border-bottom:1px solid #e8e0d499;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;transition:background .15s;display:flex}.deudor-row:last-child{border-bottom:none}.deudor-row:hover{background:#8b3a3a0a}.deudor-lote{color:var(--text);font-size:.92rem;font-weight:600}.deudor-nombre{color:var(--text-light);margin-top:2px;font-size:.76rem;font-weight:400}.deudor-monto{color:var(--danger);text-align:right;font-family:Playfair Display,serif;font-size:1.15rem;font-weight:600}.deudor-meses{color:var(--danger);opacity:.8;margin-top:2px;font-size:.67rem;font-weight:500}.chevron{color:var(--text-light);flex-shrink:0;margin-left:8px;font-size:.7rem;transition:transform .2s;display:inline-block}.deudor-detalle{background:#8b3a3a06;border-top:1px dashed #8b3a3a2e;padding:20px 28px 24px;display:none}.deudor-detalle.open{animation:.2s fadeUp;display:block}.det-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.det-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);margin-bottom:4px;font-size:.65rem;font-weight:600}.det-val{color:var(--text);font-size:.92rem;font-weight:500}.det-val.red{color:var(--danger);font-weight:600}.det-val.green{color:var(--success);font-weight:600}.det-tabla{border-collapse:collapse;width:100%}.det-tabla th{letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);border-bottom:1px solid var(--cream-dark);text-align:left;background:#e8e0d466;padding:8px 10px;font-size:.65rem;font-weight:600}.det-tabla td{color:var(--text-mid);border-bottom:1px solid #e8e0d466;padding:8px 10px;font-size:.8rem}.det-tabla tr:last-child td{border-bottom:none}.det-nota{color:var(--text-light);border-left:3px solid var(--gold);background:#b8986a14;border-radius:1px;margin-top:14px;padding:10px 14px;font-size:.75rem;font-style:italic;font-weight:400;line-height:1.7}.calc-box{padding:24px 28px}.calc-inputs{grid-template-columns:1fr 1fr 1fr auto;align-items:flex-end;gap:16px;display:grid}.calc-result{background:var(--cream);border-radius:var(--radius);margin-top:20px;padding:18px 20px;display:none}.calc-result.show{animation:.25s fadeUp;display:block}.calc-result-row{color:var(--text-mid);border-bottom:1px solid #e8e0d480;justify-content:space-between;padding:6px 0;font-size:.85rem;font-weight:400;display:flex}.calc-result-row:last-child{color:var(--text);border-bottom:none;font-size:.9rem;font-weight:600}.calc-bonus{border-left:3px solid var(--gold);color:#7a5e30;background:#b8986a1a;border-radius:1px;margin-top:12px;padding:12px 16px;font-size:.78rem;font-weight:400;line-height:1.75;display:none}.calc-bonus.show{display:block}.calc-bonus.info{border-left-color:var(--text-light);color:var(--text-light);background:#7a8f7b12}.tarifa-pub-grid{grid-template-columns:1fr 1fr;display:grid}.tarifa-pub-cell{border-right:1px solid var(--cream-dark);padding:24px 28px}.tarifa-pub-cell:last-child{border-right:none}.tarifa-pub-cell h4{color:var(--pine);margin-bottom:16px;font-size:1rem;font-weight:600}.tarifa-pub-row{border-bottom:1px solid #e8e0d480;justify-content:space-between;align-items:baseline;padding:7px 0;font-size:.84rem;display:flex}.tarifa-pub-row:last-of-type{border-bottom:none}.tarifa-pub-row span:first-child{color:var(--text-mid);font-weight:400}.tarifa-pub-row span:last-child{color:var(--text);font-family:Playfair Display,serif;font-size:1rem;font-weight:600}.tarifa-pub-bonus{border-left:3px solid var(--gold);color:#7a5e30;background:#b8986a1a;border-radius:1px;margin-top:14px;padding:10px 14px;font-size:.75rem;font-weight:400;line-height:1.75}.pub-footer{background:var(--pine);text-align:center;color:#f2ede64d;letter-spacing:.08em;padding:20px;font-size:.72rem;font-weight:400}.login-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;background:#142015b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.login-modal.open{display:flex}.login-box{background:var(--white);border-radius:6px;width:420px;max-width:95vw;animation:.3s both modalIn;overflow:hidden;box-shadow:0 24px 60px #00000040}.login-box-header{background:var(--pine);padding:28px 32px;position:relative}.login-box-header svg{width:40px;height:40px;margin-bottom:12px}.login-box-header h2{color:var(--cream);font-size:1.6rem;font-weight:700}.login-box-header p{color:var(--gold-light);letter-spacing:.06em;margin-top:4px;font-size:.75rem;font-weight:500}.login-close{color:#f2ede666;cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;transition:color .2s;position:absolute;top:18px;right:20px}.login-close:hover{color:var(--cream)}.login-box-body{padding:28px 32px}.role-tabs{border:1px solid var(--cream-dark);border-radius:var(--radius);margin-bottom:24px;display:flex;overflow:hidden}.role-tab{text-align:center;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--text-light);background:0 0;border:none;flex:1;padding:10px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;transition:all .2s}.role-tab.active{background:var(--pine);color:var(--cream)}.field{margin-bottom:18px}.field label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);margin-bottom:8px;font-size:.7rem;font-weight:600;display:block}.field input{border:1.5px solid var(--cream-dark);background:var(--cream);width:100%;color:var(--text);border-radius:var(--radius);outline:none;padding:11px 14px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:400;transition:border-color .2s}.field input:focus{border-color:var(--pine)}.btn-primary{background:var(--pine);width:100%;color:var(--cream);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);border:none;padding:13px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--pine-mid)}.login-hint{color:var(--text-light);text-align:center;border-top:1px solid var(--cream-dark);margin-top:20px;padding-top:16px;font-size:.73rem;font-weight:400;line-height:1.9}.login-hint strong{color:var(--pine);font-weight:600}#app{flex-direction:column;height:100vh;display:none;overflow:hidden}.topbar{height:var(--topbar);background:var(--pine);z-index:10;flex-shrink:0;align-items:center;gap:0;padding:0;display:flex;overflow:visible;box-shadow:0 2px 10px #00000026}.topbar-logo-area{border-right:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:10px;width:auto;height:100%;padding:0 20px;display:flex}.topbar-logo-area svg{flex-shrink:0;width:28px;height:28px}.topbar-brand{color:var(--cream);letter-spacing:.04em;white-space:nowrap;font-family:Playfair Display,serif;font-size:1rem;font-weight:700;line-height:1}.topbar-brand-sub{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin-top:3px;font-size:.56rem;font-weight:500;display:block}.topbar-right{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0 16px 0 20px;display:flex}.topbar-page-title{color:var(--cream);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-user-info{text-align:right;flex-direction:column;display:flex}.topbar-user-name{color:var(--cream);white-space:nowrap;font-size:.78rem;font-weight:600}.topbar-user-role{letter-spacing:.08em;text-transform:uppercase;color:var(--gold-light);white-space:nowrap;margin-top:2px;font-size:.6rem;font-weight:500;display:block}.user-avatar{background:var(--gold);width:34px;height:34px;color:var(--pine);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.logout-btn{color:#f2ede6a6;letter-spacing:.08em;cursor:pointer;border-radius:var(--radius);text-transform:uppercase;background:0 0;border:1px solid #ffffff38;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;transition:all .2s}.logout-btn:hover{color:var(--cream);border-color:#ffffff73}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{display:none}.sidebar-section-label{letter-spacing:.18em;text-transform:uppercase;color:#f2ede647;margin-top:20px;margin-bottom:6px;padding:0 20px;font-size:.62rem;font-weight:600}.sidebar-section-label:first-child{margin-top:0}.nav-btn{color:#f2ede694;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;transition:all .18s;display:flex}.nav-btn:hover{color:var(--cream);background:#ffffff0f}.nav-btn.active{color:var(--cream);border-left-color:var(--gold);background:#b8986a24}.nav-btn .nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:1rem}.main-content{flex:1;padding:36px 44px;overflow-y:auto}.main-content>.view.active{animation:.35s both fadeUp}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.page-header h1{color:var(--pine);font-size:1.6rem;font-weight:700;line-height:1.2}.page-header p{color:var(--text-light);margin-top:6px;font-size:.8rem;font-weight:400}.page-header-actions{flex-shrink:0;align-items:flex-start;gap:10px;display:flex}.cards-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card{background:var(--white);border:1px solid var(--cream-dark);border-radius:4px;padding:22px 24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--pine);height:3px;position:absolute;top:0;left:0;right:0}.stat-card.gold:before{background:var(--gold)}.stat-card.danger:before{background:var(--danger)}.stat-card.success:before{background:var(--success)}.stat-label{letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);margin-bottom:12px;font-size:.68rem;font-weight:600}.stat-value{color:var(--pine);white-space:nowrap;text-overflow:ellipsis;font-family:DM Sans,sans-serif;font-size:1.8rem;font-weight:700;line-height:1;overflow:hidden}.stat-sub{color:var(--text-light);margin-top:6px;font-size:.74rem;font-weight:400}.section-card{background:var(--white);border:1px solid var(--cream-dark);border-radius:4px;margin-bottom:24px;overflow:hidden}.section-card-header{border-bottom:1px solid var(--cream-dark);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.section-card-header h3{color:var(--pine);font-size:1rem;font-weight:600}.btn-sm{letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius);cursor:pointer;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;transition:all .18s}.btn-outline{border:1.5px solid var(--pine);color:var(--pine);background:0 0}.btn-outline:hover{background:var(--pine);color:var(--cream)}.btn-gold{background:var(--gold);border:1.5px solid var(--gold);color:var(--white);font-weight:700}.btn-gold:hover{background:var(--gold-light)}.btn-danger{background:var(--danger);border:1.5px solid var(--danger);color:#fff}table{border-collapse:collapse;width:100%}th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);border-bottom:1px solid var(--cream-dark);background:var(--cream);padding:12px 20px;font-size:.67rem;font-weight:700}td{color:var(--text);border-bottom:1px solid #e8e0d480;padding:13px 20px;font-size:.85rem;font-weight:400}tr:last-child td{border-bottom:none}tr:hover td{background:#f2ede673}.aviso-card{background:var(--white);border:1px solid var(--cream-dark);border-left:4px solid var(--pine);border-radius:4px;margin-bottom:12px;padding:18px 22px;transition:transform .15s,box-shadow .15s}.aviso-card:hover{transform:translate(2px);box-shadow:2px 4px 16px #2d3d2e14}.aviso-card.gold-border{border-left-color:var(--gold)}.aviso-card.danger-border{border-left-color:var(--danger)}.aviso-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.aviso-card-title{color:var(--pine);font-size:.95rem;font-weight:600}.aviso-card-date{color:var(--text-light);white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:500}.aviso-card-body{color:var(--text-mid);font-size:.82rem;font-weight:400;line-height:1.75}.form-grid{grid-template-columns:1fr 1fr;gap:16px;padding:24px;display:grid}.form-grid .full{grid-column:1/-1}.form-field label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-mid);margin-bottom:7px;font-size:.68rem;font-weight:600;display:block}.form-field input,.form-field select,.form-field textarea{border:1.5px solid var(--cream-dark);background:var(--cream);width:100%;color:var(--text);border-radius:var(--radius);outline:none;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:.86rem;font-weight:400;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--pine)}.form-actions{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.account-hero{background:var(--pine);border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:28px 32px;display:flex}.account-hero h2{color:var(--cream);font-size:1.45rem;font-weight:700}.account-hero .period{color:var(--gold-light);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:.72rem;font-weight:600}.balance-label{letter-spacing:.18em;text-transform:uppercase;color:#f2ede68c;font-size:.65rem;font-weight:600}.balance-amount{font-family:DM Sans,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.15}.balance-amount.ok{color:#a0d4a8}.balance-amount.danger{color:#f4a0a0}.account-body{background:var(--white);border:1px solid var(--cream-dark);border-top:none;border-radius:0 0 4px 4px}.cuenta-mini-grid{grid-template-columns:repeat(4,1fr);gap:0;display:grid}.cuenta-mini-item{border-right:1px solid var(--cream-dark);text-align:center;padding:18px 20px}.cuenta-mini-item:last-child{border-right:none}.cuenta-mini-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);margin-bottom:8px;font-size:.66rem;font-weight:600}.cuenta-mini-val{color:var(--pine);font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700}.beneficio-banner{border-top:1px solid var(--cream-dark);color:#7a5e30;background:#b8986a17;padding:14px 22px;font-size:.8rem;font-weight:400;line-height:1.75}.beneficio-banner strong{font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#142015a6;justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:var(--white);border-radius:6px;flex-direction:column;width:500px;max-width:100%;max-height:90vh;animation:.3s both modalIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000038}.modal-header{background:var(--pine);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.modal-header h3{color:var(--cream);font-size:1rem;font-weight:700;line-height:1.2}.modal-header .modal-sub{color:var(--gold-light);margin-top:2px;font-size:.68rem;font-weight:500}.modal-body{flex:1;padding:22px;overflow-y:auto}.close-btn{color:#f2ede673;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:1.3rem;line-height:1;transition:color .2s}.close-btn:hover{color:var(--cream)}.stripe-input-wrapper{border:1.5px solid var(--cream-dark);background:var(--cream);border-radius:var(--radius);align-items:center;width:100%;min-height:40px;padding:11px 14px;transition:border-color .2s;display:flex}.stripe-input-wrapper.is-focused{border-color:var(--pine)}.stripe-input-wrapper.is-invalid{border-color:var(--danger)}.stripe-input-wrapper .StripeElement{width:100%}.stripe-input-error{color:var(--danger);margin-top:6px;font-size:.75rem;font-weight:500}.stripe-card-visual{background:linear-gradient(135deg, var(--pine) 0%, #1a2e1b 100%);color:var(--cream);border-radius:12px;margin-bottom:22px;padding:22px 24px;position:relative;overflow:hidden}.stripe-card-visual:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-30px;right:-30px}.stripe-card-visual:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:90px;height:90px;position:absolute;top:30px;right:20px}.card-chip{background:var(--gold);border-radius:5px;width:34px;height:26px;margin-bottom:20px}.card-number-display{letter-spacing:.22em;margin-bottom:14px;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600}.card-meta{opacity:.65;justify-content:space-between;font-size:.7rem;font-weight:500;display:flex}.domiciliacion-info{background:#2d5a3a12;border:1px solid #2d5a3a2e;border-radius:4px;margin-bottom:22px;padding:16px 18px}.domiciliacion-info h4{color:var(--success);align-items:center;gap:8px;margin-bottom:8px;font-size:.88rem;font-weight:700;display:flex}.domiciliacion-info ul{list-style:none}.domiciliacion-info ul li{color:var(--text-mid);align-items:flex-start;gap:8px;padding:3px 0;font-size:.78rem;font-weight:400;line-height:1.6;display:flex}.domiciliacion-info ul li:before{content:"✓";color:var(--success);flex-shrink:0;font-weight:700}.stripe-badge{color:#4f46e5;background:#635bff14;border:1px solid #635bff33;border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.payment-summary{background:var(--cream);border-radius:var(--radius);margin-bottom:22px;padding:16px 20px}.payment-row{color:var(--text-mid);justify-content:space-between;padding:5px 0;font-size:.84rem;font-weight:400;display:flex}.payment-row.total{border-top:1px solid var(--cream-dark);color:var(--text);margin-top:8px;padding-top:12px;font-size:.95rem;font-weight:700}.modal-tabs{border-bottom:2px solid var(--cream-dark);margin-bottom:24px;display:flex}.modal-tab{text-align:center;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--text-light);background:0 0;border:none;flex:1;padding:12px;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:600;transition:all .2s;position:relative}.modal-tab.active{color:var(--pine)}.modal-tab.active:after{content:"";background:var(--pine);height:2px;position:absolute;bottom:-2px;left:0;right:0}.success-anim{text-align:center;padding:32px 20px}.success-icon{background:#2d5a3a1a;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:2rem;display:flex}.success-anim h3{color:var(--pine);margin-bottom:10px;font-size:1.4rem;font-weight:700}.success-anim p{color:var(--text-light);font-size:.84rem;font-weight:400;line-height:1.75}.secure-note{color:var(--text-light);justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:.7rem;font-weight:500;display:flex}.view{display:none}.view.active{display:block}.info-box{border-left:3px solid var(--gold);color:#7a5e30;background:#b8986a17;border-radius:2px;margin-bottom:20px;padding:12px 16px;font-size:.8rem;font-weight:400;line-height:1.75}.info-box strong{font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=1024px){.pub-body{grid-template-columns:1fr;padding:24px}.pub-hero{flex-direction:column;padding:32px 24px 40px}.tarifa-cards{flex-direction:column;width:100%}.pub-topbar{padding:0 20px}.main-content{padding:18px 20px}.det-grid{grid-template-columns:1fr 1fr}.sidebar{width:48px}.sidebar .nav-btn span:not(.nav-icon){display:none}.topbar-logo-area{width:48px;padding:0 10px}.topbar-brand,.topbar-brand-sub{display:none}.topbar-page-title{font-size:.88rem}.topbar-user-role{display:none}.topbar-user-name{font-size:.75rem}.topbar-right{gap:8px;padding:0 12px 0 14px}.logout-btn{padding:5px 10px;font-size:.65rem}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-header h1{font-size:1.4rem}.page-header-actions{width:100%}.page-header-actions .btn-sm{text-align:center;width:100%;display:block}.cards-row{grid-template-columns:1fr!important}.stat-card{padding:16px 20px}.stat-value{font-size:1.6rem}.section-card-header{flex-wrap:wrap;gap:10px}}.cuenta-toprow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.cuenta-toprow-title{color:var(--pine);font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;line-height:1.1}.cuenta-toprow-sub{color:var(--text-light);margin-top:4px;font-size:.78rem}.cuenta-toprow-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cuenta-hero-card{background:var(--pine);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:0;padding:22px 24px;display:flex}.cuenta-hero-lote{color:var(--cream);font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.cuenta-hero-periodo{color:var(--gold-light);letter-spacing:.12em;text-transform:uppercase;margin-top:4px;font-size:.68rem;font-weight:600}.cuenta-hero-right{text-align:right}.cuenta-stats{border:1px solid var(--cream-dark);background:var(--white);border-top:none;border-radius:0 0 4px 4px;grid-template-columns:repeat(4,1fr);margin-bottom:16px;display:grid;overflow:hidden}.cuenta-stat{border-right:1px solid var(--cream-dark);text-align:center;padding:14px 16px}.cuenta-stat:last-child{border-right:none}.cuenta-stat-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px;font-size:.62rem;font-weight:600}.cuenta-stat-val{color:var(--pine);font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700}.tabla-scroll{overflow-x:auto}@media (width<=600px){.cuenta-stats{grid-template-columns:1fr 1fr}.cuenta-stat:nth-child(2){border-right:none}.cuenta-stat:nth-child(3){border-right:1px solid var(--cream-dark);border-top:1px solid var(--cream-dark)}.cuenta-stat:nth-child(4){border-right:none;border-top:1px solid var(--cream-dark)}.cuenta-toprow-title{font-size:1.2rem}.cuenta-hero-card{padding:18px 20px}.cuenta-hero-lote{font-size:1rem}.balance-amount{font-size:1.6rem}.cuenta-toprow-actions{gap:8px;width:100%}.cuenta-toprow-actions .btn-sm{text-align:center;flex:calc(50% - 4px);justify-content:center;min-width:0}}.topbar-nav-wrap{align-items:center;margin-left:4px;display:none;position:relative}.topbar-menu-btn{color:var(--cream);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:3px;align-items:center;gap:7px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:500;transition:background .2s;display:flex}.topbar-menu-btn:hover{background:#ffffff24}.menu-icon{font-size:1rem;line-height:1}.menu-chevron{opacity:.6;font-size:.7rem}.topbar-dropdown{background:var(--pine);z-index:200;border:1px solid #ffffff1f;border-radius:4px;min-width:200px;animation:.15s fadeUp;display:none;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 8px 24px #00000040}.dd-item{color:#f2ede6b3;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;width:100%;padding:12px 18px;font-family:DM Sans,sans-serif;font-size:.83rem;font-weight:500;transition:all .15s;display:flex}.dd-item:last-child{border-bottom:none}.dd-item:hover{color:var(--cream);background:#ffffff14}.dd-item.active{color:var(--gold-light);background:#b8986a26}.dd-icon{text-align:center;width:20px;font-size:1rem}.notif-item{cursor:default;border-bottom:1px solid #e8e0d499;padding:14px 18px;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f2ede680}.notif-item.unread{border-left:3px solid var(--pine);background:#2d3d2e08}.notif-item.unread:hover{background:#2d3d2e0f}.notif-titulo{color:var(--pine);margin-bottom:4px;font-size:.83rem;font-weight:600;line-height:1.3}.notif-msg{color:var(--text-mid);font-size:.77rem;line-height:1.6}.notif-fecha{color:var(--text-light);margin-top:5px;font-size:.67rem;font-weight:500}.notif-empty{text-align:center;padding:36px 20px}.notif-empty-icon{margin-bottom:10px;font-size:2rem}.notif-empty-text{color:var(--text-light);font-size:.82rem;font-weight:400}