.cabecera-calc{padding-top:.8rem;padding-bottom:7rem}.migas{color:var(--on-navy-muted);gap:.5rem;margin-bottom:1.6rem;font-size:.9rem;display:flex}.migas a{color:var(--on-navy-muted);text-decoration:none}.migas a:hover{color:var(--on-navy)}.cc-titulo{align-items:flex-start;gap:1.2rem;display:flex}.cc-titulo h1{margin-bottom:.6rem}.cc-icono{color:#fff;background:#ea580c;border-radius:18px;flex:none;place-items:center;width:64px;height:64px;margin-top:.3rem;display:grid;box-shadow:0 10px 24px #ea580c66}@media (width<=640px){.cc-icono{display:none}}.cc-chips{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.cc-chips li{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:550}.calculadora{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;margin-top:-5rem;display:grid;position:relative}@media (width<=900px){.calculadora{grid-template-columns:minmax(0,1fr)}}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:22px;overflow:hidden}.visor{background-color:var(--surface-2);background-image:linear-gradient(color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px);border-bottom:1px solid var(--border);background-size:24px 24px;padding:.8rem 1rem .9rem}.visor-dibujo{color:var(--muted);aspect-ratio:420/320;max-height:300px;margin:0 auto}.visor-dibujo svg{width:100%;height:100%}.visor-dibujo .cota{fill:currentColor;font-size:13px;font-weight:650;font-family:var(--font)}.visor-dibujo .cota-grande{font-size:40px;font-weight:800;font-family:var(--font-display)}.muestras{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.muestras-texto{color:var(--muted);margin-right:.2rem;font-size:.85rem}.muestra{border:2px solid var(--surface);background:var(--muestra);width:28px;height:28px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%;padding:0;transition:transform .15s}.muestra:hover{transform:scale(1.1)}.muestra[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}@media (width<=440px){.muestras-texto{display:none}}.formulario{padding:.2rem 1.4rem 1.5rem}fieldset{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}fieldset+fieldset{border-top:1px solid var(--border);margin-top:1.4rem}legend{float:left;width:100%;font-family:var(--font-display);align-items:center;gap:.65rem;padding:1.4rem 0 0;font-size:1.2rem;font-weight:700;display:flex}.paso{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;display:grid}.campos{gap:1rem;display:grid}.campos[hidden]{display:none}.fila-2,.fila-3{gap:.8rem;display:grid}.fila-2{grid-template-columns:repeat(2,minmax(0,1fr))}.fila-3{grid-template-columns:repeat(3,minmax(0,1fr))}.campo{align-content:start;gap:.35rem;display:grid}.campo-etiqueta{font-size:.93rem;font-weight:650}.campo small{color:var(--muted);font-size:.83rem;line-height:1.4}input:not([type=radio]):not([type=checkbox]){font:inherit;width:100%;min-height:48px;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:.5rem .8rem;font-size:1.05rem;font-weight:550;transition:border-color .15s,box-shadow .15s}input:not([type=radio]):not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.con-unidad{display:block;position:relative}.con-unidad input{padding-right:3.6rem!important}.con-unidad em{color:var(--muted);pointer-events:none;font-size:.9rem;font-style:normal;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.fila-3 .con-unidad input{padding-left:.65rem;padding-right:2.3rem!important}.fila-3 .con-unidad em{right:.6rem}.contador{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;display:grid;overflow:hidden}.contador:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.contador input{text-align:center;box-shadow:none!important;background:0 0!important;border:0!important;min-height:44px!important}.contador button{height:100%;min-height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;font-size:1.3rem;font-weight:600}.contador button:hover{background:var(--surface-2);color:var(--accent)}.interruptor{cursor:pointer;align-items:center;gap:.75rem;width:fit-content;font-weight:600;display:inline-flex;position:relative}.interruptor input{opacity:0;width:1px;height:1px;position:absolute}.interruptor-pista{background:var(--border);border-radius:999px;width:46px;height:26px;transition:background-color .2s;position:relative}.interruptor-pista:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.interruptor input:checked+.interruptor-pista{background:var(--accent)}.interruptor input:checked+.interruptor-pista:after{transform:translate(20px)}.interruptor input:focus-visible+.interruptor-pista{outline:3px solid var(--accent);outline-offset:2px}.segmentado{background:var(--surface-2);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmentado label,.pastillas label,.opcion{cursor:pointer;position:relative}.segmentado input,.pastillas input,.opcion input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmentado span{text-align:center;color:var(--muted);border-radius:10px;padding:.6rem .5rem;font-size:.95rem;font-weight:650;transition:background-color .15s,color .15s;display:block}.segmentado input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #0000001f}.segmentado input:focus-visible+span,.pastillas input:focus-visible+span,.opcion input:focus-visible+.opcion-caja{outline:3px solid var(--accent);outline-offset:2px}.pastillas{gap:6px;display:flex}.pastillas label{flex:1}.pastillas span{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;place-items:center;min-height:46px;font-weight:650;transition:border-color .15s,background-color .15s,color .15s;display:grid}.pastillas label:hover span{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.pastillas input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.opciones-pared,.opciones-pais{gap:8px;display:grid}.opciones-pared{grid-template-columns:repeat(3,minmax(0,1fr))}.opciones-pais{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=560px){.opciones-pais{grid-template-columns:repeat(2,minmax(0,1fr))}.opciones-pared{grid-template-columns:minmax(0,1fr)}.opciones-pared .opcion-caja{text-align:left;grid-template-rows:auto auto;grid-template-columns:40px minmax(0,1fr);column-gap:.8rem}.opciones-pared .textura{grid-row:span 2;width:40px;height:40px;margin:0}}.opcion-caja{border:1.5px solid var(--border);background:var(--bg);border-radius:14px;gap:.15rem;height:100%;padding:.8rem;transition:border-color .15s,background-color .15s,box-shadow .15s;display:grid}.opcion:hover .opcion-caja{border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.opcion input:checked+.opcion-caja{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.opcion-titulo{font-size:.97rem;font-weight:700}.opcion-detalle{color:var(--muted);font-size:.8rem;line-height:1.35}.textura{background-color:#d7cdbf;border-radius:9px;width:100%;height:42px;margin-bottom:.45rem;display:block}.textura-lisa{background:linear-gradient(135deg,#e3dacd,#d2c7b8)}.textura-nueva{background-color:#d9d4cc;background-image:radial-gradient(#00000014 1px,#0000 1.5px),radial-gradient(#ffffff80 1px,#0000 1.5px);background-position:0 0,3px 5px;background-size:7px 7px,11px 11px}.textura-rugosa{background-color:#d8cfc2;background-image:radial-gradient(circle at 40% 35%,#ffffffbf 0 2px,#0000 3px),radial-gradient(circle at 60% 65%,#00000024 0 2.5px,#0000 3.5px);background-position:0 0,4px 4px;background-size:9px 9px,9px 9px}.resultado{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:22px;position:sticky;top:16px;overflow:hidden}.resultado p{margin:0}.resultado .res-cabecera{background:radial-gradient(circle at 85% 0%, #ffffff38, transparent 55%), linear-gradient(135deg, var(--res-a,#f97316), var(--res-b,#c2410c));color:#fff;padding:1.4rem 1.5rem 1.3rem}.resultado .res-vacio{font-weight:600}.resultado .res-etiqueta{text-transform:uppercase;letter-spacing:.09em;opacity:.9;font-size:.78rem;font-weight:750}.resultado .res-etiqueta-oscura{color:var(--muted);opacity:1;margin-top:1rem!important}.resultado .res-grande{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:3.6rem;font-weight:800;line-height:1.05}.resultado .res-grande span{letter-spacing:0;font-size:1.4rem;font-weight:700}.resultado .res-sub{opacity:.95;font-weight:600}.resultado .res-cuerpo{padding:1.1rem 1.5rem 1.5rem}.resultado .res-desglose{flex-wrap:wrap;gap:.35rem;display:flex}.resultado .res-desglose span{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:.2rem .65rem;font-size:.82rem;font-weight:550}.resultado .res-opcion{margin-top:.7rem}.resultado .res-opcion+.res-opcion{border-top:1px dashed var(--border);margin-top:1.1rem;padding-top:1rem}.resultado .res-opcion-titulo{flex-wrap:wrap;align-items:baseline;gap:.4rem;font-weight:700;display:flex}.resultado .res-opcion-titulo span{background:var(--text);color:var(--surface);letter-spacing:.03em;border-radius:999px;padding:.12rem .5rem;font-size:.72rem}.resultado .res-opcion-titulo small{color:var(--muted);flex-basis:100%;font-size:.82rem;font-weight:400}.resultado .envases{gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.resultado .envases li{align-items:center;gap:.8rem;font-size:1.08rem;display:flex}.resultado .botes{align-items:flex-end;gap:3px;min-width:64px;display:flex}.resultado .botes-mas{color:var(--muted);align-self:center;margin-left:2px;font-size:.9rem;font-weight:700}.resultado .barra{background:repeating-linear-gradient(-45deg, var(--surface-2), var(--surface-2) 5px, var(--border) 5px, var(--border) 10px);border-radius:999px;height:10px;margin-top:.9rem;overflow:hidden}.resultado .barra span{background:linear-gradient(90deg,#f97316,#c2410c);border-radius:999px;height:100%;display:block}.resultado .barra-leyenda{color:var(--muted);justify-content:space-between;font-size:.8rem;font-weight:550;display:flex;margin-top:.3rem!important}.resultado .res-sobra{font-size:.9rem;margin-top:.3rem!important}.resultado .res-extra{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:12px;padding:.8rem .95rem;font-size:.93rem;margin-top:1.1rem!important}.guia-layout{grid-template-columns:220px minmax(0,1fr);gap:3rem;margin-top:2rem;display:grid}@media (width<=900px){.guia-layout{grid-template-columns:minmax(0,1fr);gap:0}.indice{display:none}}.indice{align-self:start;margin-top:3.2rem;font-size:.93rem;position:sticky;top:20px}.indice-titulo{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:0 0 .7rem;font-size:.78rem;font-weight:750}.indice ol{border-left:2px solid var(--border);gap:.5rem;margin:0;padding:0 0 0 .9rem;list-style:none;display:grid}.indice a{color:var(--muted);text-decoration:none}.indice a:hover{color:var(--accent)}.guia{max-width:760px}.guia h2,.guia h3{scroll-margin-top:20px}.formula{background:var(--navy);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);color:var(--on-navy);border-radius:var(--radius);background-size:20px 20px;flex-wrap:wrap;align-items:baseline;gap:.5rem .7rem;padding:1.3rem 1.5rem;font-size:1.1rem;font-weight:650;display:flex}.formula small{color:var(--on-navy-muted);font-size:.8rem;font-weight:500}.formula-resultado{color:#fb923c;font-family:var(--font-display);font-size:1.3rem;font-weight:800}.formula-igual,.formula-op{color:#fb923c;font-weight:800}.ejemplo{counter-reset:ejemplo;gap:.5rem;margin:1.2rem 0;padding:0;list-style:none;display:grid}.ejemplo li{counter-increment:ejemplo;background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem 1rem .7rem .8rem;display:grid}.ejemplo li:before{content:counter(ejemplo);background:var(--surface-2);width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;font-size:.9rem;font-weight:800;display:grid}.ejemplo li span{color:var(--muted)}.ejemplo li strong{font-variant-numeric:tabular-nums;text-align:right}@media (width<=560px){.ejemplo li{grid-template-columns:32px minmax(0,1fr)}.ejemplo li strong{text-align:left;grid-column:2}}.ejemplo .ejemplo-final{background:var(--accent-soft);border-color:var(--accent)}.ejemplo .ejemplo-final:before{background:var(--accent);color:var(--on-accent)}.ejemplo .ejemplo-final strong{color:var(--accent);font-size:1.1rem}.capas-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.2rem 0;display:grid}@media (width<=560px){.capas-rejilla{grid-template-columns:minmax(0,1fr)}}.capas-rejilla>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.1rem}.capas-rejilla p{color:var(--muted);margin:0;font-size:.97rem;line-height:1.5}.capas-rejilla strong{color:var(--text)}.capas-rejilla .capas-num{font-family:var(--font-display);color:var(--accent);margin-bottom:.3rem;font-size:1.8rem;font-weight:800;line-height:1.1}.errores{gap:10px;margin:1.2rem 0;padding:0;list-style:none;display:grid}.errores li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.95rem 1.1rem .95rem 3.3rem;line-height:1.55;position:relative}.errores li:before{content:"!";color:#dc2626;background:#fef2f2;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.9rem;font-weight:800;display:grid;position:absolute;top:.95rem;left:1rem}@media (prefers-color-scheme:dark){.errores li:before{color:#f87171;background:#3a1616}}.actualizado{color:var(--muted);margin-top:2.5rem;font-size:.9rem}.cc-icono-color{background:var(--c);box-shadow:0 10px 24px color-mix(in srgb, var(--c) 45%, transparent)}.segmentado-3{grid-template-columns:repeat(3,1fr)}@media (width<=480px){.fila-apilable{grid-template-columns:minmax(0,1fr)}}.opcional{color:var(--muted);font-weight:400}.resultado .res-datos{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:.9rem 0 0;display:grid}.resultado .res-datos div{background:var(--surface-2);border-radius:12px;padding:.6rem .8rem}.resultado .res-datos dt{color:var(--muted);font-size:.78rem;font-weight:600}.resultado .res-datos dd{font-family:var(--font-display);margin:0;font-size:1.25rem;font-weight:750}.resultado .res-coste{font-size:.95rem;margin-top:.9rem!important}.resultado .res-aviso{color:#78350f;background:#fef3c7;border-radius:12px;padding:.7rem .9rem;font-size:.9rem;margin-top:.9rem!important}.resultado .res-materiales{gap:.7rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.resultado .res-materiales li{align-items:flex-start;gap:.75rem;display:flex}.resultado .res-materiales small{color:var(--muted);font-size:.83rem;display:block}.resultado .res-material-icono{background:color-mix(in srgb, var(--c,#0d9488) 14%, transparent);width:36px;height:36px;color:var(--c,#0d9488);border-radius:10px;flex:none;place-items:center;display:grid}.resultado .res-consejo{border-top:1px dashed var(--border);color:var(--muted);padding-top:.9rem;font-size:.88rem;margin-top:1.1rem!important}.formula-2{margin-top:.6rem}.formula-nota{color:var(--on-navy-muted);font-size:.85rem;font-weight:500}.opciones-formato{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}@media (width<=640px){.opciones-formato{grid-template-columns:repeat(4,minmax(0,1fr))}}.opcion-formato{text-align:center;justify-items:center;gap:.35rem;padding:.6rem .3rem}.opcion-formato .opcion-titulo{white-space:nowrap;font-size:.82rem}.forma{place-items:center;width:30px;height:30px;display:grid}.forma span{background:color-mix(in srgb, var(--accent) 22%, transparent);border:1.5px solid var(--accent);border-radius:2px;display:block}.forma-otra{border:1.5px dashed var(--muted);width:24px;height:24px;color:var(--muted);border-radius:4px;margin:3px;font-size:.85rem;font-weight:800}.errores-consejo li:before{content:"✓";color:#059669;background:#ecfdf5}@media (prefers-color-scheme:dark){.errores-consejo li:before{color:#34d399;background:#0f2e24}}