:root{--tinta:#17161a;--papel:#fbfaf8;--superficie:#fff;--linea:#e4e1dc;--tenue:#77736c;--senal:#2e27c9;--alarma:#a8321c;--alarma-fondo:#fdf3f0;--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--texto:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--cifra:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--barra-lateral:13.5rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papel);color:var(--tinta);font-family:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font-size:.9375rem;line-height:1.55}h1,h2,h3{font-family:var(--display);letter-spacing:-.022em;margin:0;font-weight:600}.cifra{font-family:var(--cifra);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--senal);outline-offset:2px;border-radius:2px}.aplicacion{grid-template-columns:var(--barra-lateral) minmax(0, 1fr);min-height:100vh;display:grid}.lateral{border-right:1px solid var(--linea);height:100vh;padding:1.75rem 0 2rem;position:sticky;top:0;overflow-y:auto}.marca{padding:0 1.5rem 1.75rem}.marca-nombre{font-family:var(--display);letter-spacing:-.03em;font-size:1.0625rem;font-weight:700;line-height:1.1}.marca-sitio{color:var(--tenue);margin-top:.125rem;font-size:.75rem}.navegacion{flex-direction:column;display:flex}.navegacion button{text-align:left;color:var(--tenue);cursor:pointer;background:0 0;border:none;padding:.4375rem 1.5rem;transition:color .12s;position:relative}.navegacion button:hover{color:var(--tinta)}.navegacion button.activa{color:var(--tinta);font-weight:600}.navegacion button.activa:before{content:"";background:var(--senal);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:0}.grupo-nav{text-transform:uppercase;letter-spacing:.09em;color:var(--tenue);padding:1.5rem 1.5rem .375rem;font-size:.6875rem}.contenido{max-width:68rem;padding:2.5rem 2.5rem 5rem}.encabezado{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}.encabezado h1{font-size:1.75rem}.encabezado p{color:var(--tenue);max-width:42ch;margin:.25rem 0 0}.medidor{border-bottom:1px solid var(--linea);grid-template-columns:minmax(7rem,1fr) minmax(0,2.5fr) auto;align-items:center;gap:1.25rem;padding:.8125rem 0;display:grid}.medidor:last-child{border-bottom:none}.medidor-nombre{font-weight:500}.medidor-pista{background:#f1efec;border-radius:2px;height:1.5rem;position:relative;overflow:hidden}.medidor-costo{background:var(--tinta);transition:width .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.bajo-objetivo .medidor-costo{background:var(--alarma)}.medidor-objetivo{background:var(--papel);width:2px;position:absolute;top:-2px;bottom:-2px;box-shadow:-1px 0 #17161a8c,1px 0 #17161a8c}.medidor-valor{text-align:right;min-width:4.5rem;font-size:1.125rem;font-weight:500}.bajo-objetivo .medidor-valor{color:var(--alarma)}.medidor-pie{color:var(--tenue);flex-wrap:wrap;gap:1.5rem;margin-top:1rem;font-size:.8125rem;display:flex}.leyenda{align-items:center;gap:.4375rem;display:inline-flex}.muestra{background:var(--tinta);border-radius:2px;width:.75rem;height:.75rem}.muestra.vacia{box-shadow:inset 0 0 0 1px var(--linea);background:#f1efec}.muestra.marca-objetivo{background:var(--tinta);border-radius:0;width:2px;height:.875rem}.cifras{border-bottom:1px solid var(--linea);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:2rem 2.5rem;margin-bottom:2rem;padding-bottom:2rem;display:grid}.cifra-grande{font-family:var(--cifra);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.125rem;line-height:1}.cifra-grande.alarma{color:var(--alarma)}.cifra-rotulo{text-transform:uppercase;letter-spacing:.08em;color:var(--tenue);margin-top:.5rem;font-size:.75rem}.bloque{background:var(--superficie);border:1px solid var(--linea);border-radius:4px;padding:1.375rem 1.5rem}.bloque+.bloque{margin-top:1.25rem}.bloque-titulo{text-transform:uppercase;letter-spacing:.08em;color:var(--tenue);margin-bottom:.75rem;font-size:.75rem}table{border-collapse:collapse;width:100%}thead th{text-transform:uppercase;letter-spacing:.07em;color:var(--tenue);text-align:left;border-bottom:1px solid var(--linea);padding:0 .75rem .625rem;font-size:.75rem;font-weight:500}tbody td{vertical-align:middle;border-bottom:1px solid #f0eeeb;padding:.6875rem .75rem}tbody tr:last-child td{border-bottom:none}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}.num{text-align:right;font-family:var(--cifra);font-variant-numeric:tabular-nums}th.num{font-family:var(--texto)}.acciones{text-align:right;white-space:nowrap}.contenedor-tabla{overflow-x:auto}.boton{background:var(--tinta);color:var(--papel);cursor:pointer;border:none;border-radius:3px;padding:.5rem .9375rem;font-weight:500;transition:opacity .12s}.boton:hover{opacity:.86}.boton.secundario{color:var(--tinta);box-shadow:inset 0 0 0 1px var(--linea);background:0 0}.boton.secundario:hover{box-shadow:inset 0 0 0 1px var(--tinta);opacity:1}.enlace{color:var(--senal);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem}.enlace:hover{text-decoration:underline}.enlace.riesgo{color:var(--alarma)}.enlace+.enlace{margin-left:.875rem}.formulario{background:var(--superficie);border:1px solid var(--linea);border-radius:4px;margin-bottom:1.5rem;padding:1.375rem 1.5rem}.campos{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.875rem 1rem;display:grid}label{font-size:.8125rem;font-weight:500;display:block}label .pista{color:var(--tenue);margin-top:.125rem;font-size:.75rem;font-weight:400;display:block}input,select{background:var(--superficie);border:1px solid var(--linea);border-radius:3px;width:100%;margin-top:.3125rem;padding:.4375rem .625rem;transition:border-color .12s;display:block}input:hover,select:hover{border-color:#cfcbc4}input[type=number],input[type=date]{font-family:var(--cifra);font-variant-numeric:tabular-nums}.pie-formulario{align-items:center;gap:.875rem;margin-top:1.125rem;display:flex}.aviso{border-left:2px solid var(--alarma);background:var(--alarma-fondo);border-radius:0 3px 3px 0;margin-bottom:1.5rem;padding:.75rem 1rem}.error{color:var(--alarma);font-size:.875rem}.exito{color:var(--senal);font-size:.875rem}.nota{color:var(--tenue);font-size:.8125rem}.vacio{color:var(--tenue);text-align:center;padding:2rem 0}code{font-family:var(--cifra);background:#f1efec;border-radius:2px;padding:.0625rem .3125rem;font-size:.875em}@media (prefers-reduced-motion:no-preference){.contenido{animation:.32s cubic-bezier(.22,1,.36,1) entrar}@keyframes entrar{0%{opacity:0;transform:translateY(4px)}}}@media (prefers-reduced-motion:reduce){.medidor-costo{transition:none}}@media (width<=48rem){.aplicacion{grid-template-columns:1fr}.lateral{border-right:none;border-bottom:1px solid var(--linea);height:auto;padding-bottom:1rem;position:static}.navegacion{flex-flow:wrap;gap:.25rem;padding:0 1rem}.navegacion button{padding:.3125rem .625rem}.navegacion button.activa:before{width:auto;height:2px;inset:auto .625rem 0}.grupo-nav{display:none}.marca{padding:0 1rem 1rem}.contenido{padding:1.75rem 1.25rem 4rem}.medidor{grid-template-columns:1fr auto;gap:.5rem 1rem}.medidor-pista{order:3;grid-column:1/-1}}