@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');html{--aura-background-color-light: #F4F4F0;--aura-background-color-dark: #1C1917;--aura-base-font-size: 13;--aura-base-radius: 4;--aura-contrast-level: 0.25;--aura-surface-level: -0.5;--aura-overlay-surface-opacity: 1;--aura-font-family: 'Inter',var(--aura-font-family-system);--aura-accent-color-light: #808000;--aura-accent-color-dark: #A6A64C;--esentics-navy: #0E3A5B;--esentics-naranja: #E67731}:is(vaadin-button,vaadin-menu-bar-button,vaadin-upload-button),vaadin-tabs,vaadin-checkbox,vaadin-radio-button{--aura-accent-color-light: var(--aura-neutral);--aura-accent-color-dark: var(--aura-neutral)}.menu-usuario vaadin-menu-bar-button{--aura-accent-color-light: inherit;--aura-accent-color-dark: inherit}vaadin-side-nav-item[current]::part(content){--vaadin-side-nav-item-background: var(--vaadin-background-container);--vaadin-side-nav-item-border-color: transparent}html{--esentics-mono: 'Roboto Mono','Cascadia Mono',Consolas,ui-monospace,monospace}.catalogo{--aura-surface-level: 2;display: flex;flex-direction: column;width: 100%;min-height: 0;flex: 1;overflow: hidden;border: 1px solid var(--vaadin-border-color-secondary);border-radius: var(--vaadin-radius-l)}.catalogo-cab{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l) var(--vaadin-padding-s)}.catalogo-cab>.empuja{flex: 1}.catalogo-cantidad{font-weight: var(--aura-font-weight-semibold);color: var(--vaadin-text-color-secondary);margin-right: var(--vaadin-gap-s)}.catalogo-grid,.catalogo>vaadin-grid{flex: 1;min-height: 0}vaadin-grid::part(num){font-family: var(--esentics-mono);font-variant-numeric: tabular-nums}.ep-tinta{fill: light-dark(var(--esentics-navy),#FFFFFF)}.ep-mas{fill: var(--esentics-naranja)}.ep-app{fill: var(--aura-accent-color)}.esentics-logotipo,.firma-logotipo{display: flex;line-height: 0}.esentics-logotipo svg,.firma-logotipo svg{height: 100%;width: auto}.marca-app{display: flex;align-items: center;gap: var(--vaadin-gap-s);line-height: 1.2;padding: var(--vaadin-padding-m)}.marca-isotipo{width: 32px;height: 32px;flex: none}.marca-texto{display: flex;flex-direction: column;min-width: 0}.marca-app .nombre{font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);letter-spacing: 0.02em}.marca-app .descripcion{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.marca-barra{padding: 0}vaadin-app-layout[drawer-opened] .marca-barra{display: none}.menu-desplazable{flex: 1}.firma-suite{margin-top: auto;padding: var(--vaadin-padding-m);border-top: 1px solid var(--vaadin-border-color-secondary);display: flex;flex-direction: column;gap: 4px}.firma-leyenda{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary)}.firma-logotipo{height: 18px}.titulo-vista{margin: 0;font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);line-height: 1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0}.insignia-sombra{background: var(--aura-warning-background,#7c2d12);color: var(--aura-warning-text,#fdba74);border-radius: var(--vaadin-radius-m);padding: 0.15rem 0.6rem;font-size: var(--vaadin-font-size-s);font-weight: 600;letter-spacing: 0.05em}.esentics-login{position: relative;overflow: hidden;isolation: isolate;background: radial-gradient(56rem 38rem at 10% 6%,color-mix(in srgb,var(--aura-accent-color) 24%,transparent),transparent 62%),radial-gradient(48rem 34rem at 94% 98%,color-mix(in srgb,var(--esentics-naranja) 18%,transparent),transparent 60%),var(--aura-app-background)}.esentics-login::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background-image: radial-gradient( color-mix(in srgb,var(--vaadin-text-color) 12%,transparent) 1px,transparent 1.5px);background-size: 22px 22px;-webkit-mask-image: radial-gradient(ellipse 70% 60% at center,#000 20%,transparent 75%);mask-image: radial-gradient(ellipse 70% 60% at center,#000 20%,transparent 75%)}.esentics-login-tarjeta{position: relative;display: flex;flex-direction: column;align-items: center;gap: 0.5rem;width: 400px;max-width: calc(100vw - 2rem);padding: 2.25rem 1.5rem 1.25rem;border-radius: 20px;background: var(--aura-surface-color-solid);border: 1px solid color-mix(in srgb,var(--aura-accent-color) 18%,var(--vaadin-border-color-secondary));box-shadow: 0 1px 2px color-mix(in srgb,var(--vaadin-text-color) 6%,transparent),0 24px 64px -16px color-mix(in srgb,var(--aura-accent-color) 30%,transparent);box-sizing: border-box}.esentics-login-tarjeta::before{content: "";position: absolute;top: -1px;left: 24px;right: 24px;height: 3px;border-radius: 0 0 3px 3px;background: linear-gradient(90deg,var(--aura-accent-color),var(--esentics-naranja))}.esentics-login-tarjeta .esentics-logotipo{height: 76px}.esentics-login-tarjeta vaadin-login-form,.esentics-login-tarjeta vaadin-login-form-wrapper{--vaadin-login-form-background: transparent;background: transparent;width: 100%}.esentics-login-columna>.firma-suite{position: absolute;bottom: 1.5rem;left: 50%;transform: translateX(-50%);margin: 0;padding: 0;border-top: none;align-items: center}.esentics-login--proceso{display: grid;grid-template-columns: minmax(380px,34%) 1fr;align-items: stretch;padding: 0}.esentics-login-columna{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 2rem 1.5rem 4rem;min-width: 0}.esentics-login-escena{position: relative;min-width: 0;min-height: 0;display: flex;flex-direction: column;border-left: 1px solid color-mix(in srgb,var(--vaadin-text-color) 8%,transparent);background: linear-gradient(180deg,color-mix(in srgb,var(--aura-accent-color) 6%,transparent),transparent 45%)}.esentics-login-escena-cab{padding: 2rem 2.5rem 0;display: grid;gap: 0.25rem}.esentics-login-escena-cab .rotulo{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold);color: var(--aura-accent-text-color)}.esentics-login-escena-cab .lema{font-size: calc(var(--aura-font-size-xl) * 1.25);font-weight: var(--aura-font-weight-semibold);line-height: 1.2;max-width: 34rem}esentics-proceso{flex: 1;min-height: 0;overflow: hidden}.ep-capa{position: absolute;inset: 0;pointer-events: none;overflow: hidden}.ep-etq{position: absolute;left: 0;top: 0;display: grid;gap: 1px;padding: 0.35rem 0.6rem;border-radius: var(--vaadin-radius-m);background: color-mix(in srgb,var(--aura-surface-color-solid) 88%,transparent);box-shadow: 0 2px 10px -4px color-mix(in srgb,var(--vaadin-text-color) 25%,transparent);font-size: var(--aura-font-size-xs);line-height: 1.25;text-align: center;white-space: nowrap}.ep-etq strong{font-size: var(--aura-font-size-s);font-weight: var(--aura-font-weight-semibold)}.ep-etq span{color: var(--vaadin-text-color-secondary)}.ep-izq{text-align: right}.ep-der{text-align: left}.ep-etapa strong{color: var(--aura-accent-text-color)}.ep-titulo{background: var(--aura-accent-color);color: var(--aura-accent-contrast-color);box-shadow: 0 6px 18px -6px var(--aura-accent-color)}.ep-titulo strong{font-size: var(--aura-font-size-m)}@media (max-width: 960px){.esentics-login--proceso{grid-template-columns: 1fr}.esentics-login-escena{display: none}}