.rpc-panel{--bg:#f5f4f2;--sidebar:224px;--shadow:0 4px 18px #32221908}
html[data-theme=dark] .rpc-panel{--bg:#171719;--card:#222226;--text:#f4f0ef;--muted:#b6aba8;--line:#ffffff21}
.rpc-panel .app{min-width:0}.rpc-panel main,.rpc-panel .main{min-width:0}
.rpc-panel h1,.rpc-panel h2,.rpc-panel h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.035em}
.rpc-panel h1{font-size:30px;line-height:1.15}.rpc-panel h2{font-size:19px}
.rpc-panel .content{max-width:1600px;padding:24px 28px 110px;margin:auto;width:100%}
.rpc-panel .hero,.rpc-panel .page-head{margin-bottom:20px}.rpc-panel .hero .sub,.rpc-panel .page-head p{font-size:14px;max-width:760px}
.rpc-panel .sidebar{padding:20px 12px}.rpc-panel .sidebar .nav-item{min-height:44px;border-radius:9px;font-size:13px}.rpc-panel .card{border-radius:12px;box-shadow:none}.rpc-panel .panel{padding:20px}
.rpc-panel .metric{min-height:104px!important;padding:16px!important}.rpc-panel .metric-value{font-size:28px!important}.rpc-panel .metric-label{font-size:12px}.rpc-panel .metric-icon{display:none}.rpc-panel .metric-foot{font-size:12px;line-height:1.5}
.rpc-panel .metrics,.rpc-panel .grid-metrics{gap:12px;margin-top:22px}.rpc-panel .table th{font-size:11px;letter-spacing:.04em}.rpc-panel .table td{padding-top:15px;padding-bottom:15px}
.rpc-panel input,.rpc-panel select{font:inherit}.rpc-panel .btn{min-height:42px}.rpc-panel .toolbar{gap:10px}
.rpc-accesos{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.rpc-btn{border:1px solid var(--line,#ddd);background:var(--card,#fff);color:var(--text,#241e1b);border-radius:9px;min-height:44px;padding:10px 16px;font:600 13px/1.3 system-ui;cursor:pointer}.rpc-btn:hover{border-color:var(--wine,#8e2e3e)}.rpc-btn:focus-visible,.rpc-estados button:focus-visible,.rpc-ciclos button:focus-visible,.rpc-pendiente:focus-visible{outline:3px solid var(--wine,#8e2e3e);outline-offset:3px}.rpc-primary{background:var(--wine,#8e2e3e);color:white;border-color:transparent}
.rpc-trabajo{background:var(--card,#fff);border:1px solid var(--line,#ddd);border-radius:14px;padding:20px}.rpc-trabajo-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.rpc-kicker{font:700 10px/1.5 system-ui;color:var(--wine,#8e2e3e);letter-spacing:.12em;text-transform:uppercase}.rpc-trabajo h2{margin:4px 0 0}.rpc-trabajo-head input{width:290px;max-width:50%;height:42px;border:1px solid var(--line,#ddd);border-radius:9px;padding:0 12px;background:var(--bg,#f5f4f2);color:inherit;font-size:13px}
.rpc-estados{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.rpc-estados button{display:flex;align-items:center;gap:12px;border:1px solid var(--line,#ddd);background:var(--bg,#f5f4f2);color:var(--text,#241e1b);border-radius:10px;padding:12px;text-align:left;cursor:pointer}.rpc-estados b{font-size:24px;font-variant-numeric:tabular-nums}.rpc-estados span{font-size:12px}.rpc-estados [aria-pressed=true]{border-color:var(--wine);background:var(--wine-soft,#f3e7e9);color:var(--wine)}
.rpc-pendiente{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;background:none;color:inherit;border:0;border-top:1px solid var(--line,#ddd);padding:14px 2px;text-align:left;cursor:pointer}.rpc-pendiente:hover{background:var(--bg)}.rpc-pendiente strong{font-size:14px;display:block}.rpc-pendiente small{display:block;font-size:12px;line-height:1.5;color:var(--muted,#756b67);margin-top:3px}.rpc-accion{color:var(--wine,#8e2e3e);font-size:12px;font-weight:700;white-space:nowrap}.rpc-vacio{font-size:13px;padding:16px 0 4px;color:var(--muted,#756b67);margin:0}
.rpc-dialog{width:min(1080px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line,#ddd);border-radius:18px;padding:24px;background:var(--card,#fff);color:var(--text,#241e1b);font-family:system-ui;overflow:auto}.rpc-dialog::backdrop{background:#17151d88}.rpc-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rpc-dialog h2{font:700 27px/1.2 system-ui;margin:6px 0}.rpc-dialog header p,.rpc-dialog footer p{font-size:12px;color:var(--muted,#756b67);line-height:1.6}.rpc-ciclos{display:flex;gap:6px;margin:20px 0;background:var(--bg,#f5f4f2);padding:5px;border-radius:11px;width:fit-content}.rpc-ciclos button{border:0;border-radius:8px;padding:12px 18px;background:none;color:inherit;font:600 13px system-ui;cursor:pointer}.rpc-ciclos [aria-pressed=true]{background:var(--wine,#8e2e3e);color:#fff}.rpc-planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rpc-plan{border:1px solid var(--line,#ddd);border-radius:12px;padding:20px;display:flex;flex-direction:column}.rpc-plan h3{font:700 20px system-ui;margin:8px 0}.rpc-importe{font-size:29px;font-weight:750;letter-spacing:-.04em}.rpc-importe small{display:block;font-size:12px;letter-spacing:0;color:var(--muted,#756b67);font-weight:400}.rpc-desg{margin:18px 0 0;font:13px/1.55 system-ui}.rpc-desg>div{display:flex;justify-content:space-between;gap:12px;margin:8px 0}.rpc-desg .rpc-total{border-top:1px solid var(--line,#ddd);padding-top:10px;color:var(--wine,#8e2e3e)}.rpc-desg p{font-size:12px;color:var(--muted,#756b67);margin:10px 0}.rpc-plan ul{font-size:13px;line-height:1.7;padding-left:18px;margin:14px 0 24px}.rpc-plan>.rpc-btn{margin-top:auto}.rpc-dialog textarea{display:block;width:100%;font:14px/1.5 system-ui}.rpc-nav-precios{color:var(--wine)!important;border:1px solid var(--line)!important;margin-top:8px}
@media(max-width:1100px){.rpc-estados{grid-template-columns:repeat(2,1fr)}.rpc-panel .metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.rpc-panel .content{padding:20px 14px 155px}.rpc-panel h1{font-size:26px}.rpc-trabajo{padding:14px}.rpc-trabajo-head{display:block}.rpc-trabajo-head input{max-width:none;width:100%;margin-top:12px}.rpc-accesos{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rpc-accesos .rpc-btn{padding:12px 8px;font-size:12px}.rpc-estados{gap:8px}.rpc-estados button{padding:10px}.rpc-pendiente{align-items:flex-start}.rpc-pendiente>span:first-child{min-width:0;overflow-wrap:anywhere}.rpc-accion{max-width:94px;white-space:normal;text-align:right}.rpc-panel .metrics,.rpc-panel .grid-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.rpc-dialog{padding:18px;width:calc(100% - 20px)}.rpc-dialog h2{font-size:22px}.rpc-planes{grid-template-columns:1fr}.rpc-ciclos{width:100%}.rpc-ciclos button{flex:1;padding:12px 8px}.rpc-plan{padding:18px}.rpc-panel .sidebar{overflow-y:auto}}

.rpc-demos{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.rpc-demos .rpc-btn{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;min-height:140px;text-align:left}.rpc-demos img{width:38px;height:38px}.rpc-demos small{font-weight:400;color:var(--muted)}.rpc-precio-movil{display:none!important}@media(max-width:760px){.rpc-precio-movil{display:block!important;color:var(--wine)!important;font-weight:600!important;font-size:12px!important;margin-top:5px}.rpc-demos{grid-template-columns:1fr 1fr}.rpc-demos .rpc-btn{padding:14px}}
