.row{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:.8rem 0;padding:1.2rem;background-color:#0003;border-radius:1rem;position:relative}@media (min-width: 1024px){.row{gap:.8rem;margin:.2rem 0;padding:.1rem .3rem;grid-template-columns:4fr 7fr 5fr 4fr 2fr 2fr 3fr 2fr 3fr 3fr auto;background-color:transparent;border-radius:0}}.row .field-code{grid-column:1/2;grid-row:1/2}@media (min-width: 1024px){.row .field-code{grid-column:auto;grid-row:auto}}.row .field-description{grid-column:1/-1;grid-row:2/3}@media (min-width: 1024px){.row .field-description{grid-column:auto;grid-row:auto}}.row .field-category{grid-column:2/3;grid-row:1/2}@media (min-width: 1024px){.row .field-category{grid-column:auto;grid-row:auto}}.row .field-price{grid-column:span 1}@media (min-width: 1024px){.row .field-price{grid-column:auto}}.row .field-quantity{grid-column:span 1}@media (min-width: 1024px){.row .field-quantity{grid-column:auto}}.row .field-unit{grid-column:span 1}@media (min-width: 1024px){.row .field-unit{grid-column:auto}}.row .field-subtotal{grid-column:span 1}@media (min-width: 1024px){.row .field-subtotal{grid-column:auto}}.row .field-iva-percent{grid-column:span 1}@media (min-width: 1024px){.row .field-iva-percent{grid-column:auto}}.row .field-iva{grid-column:span 1}@media (min-width: 1024px){.row .field-iva{grid-column:auto}}.row .field-total{grid-column:span 1}@media (min-width: 1024px){.row .field-total{grid-column:auto}}.row .hide{display:none}.row .button-remove-container{display:flex;justify-content:center;align-items:center;width:100%;grid-column:2/3;margin-top:auto}@media (min-width: 1024px){.row .button-remove-container{width:auto;grid-column:auto;justify-content:flex-start}}.row .button-remove-container .button-remove{display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary);border:none;border-radius:1rem;width:100%;height:var(--h-xl);cursor:pointer;padding:.8rem;flex-shrink:0;transition:filter .2s ease}.row .button-remove-container .button-remove:hover:not(:disabled){filter:brightness(.85)}.row .button-remove-container .button-remove:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 640px){.row .button-remove-container .button-remove{height:var(--h-xl)}}@media (min-width: 1024px){.row .button-remove-container .button-remove{width:fit-content;max-width:none;height:var(--h-xl);aspect-ratio:1/1;padding:.6rem;border-radius:1rem}}.row .button-remove-container .button-remove>*{width:auto;height:60%;aspect-ratio:1/1;margin:auto;color:var(--color-light)}@media (min-width: 1024px){.row .button-remove-container .button-remove>*{height:85%;width:100%}}.bill-form{background-color:var(--color-background-ascent);width:100%;height:100%;padding:1.6rem;border-radius:1rem;overflow-y:scroll;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;position:relative}@media (min-width: 1024px){.bill-form{overflow:hidden}}.bill-form__acronym{position:absolute;top:0rem;left:1rem}@media (min-width: 640px){.bill-form__acronym{left:2rem}}@media (min-width: 1024px){.bill-form__acronym{left:3rem}}.bill-form__acronym-item{padding:1rem;border-radius:0 0 1.4rem 1.4rem;filter:drop-shadow(0 .4rem .4rem rgba(0,0,0,.25));background:linear-gradient(180deg,hsla(var(--color-background-hsl),1),hsla(var(--color-background-hsl),.7));backdrop-filter:blur(1rem);height:fit-content;width:fit-content;position:relative}.bill-form__acronym-item svg{width:2.4rem;height:2.4rem}.bill-form__acronym-list-item{display:grid;grid-template-columns:auto auto 1fr auto;gap:.4rem;font-size:1.2rem;place-items:center;width:100%}.bill-form__acronym-list-item span{text-transform:uppercase}.bill-form__acronym-list-item p{width:100%;white-space:nowrap}.bill-form__acronym-list-item div{padding:.4rem;border-radius:.6rem;background-color:var(--color-background-ascent);margin-left:.4rem;cursor:pointer}.bill-form__acronym-list-item div svg{width:1.8rem;height:1.8rem}.bill-form__header{position:relative;width:100%;display:flex;flex-direction:column;gap:.8rem;align-items:center;flex-shrink:0}@media (min-width: 640px){.bill-form__header{flex-direction:row;justify-content:center}}.bill-form__header h1{text-transform:capitalize;font-size:1.8rem;font-weight:400;text-align:center;cursor:default}@media (min-width: 640px){.bill-form__header h1{font-size:2rem}}@media (min-width: 1024px){.bill-form__header h1{font-size:2.4rem}}.bill-form__header .reader-buttons{position:static;display:flex;gap:.6rem}@media (min-width: 640px){.bill-form__header .reader-buttons{position:absolute;top:0;right:0}}.bill-form__main-data{display:grid;grid-template-columns:1fr;gap:.8rem;width:100%;padding:.4rem;flex-shrink:0}@media (min-width: 768px){.bill-form__main-data{grid-template-columns:repeat(2,1fr);padding:.8rem}}.bill-form__main-data>:nth-child(1){grid-column:1/-1}.bill-form__main-data>:nth-child(2){grid-column:1/-1}@media (min-width: 768px){.bill-form__main-data>:nth-child(2){grid-column:1/2}}.bill-form__main-data>:nth-child(3){grid-column:1/-1}@media (min-width: 768px){.bill-form__main-data>:nth-child(3){grid-column:2/3}}.bill-form__main-data>:nth-child(4){grid-column:1/-1}.bill-form__main-data>:nth-child(5){grid-column:1/-1}.bill-form__main-data>:nth-child(6){grid-column:1/-1}.bill-form__main-data>:nth-child(7){grid-column:1/-1}.bill-form .buttons-files{display:flex;gap:.8rem;width:100%}.bill-form .buttons-files>:nth-child(1),.bill-form .buttons-files>:nth-child(2){width:100%}.bill-form .items{width:100%;display:flex;flex-direction:column;gap:.8rem;padding:.1rem}@media (min-width: 1024px){.bill-form .items{flex:1;min-height:0}}.bill-form .items .header{display:flex;gap:.8rem;width:100%;justify-content:space-between;flex-shrink:0}.bill-form .items .header h2{text-transform:capitalize;font-size:1.6rem;font-weight:400;cursor:default;flex-shrink:0}@media (min-width: 640px){.bill-form .items .header h2{font-size:1.8rem}}@media (min-width: 1024px){.bill-form .items .header h2{font-size:2rem}}.bill-form .items .elements{display:flex;flex-direction:column;gap:.8rem}@media (min-width: 1024px){.bill-form .items .elements{flex:1;min-height:0;overflow-y:auto}}.bill-form .items .elements li:has(.row-header){display:none}@media (min-width: 1024px){.bill-form .items .elements li:has(.row-header){display:block;position:sticky;top:0;background-color:var(--color-background-ascent);padding-bottom:1rem;margin-bottom:-.6rem;z-index:5}}.bill-form .items .elements li .row-header{display:grid;gap:.8rem;width:100%;grid-template-columns:4fr 7fr 5fr 4fr 2fr 2fr 3fr 2fr 3fr 3fr auto}.bill-form .items .elements li .row-header p{width:100%;text-align:center;font-size:1.2rem;cursor:default}.bill-form .items .elements li .row-header p.hide{display:none}.bill-form .footer{display:flex;background:var(--color-background-ascent);gap:.8rem;width:100%;flex-shrink:0;z-index:10;padding:1rem;flex-direction:row;justify-content:space-between;align-items:center}.bill-form .footer .total{font-size:1.4rem;text-align:center}@media (min-width: 640px){.bill-form .footer .total{font-size:1.6rem;text-align:left}}@media (min-width: 1024px){.bill-form .footer .total{font-size:1.8rem}}:root{--color-primary-hsl: 214, 78%, 36%;--color-primary-ascent-hsl: 195, 9%, 25%;--color-secondary-hsl: 208, 7%, 46%;--color-success-hsl: 134, 61%, 41%;--color-danger-hsl: 353, 88%, 57.8%;--color-warning-hsl: 45, 100%, 51%;--color-info-hsl: 188, 78%, 41%;--color-light-hsl: 210, 17%, 98%;--color-dark-hsl: 210, 10%, 23%;--color-background-hsl: 214, 53%, 61%;--color-background-ascent-hsl: 197, 28%, 7%;--color-primary: hsl(var(--color-primary-hsl));--color-primary-ascent: hsl(var(--color-primary-ascent-hsl));--color-secondary: hsl(var(--color-secondary-hsl));--color-success: hsl(var(--color-success-hsl));--color-danger: hsl(var(--color-danger-hsl));--color-warning: hsl(var(--color-warning-hsl));--color-info: hsl(var(--color-info-hsl));--color-light: hsl(var(--color-light-hsl));--color-dark: hsl(var(--color-dark-hsl));--color-background: hsl(var(--color-background-hsl));--color-background-ascent: hsl(var(--color-background-ascent-hsl))}:root{font-size:.625rem}*::-webkit-scrollbar{width:.6rem}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border-radius:.3rem;background-color:var(--color-primary)}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-secondary)}:root{--h-xl: 4.2rem;--h-lg: 4rem;--h-md: 3.8rem;--h-sm: 3.6rem;--h-xs: 3.4rem}.bill-new-page{padding:1.6rem;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--color-background)}