.compras-art .cuadrante-art__in{max-width:30em}.compras-art .fys-ui-btn{gap:.4em}.cuadrante-art .compras-ref{letter-spacing:.02em;font-size:.72em}.cuadrante-art .compras-label{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:.78em;font-weight:600}.cuadrante-art .compras-pill{white-space:nowrap;border-radius:.35em;padding:.15em .5em;font-size:.74em;font-weight:600}.compras-pill.is-red{color:#af1d1d;background:#fef1f1}.compras-pill.is-amber{color:#864e0e;background:#fef6d7}.cuadrante-art .compras-tag{background:var(--ui-wash);color:var(--ink);border-radius:.3em;padding:.1em .45em;font-weight:600}.compras-stepper{align-items:center;gap:.35em;display:flex}.compras-stepper__box{height:2.1em;box-shadow:inset 0 0 0 1px var(--ui-line);border-radius:.45em;grid-template-columns:1.9em 2.2em 1.9em;align-items:center;display:grid}.compras-stepper__box.is-changed{box-shadow:inset 0 0 0 2px var(--brand)}.compras-stepper__box i{color:var(--ink-2);place-items:center;display:grid}.compras-stepper__box i svg{width:.95em;height:.95em}.compras-stepper__box b{box-shadow:inset 1px 0 0 var(--ui-line), inset -1px 0 0 var(--ui-line);font-variant-numeric:tabular-nums;align-self:stretch;place-items:center;font-size:.92em;display:grid}.cuadrante-art .compras-stepper small{font-size:.78em}.compras-group{width:100%;display:grid}.compras-group__head{border-bottom:1px solid var(--ui-line);gap:.75em;padding:1.05em 1.1em;display:grid}.compras-group__head>span:first-child{gap:.25em;display:grid}.compras-group__head .fys-ui-btn{justify-self:start}.cuadrante-art .compras-plan{align-items:flex-start;gap:.4em;font-size:.78em;line-height:1.35;display:flex}.compras-plan svg{flex:none;width:1.1em;height:1.1em;margin-top:.05em}.compras-group__row{gap:.7em;padding:.95em 1.1em;display:grid}.compras-group__row+.compras-group__row{border-top:1px solid var(--ui-line)}.compras-group__what{gap:.15em;min-width:0;display:grid}.cuadrante-art .compras-group__what>b{font-size:.95em}.compras-group__meta{flex-wrap:wrap;align-items:center;gap:.35em .6em;margin-top:.3em;display:flex}.cuadrante-art .compras-group__meta small{font-size:.74em;line-height:1.35}.compras-group__add{justify-content:space-between;align-items:center;gap:.6em;display:flex}.compras-group__add .fys-ui-btn{height:2.1em;padding:0 .8em}.compras-basket{gap:.8em;width:100%;padding:1em;display:grid}.compras-basket__top{justify-content:flex-end;display:flex}.compras-basket__top .fys-ui-btn{height:2.1em;font-size:.82em}.compras-order{box-shadow:inset 0 0 0 1px var(--ui-line);border-radius:.65em;display:grid}.compras-order__head{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:.6em;padding:.75em .85em;display:flex}.compras-order__head>span{gap:.15em;display:grid}.cuadrante-art .compras-order__head small{font-size:.74em}.compras-order__trash{color:var(--ink-2)}.compras-order__trash svg{width:1.05em;height:1.05em}.compras-order__line{grid-template-columns:minmax(0,1fr) auto 4.6em;align-items:center;gap:.6em;padding:.45em .85em;display:grid}.cuadrante-art .compras-order__line>span:first-child{white-space:nowrap;text-overflow:ellipsis;font-size:.86em;overflow:hidden}.cuadrante-art .compras-order__line>b{text-align:right;font-variant-numeric:tabular-nums;font-size:.86em;font-weight:500}.compras-order__fields{grid-template-columns:.8fr 1.2fr;gap:.6em;padding:.55em .85em .85em;display:grid}.cuadrante-art .compras-order__fields .cuadrante-input{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.82em;overflow:hidden}.compras-basket__foot{justify-content:space-between;align-items:center;gap:.8em;padding-top:.2em;display:flex}.compras-basket__foot>span:first-child{gap:.1em;display:grid}.cuadrante-art .compras-basket__foot b{font-variant-numeric:tabular-nums;font-size:1.15em}.compras-art .cuadrante-art__in:has(.compras-wa){max-width:34em}.compras-send{gap:.85em;width:86%;padding:1.1em;display:grid}.compras-send__row{gap:.4em;display:grid}.cuadrante-art .compras-send__row>b{font-size:.92em}.cuadrante-art .compras-send__row>small{font-size:.76em;line-height:1.35}.compras-seg{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35em;display:grid}.cuadrante-art .compras-seg span{min-height:2.3em;box-shadow:inset 0 0 0 1px var(--ui-line);text-align:center;border-radius:.5em;justify-content:center;align-items:center;gap:.35em;padding:0 .4em;font-size:.76em;font-weight:500;line-height:1.15;display:flex}.compras-seg svg{flex:none;width:1.1em;height:1.1em}.cuadrante-art .compras-seg .is-on{background:var(--brand-wash);color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand);font-weight:600}.cuadrante-art .compras-wa{--wa:#fff;width:min(84%,17em);box-shadow:var(--shadow-ui);background:#efe7dc;border-radius:.9em;gap:0;margin:-1.2em -.4em 0 auto;padding:.4em;display:grid;position:relative;overflow:hidden}.cuadrante-art .compras-wa__from{padding:.25em .5em .35em;font-size:.8em}.compras-wa__doc{background:var(--wa);box-shadow:inset 0 -1px 0 var(--ui-line);border-radius:.6em .6em 0 0;align-items:center;gap:.5em;padding:.55em;display:flex}.compras-wa__doc i{color:#fff;background:#b81e1e;border-radius:.3em;place-items:center;width:2em;height:2.3em;display:grid}.compras-wa__doc i svg{width:1.1em;height:1.1em}.cuadrante-art .compras-wa__doc>span{font-size:.8em;font-weight:600;display:grid}.cuadrante-art .compras-wa__doc small{font-size:.85em;font-weight:400}.cuadrante-art .compras-wa p{background:var(--wa);padding:.55em .65em .35em;font-size:.8em;line-height:1.38}.compras-wa p small{text-align:right;margin-top:.2em;font-size:.8em;display:block}.cuadrante-art .compras-wa__btn{background:var(--wa);box-shadow:inset 0 1px 0 var(--ui-line);color:#027eb5;border-radius:0 0 .6em .6em;justify-content:center;padding:.55em;font-size:.82em;font-weight:600;display:flex}@container (max-width:440px){.compras-send{width:100%}.cuadrante-art .compras-wa{margin-right:0}}.compras-supplier{gap:.6em;width:100%;max-width:24em;margin-inline:auto;padding:1.15em;display:grid}.compras-supplier__head{gap:.2em;padding-bottom:.2em;display:grid}.cuadrante-art .compras-supplier__head small{font-size:.84em}.compras-supplier__line{border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;gap:.7em;padding:.55em 0;display:flex}.compras-supplier__line>span:first-child{gap:.15em;min-width:0;display:grid}.cuadrante-art .compras-supplier__line>span:first-child>b{font-size:.92em}.compras-supplier__line.is-out>span:first-child>b{color:var(--ink-2)}.cuadrante-art .compras-changed{color:var(--brand);font-size:.74em;font-weight:500}.cuadrante-art .compras-toggle{white-space:nowrap;align-items:center;gap:.45em;font-size:.8em;font-weight:600;display:flex}.compras-toggle i{background:var(--brand);border-radius:999px;width:2.3em;height:1.3em;position:relative}.compras-toggle i:after{content:"";background:#fff;border-radius:50%;width:1em;height:1em;position:absolute;top:.15em;right:.15em}.compras-supplier .cuadrante-field{margin-bottom:.2em}.cuadrante-art .compras-supplier__foot{text-align:center;font-size:.74em;line-height:1.4}.compras-arrived{gap:.4em;width:100%;padding:1.15em;display:grid}.cuadrante-art .compras-arrived>small{font-size:.86em}.compras-arrived__opts{gap:.5em;margin-top:.5em;display:grid}.compras-arrived__opts>span{box-shadow:inset 0 0 0 1px var(--ui-line);border-radius:.6em;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75em;padding:.7em .8em;display:grid}.compras-arrived__opts>span.is-on{background:var(--brand-wash);box-shadow:inset 0 0 0 2px var(--brand)}.compras-arrived__opts i{background:var(--ui-wash);width:2.2em;height:2.2em;color:var(--ink-2);border-radius:.5em;place-items:center;display:grid}.compras-arrived__opts .is-on i{background:var(--paper);color:var(--brand)}.compras-arrived__opts i svg{width:1.15em;height:1.15em}.compras-arrived__opts>span>span{gap:.1em;display:grid}.cuadrante-art .compras-arrived__opts b{font-size:.9em}.cuadrante-art .compras-arrived__opts small{font-size:.76em;line-height:1.35}.cuadrante-art .compras-arrived__note{align-items:center;gap:.45em;margin-top:.5em;font-size:.76em;display:flex}.compras-arrived__note svg{width:1.1em;height:1.1em}@container (min-width:520px){.compras-group__head,.compras-group__row{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.cuadrante-art .compras-ref,.cuadrante-art .compras-group__meta small,.cuadrante-art .compras-plan,.cuadrante-art .compras-wa p small{color:color-mix(in srgb, var(--ink-2) 70%, var(--ink))}
