@charset "UTF-8";:root{--black: #000000;--gray-900: #1a1a1a;--gray-800: #2d2d2d;--gray-700: #404040;--gray-600: #666666;--gray-500: #808080;--gray-400: #a0a0a0;--gray-300: #c0c0c0;--gray-200: #e0e0e0;--gray-100: #f0f0f0;--white: #ffffff;--green: #22c55e;--green-light: #dcfce7;--green-dark: #16a34a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--gray-100) 0%,var(--white) 100%);color:var(--gray-900);line-height:1.6}h1,h2,h3{font-weight:300;letter-spacing:-.02em;color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.rec-card{--nivel: #2e7d32;--nivel-suave: #e8f5e9;display:flex;gap:28px;align-items:stretch;background:#fff;border-radius:16px;padding:22px 26px;margin-bottom:16px;box-shadow:0 4px 18px #10182814;border:1px solid #eef1f4}.rec-card.nivel-medio{--nivel: #ef8f00;--nivel-suave: #fff4e0}.rec-card.nivel-lleno{--nivel: #c62828;--nivel-suave: #fdecea}.rec-card.nivel-sin{--nivel: #90a4ae;--nivel-suave: #eceff1}.rec-photo{flex:0 0 150px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(ellipse at 50% 88%,#e3e9ef,#f7f9fb 70%)}.rec-photo img{max-height:190px;max-width:135px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.18))}.rec-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.rec-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rec-name{font-size:18px;font-weight:700;color:#1f3a5f}.rec-id{font-size:12px;color:#78909c;margin-top:2px}.rec-pill{background:var(--nivel-suave);color:var(--nivel);font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:6px 12px;border-radius:999px;white-space:nowrap}.rec-value{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.rec-num{font-size:44px;font-weight:800;line-height:1;color:var(--nivel);font-variant-numeric:tabular-nums}.rec-unit{font-size:22px;font-weight:700;color:var(--nivel)}.rec-caption{margin-left:10px;font-size:13px;color:#78909c}.rec-track{position:relative;height:18px;border-radius:9px;background:#edf1f5;box-shadow:inset 0 1px 3px #1018281f}.rec-fill{height:100%;border-radius:9px;background:linear-gradient(90deg,var(--nivel) 0%,var(--nivel) 100%);box-shadow:0 1px 4px #1018282e;transition:width .8s ease;position:relative}.rec-fill:after{content:"";position:absolute;inset:0;border-radius:9px;background:linear-gradient(180deg,#ffffff59,#fff0 60%)}.rec-limit{position:absolute;top:-6px;bottom:-6px;width:2px;background:#1f3a5f}.rec-limit span{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:11px;font-weight:600;color:#1f3a5f;white-space:nowrap}.rec-scale{display:flex;justify-content:space-between;font-size:11px;color:#90a4ae;margin-top:6px}.rec-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding-top:14px;border-top:1px solid #eef1f4}.rec-stats div{display:flex;flex-direction:column}.rec-stat-v{font-size:20px;font-weight:700;color:#263238;font-variant-numeric:tabular-nums}.rec-stat-v.small{font-size:15px;padding-top:4px}.rec-stat-l{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#90a4ae}.rec-alert{background:#fdecea;color:#c62828;border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px}@media (max-width: 760px){.rec-card{flex-direction:column}.rec-stats{grid-template-columns:repeat(2,1fr)}}.mini-fill{--nivel: #2e7d32;margin-top:4px}.mini-fill.nivel-medio{--nivel: #ef8f00}.mini-fill.nivel-lleno{--nivel: #c62828}.mini-fill.nivel-sin{--nivel: #90a4ae}.mini-fill-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px}.mini-fill-num{font-size:22px;font-weight:800;color:var(--nivel);font-variant-numeric:tabular-nums}.mini-fill-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--nivel)}.mini-fill-track{height:8px;border-radius:4px;background:#edf1f5;overflow:hidden}.mini-fill-bar{height:100%;border-radius:4px;background:var(--nivel);transition:width .6s ease}.rec-photo.big{flex-basis:220px}.rec-photo.big img{max-height:300px;max-width:200px}.rec-track.big{height:30px;border-radius:15px}.rec-track.big .rec-fill,.rec-track.big .rec-fill:after{border-radius:15px}.rec-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rec-panel{background:#fff;border-radius:16px;padding:18px 22px;box-shadow:0 4px 18px #10182814;border:1px solid #eef1f4}.rec-panel h3{margin:0 0 14px;font-size:15px;color:#1f3a5f}.rec-chart{display:flex;align-items:flex-end;gap:4px;height:160px;border-bottom:1px solid #e0e6ec}.rec-chart-bar{flex:1;min-width:4px;border-radius:3px 3px 0 0;opacity:.85}.rec-chart-foot{font-size:11px;color:#90a4ae;margin-top:6px}.rec-ret{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f4f7;font-size:13px}.rec-ret-dot{width:9px;height:9px;border-radius:50%;background:#ef8f00;flex:0 0 9px}.rec-ret-dot.ok{background:#2e7d32}.rec-ret-txt{flex:1}.rec-ret-ts{color:#90a4ae;font-variant-numeric:tabular-nums}.rec-empty{color:#90a4ae;font-size:13px}@media (max-width: 900px){.rec-panels{grid-template-columns:1fr}}