*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);font:400 15px/1.5 var(--fuente-texto);margin:0}main{gap:28px;max-width:1040px;margin:0 auto;padding:32px 20px;display:grid}section{gap:12px;display:grid}h1{font:700 1.7rem/1.1 var(--fuente-titulo);letter-spacing:-.02em;margin:0}h2{font:700 1.25rem/1.2 var(--fuente-titulo);margin:0}p{color:var(--textoSuave);margin:0}label{gap:4px;font-size:.85rem;font-weight:600;display:grid}input,textarea{font:inherit;border:1.5px solid var(--borde);background:var(--superficie);color:var(--texto);border-radius:8px;width:100%;padding:8px 10px;font-weight:400}button{font:600 .9rem var(--fuente-texto);background:var(--primario);min-height:38px;color:var(--sobrePrimario);cursor:pointer;border:0;border-radius:999px;padding:0 14px}button.suave{background:var(--superficie);color:var(--texto);box-shadow:inset 0 0 0 1.5px var(--borde)}button.activo{background:var(--primario)}button.enlace{color:var(--texto);text-align:left;background:0 0;min-height:0;padding:0;font-weight:600}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.fila{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.entre{justify-content:space-between}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:16px;gap:14px;max-width:380px;margin:40px auto;padding:24px;display:grid}.aviso{background:var(--acentoFondo);color:var(--sobreAcento);border-radius:8px;padding:8px 12px}.tabla{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--borde);padding:9px 12px}th{font:500 .72rem var(--fuente-cifra);text-transform:uppercase;letter-spacing:.05em;color:var(--textoSuave)}.n{text-align:right;font-family:var(--fuente-cifra);font-variant-numeric:tabular-nums}.clic{cursor:pointer}.estado{font:500 .75rem var(--fuente-cifra);background:var(--fondo);border-radius:999px;padding:2px 8px}.estado.aprobado{background:var(--exitoFondo);color:var(--exito)}.estado.rechazado{background:var(--acentoFondo);color:var(--sobreAcento)}.detalle{gap:10px;display:grid}.ingredientes{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}