:root{--fondo:#f1f3ee;--tarjeta:#fff;--tinta:#15201a;--tinta-2:#24332b;--suave:#5b6660;--suave-oscuro:#a9b5ae;--borde:#d5dad1;--gris:#e2e6de;--coral:#ff6a3d;--lima:#d4f24a;--lima-oscuro:#34420f;--ambar:#ffc247;--plato-afuera:#d4f24a73;--plato-adentro:#d4f24a8c;--titulo:"Bricolage Grotesque", "Arial Black", system-ui, sans-serif;--texto:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--texto);color:var(--tinta);background:var(--fondo);font-size:16px;line-height:1.45}*{box-sizing:border-box}body{background:var(--fondo);margin:0}.pantalla{max-width:480px;margin:0 auto;padding:20px 20px 32px}.pantalla.con-barra{padding-bottom:calc(120px + env(safe-area-inset-bottom))}h1{font-family:var(--titulo);letter-spacing:-.035em;text-wrap:balance;margin:8px 0 14px;font-size:2.1rem;font-weight:800;line-height:1.02}h2{font-family:var(--titulo);letter-spacing:-.01em;margin:0 0 10px;font-size:1.25rem;font-weight:700}h3{font-family:var(--titulo);letter-spacing:-.02em;margin:2px 0 4px;font-size:1.4rem;font-weight:800;line-height:1.08}p{margin:0 0 10px}.suave{color:var(--suave);font-size:.9rem}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.subtitulo{color:var(--suave);margin:-8px 0 16px;font-size:.9rem}.titulo-seccion{margin:22px 4px 10px}.logo{place-items:center;display:inline-grid}.logo>*{grid-area:1/1}.logo-plato{background:var(--plato-afuera);border-radius:50%;justify-content:center;align-items:center;display:flex}.logo-plato span{background:var(--plato-adentro);border-radius:50%}.logo-texto{font-family:var(--titulo);letter-spacing:-.055em;white-space:nowrap;margin:0;font-weight:800;line-height:1;position:relative}.logo-chico{padding:0 4px}.logo-chico .logo-plato{width:46px;height:46px}.logo-chico .logo-plato span{width:31px;height:31px}.logo-chico .logo-texto{font-size:22px}.logo-grande .logo-plato{width:220px;height:220px}.logo-grande .logo-plato span{width:150px;height:150px}.logo-grande .logo-texto{font-size:64px}.tapa{background:var(--tarjeta);max-width:480px;min-height:100dvh;padding:0 28px calc(40px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:0 auto;display:flex}.tapa-centro{flex-grow:1;place-items:center;display:grid}.tapa p{text-align:center;color:#4a554f;max-width:280px;margin-bottom:28px}.ingreso{background:var(--coral);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.ingreso-arriba{flex-direction:column;flex-grow:1;min-height:240px;padding:28px 24px 0;display:flex}.ingreso-arriba .logo{align-self:flex-start}.ingreso-arriba h1{letter-spacing:-.045em;max-width:300px;margin:auto 0 28px;font-size:3.2rem;line-height:.92}.hoja{background:var(--fondo);padding:24px 24px calc(32px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;flex-direction:column;gap:14px;display:flex}.hoja form{flex-direction:column;gap:14px;display:flex}.hoja label{margin:0}.separador{color:var(--suave);align-items:center;gap:12px;margin:0;font-size:.82rem;font-weight:600;display:flex}.separador:before,.separador:after{content:"";background:var(--borde);flex-grow:1;height:1px}.google{justify-content:center;min-height:44px;display:flex}.centrado{text-align:center}.pantalla.centro{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:80dvh;display:flex}.tarjeta{background:var(--tarjeta);width:100%;color:inherit;font:inherit;text-align:left;border:0;border-radius:28px;margin:0 0 12px;padding:20px;display:block}.tarjeta.oscura{background:var(--tinta);color:var(--fondo)}.tarjeta.lima{background:var(--lima)}.dos-columnas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.dos-columnas .tarjeta{border-radius:24px;margin:0;padding:16px}label{margin-bottom:14px;font-size:.82rem;font-weight:700;display:block}input,select{width:100%;min-width:0;height:52px;font:inherit;color:var(--tinta);background:var(--tarjeta);border:2px solid var(--borde);border-radius:16px;margin-top:6px;padding:0 16px;font-size:1rem;font-weight:400;display:block}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--tinta);outline-offset:2px}.campo-grande{border-bottom:3px solid var(--tinta);align-items:baseline;gap:8px;margin-top:4px;padding-bottom:4px;display:flex}.campo-grande input{height:auto;font-family:var(--titulo);letter-spacing:-.05em;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:4.2rem;font-weight:800;line-height:1}.campo-grande input:focus-visible{outline:none}.campo-grande:focus-within{border-bottom-color:var(--coral)}.campo-grande span{color:var(--suave);flex:none;font-size:1.05rem;font-weight:700}.campo-grande.chico input{font-size:2.6rem}.dos{grid-template-columns:1fr 1fr;gap:14px;display:grid}fieldset{border:0;margin:0 0 14px;padding:0}legend{margin-bottom:8px;padding:0;font-size:.82rem;font-weight:700}.casilla{align-items:center;gap:12px;min-height:44px;margin:0;font-size:1rem;font-weight:500;display:flex}.casilla input{width:22px;height:22px;accent-color:var(--tinta);flex:none;margin:0}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}fieldset .chips{margin-bottom:0}.chip{font:inherit;border:2px solid var(--borde);height:40px;color:var(--tinta);cursor:pointer;background:0 0;border-radius:20px;padding:0 16px;font-size:.9rem;font-weight:600}.chip.activo{background:var(--tinta);border-color:var(--tinta);color:var(--fondo);font-weight:700}.boton{width:100%;min-height:56px;font-family:var(--titulo);border:2px solid var(--tinta);background:var(--tinta);color:var(--fondo);cursor:pointer;border-radius:28px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:0 20px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.boton.acento{background:var(--coral);border-color:var(--coral);color:var(--tinta)}.boton.secundario{color:var(--tinta);background:0 0}.boton.peligro{color:#fff;background:#b3261e;border-color:#b3261e}.boton.peligro-texto{color:#b3261e;border-color:#b3261e}.boton:disabled{opacity:.6;cursor:default}.error{color:#b3261e;font-size:.9rem;font-weight:600}.enlace{font:inherit;color:var(--tinta);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-weight:700;text-decoration:underline}.segmentos{background:var(--gris);border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:14px;padding:4px;display:grid}.segmentos button{font:inherit;color:#4a554f;cursor:pointer;background:0 0;border:0;border-radius:12px;min-height:44px;font-size:.95rem;font-weight:600}.segmentos button[aria-selected=true]{background:var(--tarjeta);color:var(--tinta);font-weight:700}.segmentos.oscuros button[aria-selected=true]{background:var(--tinta);color:var(--fondo)}.encabezado{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:4px 0 14px;display:flex}.encabezado h1{margin:0}.encabezado .segmentos{border-radius:14px;margin:0;display:flex}.encabezado .segmentos button{border-radius:10px;min-height:36px;padding:0 14px;font-size:.88rem}.cartel{border-radius:24px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:16px 18px;display:flex}.cartel svg{flex:none;margin-top:2px}.cartel strong{font-family:var(--titulo);font-size:1.05rem;display:block}.cartel p{margin:2px 0 0;font-size:.9rem;line-height:1.38}.cartel.ok{background:var(--lima)}.cartel.atencion{background:var(--ambar)}.cartel.alerta{background:var(--coral)}.pastilla{color:var(--tinta);white-space:nowrap;border-radius:999px;align-self:flex-start;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.pastilla.ok{background:var(--lima)}.pastilla.atencion{background:var(--ambar)}.pastilla.alerta{background:var(--coral)}.pastilla.borde{border:1px solid var(--borde);padding:3px 10px}.oscura .pastilla.borde{color:#c9d3cd;border-color:#4a5a51}.punto{border-radius:50%;flex:none;width:12px;height:12px}.punto.ok{background:#a6c21f}.punto.atencion{background:var(--ambar)}.punto.alerta{background:var(--coral)}.barra-superior{justify-content:space-between;align-items:center;min-height:46px;display:flex}.avatar{background:var(--tinta);width:44px;height:44px;color:var(--fondo);font-family:var(--titulo);cursor:pointer;border:0;border-radius:50%;font-size:1rem;font-weight:700}.saludo{margin:18px 0 20px}.saludo p{color:var(--suave);margin:0;font-size:.9rem;font-weight:600}.saludo h1{margin:2px 0 0;font-size:2.75rem;line-height:1}.hero{flex-direction:column;gap:12px;display:flex}.hero-fila{justify-content:space-between;align-items:center;gap:10px;display:flex}.hero-fila.abajo{align-items:flex-end}.hero .etiqueta-dato{color:var(--suave-oscuro);font-size:.88rem;font-weight:600}.numero-grande{align-items:baseline;gap:6px;display:flex}.numero-grande strong{font-family:var(--titulo);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:5.5rem;font-weight:800;line-height:.85}.numero-grande span{color:var(--suave-oscuro);font-size:1rem;font-weight:600}.numero-medio{font-family:var(--titulo);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800;line-height:1}.boton-redondo{background:var(--coral);width:56px;height:56px;color:var(--tinta);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.mini-grafico{width:100%;height:52px;display:block}.mini-grafico .banda{fill:var(--tinta-2)}.mini-grafico .linea{fill:none;stroke:var(--lima);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.mini-tarjeta{flex-direction:column;gap:6px;display:flex}.mini-tarjeta>span:first-child{color:var(--suave);font-size:.82rem;font-weight:600}.vacio{color:var(--suave-oscuro);margin:4px 0;font-size:.9rem}.tip-del-dia{flex-direction:column;gap:8px;display:flex}.tip-del-dia .rotulo{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.tip-del-dia p{font-family:var(--titulo);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.12}.tip-del-dia .fuente-tip{color:var(--lima-oscuro);font-size:.75rem;font-weight:600}.cuenta-linea{color:var(--suave);justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.cuenta-linea span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.historial{margin:0;padding:0;list-style:none}.historial li{border-top:1px solid var(--borde);align-items:center;gap:12px;padding:12px 4px;display:flex}.historial li:first-child{border-top:0}.historial .valor{font-family:var(--titulo);font-variant-numeric:tabular-nums;min-width:64px;font-size:1.35rem;font-weight:800}.historial .detalle{min-width:0;color:var(--suave);flex-direction:column;flex:1;font-size:.88rem;display:flex}.nota{overflow-wrap:anywhere;font-style:italic}.borrar{width:44px;height:44px;color:var(--suave);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;font-size:1.4rem;line-height:1}.grafico{width:100%;height:auto;margin-bottom:6px;display:block}.grafico .banda{fill:#ecf9ae}.grafico .linea{fill:none;stroke:var(--tinta);stroke-width:2px;stroke-linejoin:round}.marca.ok{fill:#a6c21f}.marca.atencion{fill:var(--ambar)}.marca.alerta{fill:var(--coral)}.destacada{cursor:pointer;flex-direction:column;gap:10px;padding:18px;display:flex}.bloque-color{background:var(--coral);border-radius:18px;height:150px;position:relative}.bloque-color .pastilla{background:var(--fondo);position:absolute;bottom:12px;left:14px}.destacada strong{font-family:var(--titulo);letter-spacing:-.02em;font-size:1.5rem;line-height:1.05}.datos-receta{color:var(--suave);flex-wrap:wrap;gap:4px 16px;font-size:.82rem;font-weight:600;display:flex}.oscura .datos-receta{color:var(--suave-oscuro)}.grilla-recetas{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.receta-chica{cursor:pointer;border-radius:24px;flex-direction:column;gap:8px;margin:0;padding:12px;display:flex}.receta-chica .bloque{border-radius:14px;height:84px}.receta-chica strong{font-family:var(--titulo);font-size:1rem;line-height:1.1}.receta-chica .suave{font-size:.75rem;font-weight:600}.color-0{background:var(--lima)}.color-1{background:var(--ambar)}.color-2{background:var(--coral)}.detalle-receta{margin:-20px -20px 0}.detalle-cabecera{background:var(--coral);height:248px;position:relative}.volver{background:var(--fondo);width:44px;height:44px;color:var(--tinta);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;left:20px}.detalle-cabecera .pastilla{background:var(--tinta);color:var(--fondo);position:absolute;bottom:44px;left:20px}.detalle-cuerpo{background:var(--fondo);border-radius:28px 28px 0 0;margin-top:-28px;padding:22px 20px 0;position:relative}.detalle-cuerpo h1{margin:0}.nutri{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 6px;display:grid}.nutri div{background:var(--tarjeta);border-radius:20px;flex-direction:column;gap:2px;padding:12px;display:flex}.nutri div:first-child{background:var(--tinta);color:var(--fondo)}.nutri strong{font-family:var(--titulo);letter-spacing:-.03em;font-size:1.6rem;font-weight:800;line-height:1}.nutri span{color:var(--suave);font-size:.75rem;font-weight:600}.nutri div:first-child span{color:var(--suave-oscuro)}.para-vos{background:var(--lima);border-radius:24px;flex-direction:column;gap:10px;margin:14px 0;padding:16px 18px;display:flex}.para-vos .rotulo{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700}.para-vos p{margin:0;font-size:.9rem;line-height:1.4}.para-vos p.insulina{background:var(--coral);border-radius:14px;padding:10px 12px;font-weight:600}.ingredientes{margin:0 0 18px}.ingredientes label{border-bottom:1px solid var(--borde);align-items:center;gap:12px;min-height:48px;margin:0;font-size:.95rem;font-weight:500;display:flex}.ingredientes input{width:22px;height:22px;accent-color:var(--tinta);flex:none;margin:0}.ingredientes label:has(input:checked){color:var(--suave);text-decoration:line-through}.pasos{counter-reset:paso;margin:0 0 18px;padding:0;list-style:none}.pasos li{counter-increment:paso;gap:14px;padding:10px 0;font-size:.97rem;display:flex}.pasos li:before{content:counter(paso);background:var(--tinta);width:32px;height:32px;color:var(--fondo);font-family:var(--titulo);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:flex}.tip{flex-direction:column;gap:8px;display:flex}.tip p{color:#3d4842;margin:0;font-size:.9rem;line-height:1.42}.tip.oscura p{color:#dce3de}.tip .etiquetas{flex-wrap:wrap;gap:6px;display:flex}.tip .pastilla.guia{background:var(--lima)}.tip .pastilla.preliminar{background:var(--ambar)}.ojo{background:var(--ambar);border-radius:14px;padding:10px 12px;font-weight:600;color:var(--tinta)!important}.ojo.fuerte{background:var(--coral)}.fuente{font-size:.75rem;font-weight:600;color:var(--suave)!important}.tip.oscura .fuente{color:var(--suave-oscuro)!important}.datos{grid-template-columns:auto 1fr;gap:10px 16px;margin:0 0 6px;display:grid}.datos dt{color:var(--suave)}.datos dd{text-align:right;margin:0;font-weight:700}.bienvenida{margin:8px 0 18px}.bienvenida .logo{margin-bottom:12px}.aviso-legal{color:var(--suave);text-align:center;margin:24px 8px 0;font-size:.75rem}.barra{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--tinta);border-radius:34px;justify-content:space-around;align-items:center;width:calc(100% - 40px);max-width:440px;height:68px;padding:0 8px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #15201a2e}.barra button{width:52px;height:52px;color:var(--suave-oscuro);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.barra button.activa{background:var(--lima);color:var(--tinta)}.barra svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}@media (prefers-reduced-motion:no-preference){.barra button,.chip,.boton{transition:background-color .15s,color .15s}}.bloque-color img,.detalle-cabecera img,img.bloque{object-fit:cover;width:100%;height:100%;display:block}.bloque-color img{border-radius:inherit;position:absolute;inset:0}.bloque-color,.detalle-cabecera{overflow:hidden}.detalle-cabecera img{position:absolute;inset:0}img.bloque{background:var(--gris);height:96px}.credito{color:var(--suave);margin:0 0 8px;font-size:.75rem}.credito a{color:var(--tinta);font-weight:600}.plato-cuerpo{align-items:center;gap:16px;display:flex}.plato-dibujo{flex:none;width:136px;height:136px}.plato-dibujo text{font-family:var(--texto);fill:var(--tinta);font-size:13.5px;font-weight:700}.parte-verduras{fill:var(--lima);background:var(--lima)}.parte-proteina{fill:var(--coral);background:var(--coral)}.parte-carbos{fill:var(--ambar);background:var(--ambar)}.plato-lista{flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.plato-lista li{align-items:flex-start;gap:8px;display:flex}.plato-lista div{flex-direction:column;font-size:.82rem;line-height:1.3;display:flex}.plato-lista span:not(.muestra){color:var(--suave)}.muestra{border-radius:4px;flex:none;width:12px;height:12px;margin-top:3px}.plato-agua{margin:14px 0 4px;font-size:.9rem;font-weight:600}@media (width<=340px){.plato-cuerpo{flex-direction:column;align-items:flex-start}}.plato-consejo{background:var(--fondo);border-radius:16px;margin:4px 0 12px;padding:12px 14px;font-size:.88rem;line-height:1.4}.plato-consejo p{margin:0 0 6px}.plato-consejo .enlace{min-height:32px;font-size:.82rem}.fuente-chica{color:var(--suave);white-space:nowrap;font-size:.75rem}.aviso-legal a,.hoja .suave a{color:var(--tinta);font-weight:600}
