:root{--deep:#214a34;--dark:#153b2b;--tint:#f0f3eb;--ink:#1e3226;--muted:#7e887e;--line:#e8ebe3;--bg:#fafbf8;--cream:#fffaf3;--coral:#d9a289;--shadow:0 11px 32px rgba(27,48,31,.045)}
body{font:500 12px/1.65 Montserrat,'Segoe UI',Arial,sans-serif;background:#f8faf7;color:#223a2c}.demo-banner{background:#eef1e7;color:#667d6b;font-size:9px;font-weight:650;min-height:31px;display:flex;justify-content:center;gap:8px;align-items:center;border-bottom:1px solid #e0e9dd}.banner-dot{height:7px;width:7px;border-radius:50%;background:#79a77b}.demo-banner strong{color:#2c6948;font-weight:900;letter-spacing:.08em}.banner-divider{color:#b4c0b1}.shell{min-height:calc(100vh - 31px)}.sidebar{background:linear-gradient(180deg,#1a442f 0%,#153724 100%);width:253px;flex-basis:253px;height:calc(100vh - 31px);color:#e6eee5}.logo{padding:29px 21px 22px;gap:10px}.logo img{border:0;width:40px;height:40px;background:#fff9e9;border-radius:13px;padding:4px}.logo b{font-size:22px;letter-spacing:-.06em;font-weight:900}.logo small{font-size:8px;letter-spacing:.09em;margin-top:-2px;color:#aac6ac;font-weight:750}.sidebar nav{padding:0 11px 25px}.side-division{margin:17px 0 9px;padding:0 22px;font-size:8px;color:#99b49e;letter-spacing:.15em;font-weight:850}.side-division.in-nav{margin-top:24px}.sidebar nav a{font-size:11px;font-weight:700;gap:12px;padding:10px 13px;margin:2px 0;border-radius:9px;color:#bdd2c0}.sidebar nav a:hover{background:#2c5940;color:#fff}.sidebar nav a.active{background:#3d704f;color:#fff;box-shadow:inset 3px 0 0 #a4c59c}.navicon{height:16px;width:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;color:#a9c5aa;flex:0 0 auto}.navicon.paw-filled{fill:currentColor;stroke:none}.sidebar nav a.active .navicon{color:#e8ead4}.side-bottom{margin-top:auto;padding:19px 19px;gap:11px;border-top:1px solid #365f42;font-size:10px}.side-bottom small{color:#a9c2a9;font-size:9px}.sidebar-help{margin-left:auto;color:#adc9b2;font-weight:900;font-size:20px}.online-dot{background:#a5d3a1;box-shadow:0 0 0 4px #7bb2872b;height:7px;width:7px}.workspace{background:#fafbf8}.topbar{height:73px;border-bottom:1px solid #e7ece3;background:#fff;padding:0 33px}.breadcrumb{font-size:11px;color:#9eab9e;font-weight:650}.breadcrumb b{color:#264832;font-weight:850}.breadcrumb span{padding:0 8px}.breadcrumb .bread-home{padding:0}.clinic-switch{font-size:10px;color:#476e52;background:#f1f4ec;border-color:#e4eadd;padding:8px 11px;font-weight:700}.clinic-circle{font-size:12px;color:#74a477;margin-right:4px}.top-home{font-size:10px;color:#496e51;font-weight:850}.avatar{width:38px;height:38px;background:#f1e5d2;color:#685d46;font-size:11px}.page{padding:32px 35px 50px;max-width:1500px}.page-head{margin-bottom:26px}.eyebrow{color:#6e9977;font-size:9px;font-weight:900;letter-spacing:.13em}.page-title{font:900 31px/1.3 Montserrat,'Segoe UI',Arial,sans-serif;color:#1d3d2b;letter-spacing:-.05em;margin:8px 0 5px}.page-sub{font-size:11px;color:#8a948a}.btn{font-weight:850;font-size:10px;border-radius:9px;min-height:40px;padding:10px 15px;border-color:#dce6db;transition:.16s}.btn-primary{background:#235539;color:white;border-color:#235539}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 13px #1e4c2c13}.btn-sm{font-size:9px;min-height:29px;border-radius:7px;padding:7px 11px}.btn-soft{background:#edf2e9;color:#3a684b}.hero-card{margin-bottom:21px;border-radius:18px;padding:26px 30px;background:radial-gradient(circle at right,#37644a 0%,transparent 48%),linear-gradient(100deg,#1b472e,#204834);box-shadow:0 16px 35px #294c3920}.hero-card h2{font:850 25px/1.25 Montserrat,sans-serif;letter-spacing:-.05em;margin:6px 0 9px}.hero-card p{font-size:11px;color:#d0e0d0}.hero-card .hero-kicker{font-size:8px;color:#b6d4ad;letter-spacing:.17em;font-weight:900}.hero-card .btn{border-color:#efc5a9;background:#f4ccb2;color:#23422e;font-size:11px}.hero-card:after{border-width:26px;width:190px;height:190px;right:13px;top:-60px;opacity:.65}.metrics{gap:14px;margin-bottom:15px}.metric{border-radius:15px;box-shadow:0 8px 20px #27472b07;padding:20px 21px;border-color:#e8ede5}.metric .metric-icon{background:#edf2e5;color:#366c46;border-radius:11px;width:39px;height:39px;font-size:18px}.metric:nth-child(2) .metric-icon,.metric:nth-child(4) .metric-icon{background:#fdf0e5;color:#b77a58}.metric small{font-size:10px;margin-top:16px;font-weight:750;color:#819084}.metric strong{font-size:27px;font-weight:900;color:#224e33;margin:4px 0 1px}.metric em{font-size:9px;color:#9caa9b}.two-cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:15px}.panel{border-radius:15px;margin-bottom:15px;border-color:#e8ece6;box-shadow:0 7px 20px #162c2408}.panel-head{padding:19px 20px}.panel-head h3{font-size:12px;font-weight:850;color:#25422d}.panel-head p{font-size:10px}.panel-body{padding:15px 21px}.data-table{font-size:10px}.data-table th{padding:14px 15px;color:#97a294;background:#fafbf8;font-size:8px;letter-spacing:.07em;font-weight:850}.data-table td{padding:13px 15px;color:#667367}.data-table td strong{color:#274b34}.data-table tr:hover td{background:#fcfdfb}.tag{font-size:9px;padding:4px 9px;font-weight:850}.tag.green{background:#e7f2e6;color:#478057}.tag.amber{background:#fff1dd;color:#af8244}.list-entry{gap:11px;padding:13px 0}.list-entry strong{font-size:10px;color:#26492f}.list-entry small{font-size:9px}.list-avatar{border-radius:12px;background:#f1f4e9;font-size:19px;width:38px;height:38px}.module-card{border-radius:15px;min-height:120px;box-shadow:0 6px 20px #233a2809}.module-card h3{font-size:12px;font-weight:850}.module-card p{font-size:10px}.module-grid{gap:13px}.module-card .icon-big{font-size:23px}.filters{margin-bottom:15px}.searchbox{background:#fff;border-color:#e5eadf}.searchbox input{font-size:11px}.count-label,.small-note{font-size:9px}.select{font-size:10px}.feature-banner{border-radius:14px}.shop-card{border-radius:16px}.shop-card h3{font-size:12px}.shop-card p{font-size:10px}.shop-icon{background:#f1f4e9;border-radius:13px}.price{font-size:18px}.pet-feature{border-radius:14px;background:#eff4e9;padding:19px}.pet-emoji{font-size:41px}.pet-feature h3{font-size:15px}.modal-head h2{font:900 23px Montserrat,sans-serif;color:#1f4b35;letter-spacing:-.05em}.field{font-size:10px}.field input,.field select,.field textarea{font-size:11px;border-color:#e0e6dc;border-radius:9px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #9ebaa0}.app-footer{font-size:9px;color:#99a99c;border-color:#edf1e9}.reset-link{font-size:9px;color:#4e7a54}.info-callout{font-size:10px}.toast{font-size:11px;background:#25563a}
@media(max-width:1160px){.sidebar{width:227px;flex-basis:227px}.page{padding:25px 22px}}@media(max-width:780px){.sidebar{top:0;height:100dvh;z-index:95}.page{padding:23px 17px}.topbar{height:64px;padding:0 17px}.menubtn{display:inline-flex;font-size:15px}.demo-banner{font-size:8px;line-height:1.5;padding:6px 9px}.two-cols{grid-template-columns:1fr}}@media(max-width:510px){.page-title{font-size:26px}.hero-card h2{font-size:22px}.metric strong{font-size:25px}.modal-head h2{font-size:21px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:16px}.metric small{margin-top:10px}.hero-card{padding:23px}.demo-banner .banner-divider{display:none}}
/* Legibilidad revisada: tamaños de texto óptimos en pantallas estándar */
@media(min-width:781px){.sidebar nav a{font-size:12px;padding:11px 13px}.logo b{font-size:24px}.side-division{font-size:9px}.top-home,.clinic-switch{font-size:11px}.page-title{font-size:34px}.page-sub{font-size:12px}.hero-card h2{font-size:27px}.hero-card p{font-size:12px}.metric small{font-size:11px}.metric strong{font-size:29px}.metric em{font-size:10px}.panel-head h3{font-size:14px}.panel-head p{font-size:11px}.data-table{font-size:12px}.data-table th{font-size:9px}.data-table td{font-size:11px}.list-entry strong{font-size:11px}.list-entry small{font-size:10px}.tag{font-size:10px}.btn{font-size:11px}.btn-sm{font-size:10px}.app-footer{font-size:10px}}


/* Perú / Bond-inspired dashboard overrides */
:root{--deep:#151515;--dark:#111;--tint:#f7f8f4;--ink:#191919;--muted:#666;--line:#ececec;--bg:#fafaf8;--cream:#fffdf8;--coral:#ffcd73;--shadow:0 12px 34px rgba(0,0,0,.05)}
body{background:#fafaf8;color:#1b1b1b}.demo-banner{background:#f7f7f7;color:#6b6b6b;border-bottom:1px solid #ececec}.demo-banner strong{color:#111}.banner-dot{background:#111}.sidebar{background:#111;color:#f0f0f0}.logo img{background:#fff;border-radius:14px}.logo b{color:#fff}.logo small,.side-division,.sidebar-help,.side-bottom small,.sidebar nav a{color:#c8c8c8}.sidebar nav a:hover,.sidebar nav a.active{background:#252525;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 0 #ffcd73}.navicon{color:#d5d5d5}.topbar{background:#fff;border-bottom:1px solid #ececec}.breadcrumb b,.page-title,.panel-head h3,.data-table td strong,.list-entry strong,.modal-head h2{color:#111}.clinic-switch{background:#f7f7f7;border-color:#ececec;color:#444}.clinic-circle{color:#111}.top-home{color:#111}.avatar{background:#fff2d6;color:#6b5220}.btn-primary{background:#111;border-color:#111}.btn-soft{background:#f6f6f1;color:#111}.hero-card{background:linear-gradient(135deg,#111,#262626);box-shadow:0 18px 36px rgba(0,0,0,.12)}.hero-card .btn{background:#ffcd73;border-color:#ffcd73;color:#111}.metric .metric-icon{background:#f3f5ee;color:#111}.metric:nth-child(2) .metric-icon,.metric:nth-child(4) .metric-icon{background:#fff2d8;color:#111}.metric strong{color:#111}.panel,.searchbox,.shop-card,.feature-banner,.pet-feature{border-color:#ececec;box-shadow:0 8px 25px rgba(0,0,0,.04)}.data-table th{background:#fafaf8;color:#8a8a8a}.data-table tr:hover td{background:#fdfdfc}.tag.green{background:#edf7ed;color:#33724a}.tag.amber{background:#fff1da;color:#9d6a19}.shop-icon{background:#f6f7f1}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #ffcd73}.toast{background:#111}.reset-link{color:#111}.app-footer{color:#8a8a8a}.count-label,.small-note,.page-sub{color:#777}