:root{--brand:#2d8a6e;--brand-dark:#1f6b54;--brand-soft:#2d8a6e1f;--brand-glow:#2d8a6e59;--text-heading:#14221c;--text-body:#3d4f47;--text-muted:#6b7d74;--surface:#fff;--surface-elevated:#f4f8f6;--surface-hover:#2d8a6e14;--border:#d8e5df;--shadow-sm:0 1px 3px #14221c0f;--ok:#1f6b3a;--ok-soft:#1f6b3a1f;--warn:#a65f00;--warn-soft:#a65f001f;--muted-soft:#6b7d7426;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Fraunces", Georgia, serif;font-family:var(--font-sans);color:var(--text-body);background:var(--surface-elevated);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}#root{text-align:left;border:none;width:100%;max-width:none;min-height:100svh;margin:0}a{color:inherit}.app-shell{text-align:left;grid-template-columns:260px 1fr;min-height:100svh;display:grid}.sidebar{background:var(--surface-elevated);border-right:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:1.5rem 1rem;display:flex}.sidebar-brand{flex-direction:column;align-items:flex-start;gap:.35rem;padding:0 .5rem;display:flex}.sidebar-brand-logo{width:100%;max-width:11.5rem;height:auto;display:block}.sidebar-brand-sub{color:var(--text-muted);font-size:.8rem}.sidebar-nav-section{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;margin-top:.65rem;padding-top:.5rem;display:flex}.sidebar-nav-section-label{padding:0 .85rem .1rem;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.sidebar-link{color:var(--text-body);border-radius:10px;padding:.65rem .85rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-heading)}.sidebar-link--active{background:var(--brand-soft);color:var(--brand-dark)}.sidebar-user{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:.75rem;margin-top:auto;padding:1rem .75rem;display:flex}.sidebar-user-avatar{background:var(--brand-soft);width:2.5rem;height:2.5rem;color:var(--brand-dark);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--text-heading);margin:0;font-size:.9rem;font-weight:600}.sidebar-user-plan{color:var(--text-muted);margin:.15rem 0 0;font-size:.75rem;line-height:1.3}.app-main{flex-direction:column;min-width:0;display:flex}.top-bar{border-bottom:1px solid var(--border);background:var(--surface);padding:1.75rem 2rem 1rem}.top-bar-title{font-family:var(--font-display);color:var(--text-heading);margin:0;font-size:1.65rem;font-weight:600}.top-bar-hint{color:var(--text-muted);max-width:42rem;margin:.35rem 0 0;font-size:.95rem}.page-content{flex:1;padding:1.75rem 2rem 2.5rem}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center}.sidebar-nav{flex-flow:wrap;order:3;width:100%}.sidebar-nav-section{flex-basis:100%;width:100%}.sidebar-user{flex:1;min-width:200px;margin-top:0}.page-content{padding:1.25rem 1.25rem 2rem}.top-bar{padding:1.25rem 1.25rem 1rem}}.stack{flex-direction:column;gap:1rem;display:flex}.page-heading{font-family:var(--font-display);color:var(--text-heading);margin:0;font-size:1.35rem;font-weight:600}.page-heading--inline{margin:0}.page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;margin-bottom:.25rem;display:flex}.page-lead--toolbar{max-width:36rem;margin-top:.35rem}.btn{font-family:var(--font-sans);border:1px solid var(--border);background:var(--surface);color:var(--text-heading);cursor:pointer;border-radius:10px;padding:.6rem 1.15rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover{background:var(--surface-hover);border-color:var(--brand)}.btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn--primary{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;box-shadow:0 2px 10px var(--brand-glow);border-color:#0000}.btn--primary:hover{filter:brightness(1.05);background:linear-gradient(135deg, var(--brand), var(--brand-dark))}.data-table-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;margin-top:.75rem;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:.85rem 1.1rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-elevated);font-size:.75rem;font-weight:600}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--surface-hover)}.data-table-mono{font-family:var(--mono,ui-monospace, monospace);color:var(--text-heading);white-space:nowrap;font-size:.85rem;font-weight:600}.data-table-result{color:var(--text-body);max-width:22rem;line-height:1.45}.badge--eval-completada{background:var(--ok-soft);color:var(--ok)}.badge--eval-borrador{background:var(--muted-soft);color:var(--text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-lead{max-width:40rem;color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.5}.page-lead--tight{margin-top:-.25rem}.section-heading{color:var(--text-heading);margin:1.25rem 0 0;font-size:.95rem;font-weight:600}.compras-canal+.compras-canal{margin-top:1.75rem}.section-heading--spaced{margin-top:2rem}.reco-resumen-box{border:1px solid var(--border);background:linear-gradient(160deg, var(--surface) 0%, var(--brand-soft) 120%);box-shadow:var(--shadow-sm);border-radius:14px;margin-top:.25rem;padding:1.15rem 1.35rem}.reco-resumen-heading{font-family:var(--font-display);color:var(--text-heading);margin:0;font-size:1.1rem;font-weight:600}.reco-resumen-intro{color:var(--text-muted);margin:.4rem 0 0;font-size:.88rem;line-height:1.45}.reco-resumen-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:.85rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}@media (width<=900px){.reco-resumen-list{grid-template-columns:1fr}}.reco-resumen-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.3rem;min-width:0;padding:.75rem .85rem;display:flex}.reco-resumen-item strong{color:var(--brand-dark);font-size:.88rem;font-weight:600}.reco-resumen-item span{color:var(--text-body);font-size:.9rem;line-height:1.5}.reco-resumen-metric{flex-wrap:wrap;align-items:baseline;gap:.35rem .5rem;margin-top:.5rem;display:flex}.reco-resumen-metric--ratio{margin-top:.45rem}.reco-resumen-number{font-family:var(--font-display);color:var(--brand-dark);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1}.reco-resumen-unit{color:var(--text-muted);font-size:1rem;font-weight:600}.reco-resumen-ratio{font-family:var(--font-display);letter-spacing:.12em;color:var(--brand-dark);font-size:clamp(1.45rem,3.5vw,1.85rem);font-weight:700;line-height:1.2}.reco-resumen-desc{color:var(--text-body);margin:.5rem 0 0;font-size:.9rem;line-height:1.5}.reco-resumen-bullets{flex-direction:column;gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.reco-resumen-bullets li{color:var(--text-body);padding-left:1.1rem;font-size:.9rem;font-weight:500;line-height:1.45;position:relative}.reco-resumen-bullets li:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:.55em;left:0}.reco-resumen-foot{color:var(--text-muted);margin:1rem 0 0;font-size:.78rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:.5rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:.85rem;font-weight:600}.card-metric{font-family:var(--font-display);color:var(--text-heading);margin:0;font-size:1.5rem;font-weight:600}.card-metric--sm{font-size:1.1rem;line-height:1.35}.card-metric-suffix{color:var(--text-muted);font-size:1rem;font-weight:500}.card-meta{color:var(--text-muted);flex:1;margin:0;font-size:.9rem;line-height:1.45}.card-link{color:var(--brand-dark);margin-top:.25rem;font-size:.9rem;font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}.progress{background:var(--border);border-radius:999px;height:8px;overflow:hidden}.progress--thin{height:6px;margin-top:.35rem}.progress-bar{background:linear-gradient(90deg, var(--brand), var(--brand-dark));border-radius:999px;height:100%;transition:width .3s}.list-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;margin:.5rem 0 0;padding:0;list-style:none;overflow:hidden}.list-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.list-row:last-child{border-bottom:none}.list-panel-item{margin:0;padding:0}.list-panel-item:last-child .list-row{border-bottom:none}.list-row--clickable{color:inherit;align-items:center;text-decoration:none;transition:background .15s}.list-row--clickable:hover{background:var(--surface-hover)}.list-row--clickable:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.list-row-sub--dim{opacity:.92;font-size:.85rem}.list-row-hint{color:var(--brand-dark);font-size:.8rem;font-weight:600}.badge--seguimiento-completado{background:var(--ok-soft);color:var(--ok)}.badge--seguimiento-en_curso{background:var(--brand-soft);color:var(--brand-dark)}.badge--seguimiento-pendiente{background:var(--warn-soft);color:var(--warn)}.back-link{color:var(--brand-dark);margin-bottom:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.detail-header{margin-bottom:.5rem}.detail-meta{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:.75rem;display:flex}.detail-meta-date,.detail-meta-id{color:var(--text-muted);font-size:.85rem}.reco-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;margin-top:1.5rem;padding:1.25rem 1.35rem}.reco-list{color:var(--text-body);margin:.75rem 0 0;padding-left:1.35rem;line-height:1.55}.reco-list li{margin-bottom:.65rem}.reco-list li:last-child{margin-bottom:0}.list-row--stack{flex-direction:column;align-items:stretch}.list-row-main{flex-direction:column;gap:.25rem;min-width:0;display:flex}.list-row-main--miembro{flex-direction:row;align-items:center;gap:.85rem}.miembro-avatar{background:var(--brand-soft);width:2.5rem;height:2.5rem;color:var(--brand-dark);letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.list-row-title{color:var(--text-heading);font-weight:600}.list-row-sub{color:var(--text-muted);font-size:.9rem;line-height:1.4}.list-row-aside{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.list-row-price{color:var(--text-heading);font-weight:600}.list-row-date{color:var(--text-muted);font-size:.85rem}.badge{border-radius:999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge--entregado{background:var(--ok-soft);color:var(--ok)}.badge--enviado{background:var(--warn-soft);color:var(--warn)}.badge--procesando{background:var(--muted-soft);color:var(--text-muted)}.badge--outline{border:1px solid var(--border);color:var(--text-muted);background:0 0}.meta-strip{background:var(--brand-soft);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.25rem;display:flex}.meta-strip-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.2rem;font-size:.75rem;display:block}.nutri-stats{color:var(--text-muted);flex-wrap:wrap;gap:1.25rem;font-size:.9rem;display:flex}.timeline{margin:.5rem 0 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:var(--border);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:11px}.timeline-item{padding-bottom:1.5rem;padding-left:2.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--surface);border:3px solid var(--brand);width:16px;height:16px;box-shadow:0 0 0 3px var(--brand-soft);border-radius:50%;position:absolute;top:6px;left:4px}.timeline-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;padding:1rem 1.15rem}.timeline-title{color:var(--text-heading);margin:.5rem 0 .25rem;font-size:1.05rem;font-weight:600}.timeline-date{color:var(--text-muted);margin:0;font-size:.9rem}.timeline-place{color:var(--brand-dark);margin:.35rem 0 0;font-size:.85rem;font-weight:500}.profile-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;margin-top:.5rem;padding:1.5rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--brand), var(--brand-dark));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:1.25rem;font-weight:700;display:flex}.profile-dl{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem 2rem;margin:0;display:grid}.profile-dl dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:0;font-size:.75rem}.profile-dl dd{color:var(--text-heading);margin:.2rem 0 0;font-size:1rem;font-weight:500}