:root{--color-fondo:#f6f7f4;--color-superficie:#fff;--color-texto:#1f2a24;--color-texto-suave:#5b6b62;--color-borde:#d8ded9;--color-borde-fuerte:#a8b5ac;--color-primario:#2f6b45;--color-primario-oscuro:#245338;--color-primario-suave:#e6f0e9;--color-error:#a3241c;--color-error-fondo:#fbeae8;--color-foco:#1c5fb8;--esp-1:.25rem;--esp-2:.5rem;--esp-3:.75rem;--esp-4:1rem;--esp-5:1.5rem;--esp-6:2rem;--fuente:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tamaño-base:1rem;--radio:8px;--sombra:0 1px 3px #00000014}@media (prefers-color-scheme:dark){:root{--color-fondo:#121713;--color-superficie:#1b231d;--color-texto:#e8ede9;--color-texto-suave:#a3b3a8;--color-borde:#2f3a32;--color-borde-fuerte:#46544a;--color-primario:#6fb98c;--color-primario-oscuro:#8bcba3;--color-primario-suave:#223026;--color-error:#f08a80;--color-error-fondo:#3a2320;--color-foco:#7ab3ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--fuente);font-size:var(--tamaño-base);color:var(--color-texto);background:var(--color-fondo);margin:0;line-height:1.5}:focus-visible{outline:3px solid var(--color-foco);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.contenedor{max-width:46rem;padding:var(--esp-4) var(--esp-4) var(--esp-6);margin:0 auto}header h1{margin:0 0 var(--esp-1);font-size:1.5rem;line-height:1.25}.subtitulo{margin:0 0 var(--esp-5);color:var(--color-texto-suave)}.calculadora{gap:var(--esp-5);flex-direction:column;display:flex}.mezcla-form fieldset{margin:0 0 var(--esp-5);padding:var(--esp-4);border:1px solid var(--color-borde);border-radius:var(--radio);background:var(--color-superficie)}.mezcla-form legend{padding:0 var(--esp-2);font-weight:600}.campo{gap:var(--esp-1);margin-bottom:var(--esp-4);flex-direction:column;display:flex}.campo:last-child{margin-bottom:0}.campo label{color:var(--color-texto-suave);font-size:.9rem;font-weight:600}input[type=text],input[type=number]{width:100%;padding:var(--esp-3);font:inherit;color:var(--color-texto);background:var(--color-fondo);border:1px solid var(--color-borde-fuerte);border-radius:var(--radio);font-size:1rem}input:disabled{opacity:.5;cursor:not-allowed}.tabla-mezcla{border-collapse:collapse;width:100%}.tabla-mezcla th{padding:var(--esp-2);text-align:left;color:var(--color-texto-suave);border-bottom:1px solid var(--color-borde);font-size:.85rem;font-weight:600}.tabla-mezcla td{padding:var(--esp-2);border-bottom:1px solid var(--color-borde);vertical-align:middle}button{padding:var(--esp-3) var(--esp-4);font:inherit;color:#fff;background:var(--color-primario);border-radius:var(--radio);cursor:pointer;border:1px solid #0000;min-height:44px;font-weight:600}button:hover:not(:disabled){background:var(--color-primario-oscuro)}button:disabled{opacity:.45;cursor:not-allowed}button.secundario{color:var(--color-texto);border-color:var(--color-borde-fuerte);background:0 0}button.secundario:hover:not(:disabled){background:var(--color-primario-suave)}.acciones-form{gap:var(--esp-3);margin-top:var(--esp-4);flex-wrap:wrap;display:flex}.resultados{padding:var(--esp-4);background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio)}.resultados h2{margin:0 0 var(--esp-4);font-size:1.15rem}.resultado-insumo{padding:var(--esp-3) 0;border-top:1px solid var(--color-borde)}.resultado-insumo h3{margin:0 0 var(--esp-1);font-size:1rem}.resultado-insumo .requerido{margin:0 0 var(--esp-1);color:var(--color-texto-suave);font-size:.9rem}.bultos{margin:0;padding:0;list-style:none}.bultos li{padding:var(--esp-1) 0;font-size:1.05rem}.bultos .sobrante{color:var(--color-texto-suave);font-size:.9rem}.resultados .total{margin:var(--esp-4) 0 0;padding-top:var(--esp-3);border-top:2px solid var(--color-borde);font-size:1.05rem}.resultados .nota{margin:var(--esp-3) 0 0;color:var(--color-texto-suave);font-size:.85rem}.resultados-error{background:var(--color-error-fondo);border-color:var(--color-error)}.resultados-error h2{color:var(--color-error)}.resultados-error ul{padding-left:var(--esp-4);color:var(--color-error);margin:0}@media (width<=37.5rem){.tabla-mezcla,.tabla-mezcla tbody,.tabla-mezcla tr,.tabla-mezcla td{width:100%;display:block}.tabla-mezcla thead{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabla-mezcla tr{margin-bottom:var(--esp-4);padding:var(--esp-3);background:var(--color-fondo);border:1px solid var(--color-borde);border-radius:var(--radio)}.tabla-mezcla td{align-items:center;gap:var(--esp-3);padding:var(--esp-2) 0;border-bottom:none;grid-template-columns:1fr auto;display:grid}.tabla-mezcla td:before{content:attr(data-label);color:var(--color-texto-suave);font-size:.9rem;font-weight:600}.tabla-mezcla td:first-child,.tabla-mezcla td:nth-child(2),.tabla-mezcla td:nth-child(3){grid-template-columns:1fr}.tabla-mezcla td:first-child:before,.tabla-mezcla td:nth-child(2):before,.tabla-mezcla td:nth-child(3):before{margin-bottom:calc(-1 * var(--esp-1))}}.anuncio{margin:var(--esp-5) 0;padding:var(--esp-4);background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);text-align:center}.anuncio-placeholder{color:var(--color-texto-suave);background:var(--color-fondo);border-style:dashed;font-size:.85rem}.ayuda{margin-top:var(--esp-6);padding:var(--esp-5) var(--esp-4);background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio)}.ayuda h2{margin:0 0 var(--esp-4);font-size:1.25rem}.pasos{padding-left:var(--esp-5);margin:0}.pasos li{margin-bottom:var(--esp-4)}.pasos li:last-child{margin-bottom:0}.pasos strong{margin-bottom:var(--esp-1);display:block}.pasos p{color:var(--color-texto-suave);margin:0;font-size:.95rem}.nota-ayuda{margin:var(--esp-4) 0 0;padding-top:var(--esp-3);border-top:1px solid var(--color-borde);color:var(--color-texto-suave);font-size:.9rem}.faq details{border-top:1px solid var(--color-borde)}.faq details:first-of-type{border-top:none}.faq summary{padding:var(--esp-3) 0;cursor:pointer;justify-content:space-between;gap:var(--esp-3);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--color-texto-suave);font-size:1.25rem;font-weight:400;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{margin:0 0 var(--esp-3);color:var(--color-texto-suave);font-size:.95rem}.pie-fondo{margin-top:var(--esp-6);padding:var(--esp-5) var(--esp-4);background:var(--color-superficie);border-top:1px solid var(--color-borde)}.pie{max-width:46rem;color:var(--color-texto-suave);margin:0 auto;font-size:.85rem}.pie p{margin:0 0 var(--esp-3);max-width:60ch}.pie p:last-child{margin-bottom:0}.pie .disclaimer{color:var(--color-texto)}.pie .creditos{font-weight:600}