@charset "UTF-8";

/* src/styles.scss */
.inventarios-page.inventario-shell,
.inventario-detalle-page.inventario-shell {
  min-height: 100vh;
  padding: 24px 24px 40px 87px;
  box-sizing: border-box;
}
.inventario-shell > .inventarios-contenido,
.inventario-shell > .detalle-contenido {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 720px) {
  .inventarios-page.inventario-shell,
  .inventario-detalle-page.inventario-shell {
    padding: 16px 16px 32px 72px;
  }
}
.inventario-opciones-pendientes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  color: #1f211f;
  background: transparent;
  border: 0;
  border-radius: 50%;
  opacity: 1;
}
.inventario-opciones-pendientes svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.inventario-detalle-page .estado-icono img,
.inventario-detalle-page .bloque-icono img {
  display: block;
  width: 20px;
  height: 20px;
}
.inventario-detalle-page .bloque-icono--electrico,
.inventario-detalle-page .bloque-icono--edificios {
  background: #e9f9f5;
}
.inventario-detalle-page .bloque-icono--vehiculos {
  background: #fdf8e7;
}
.inventario-detalle-page .bloque-icono--renovables {
  background: #ecedf7;
}
.inventario-detalle-page .detalle-grid {
  align-items: start;
}
.inventario-detalle-page .inventario-validacion__filtros {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  margin-top: 8px;
  background: #fff;
  border-radius: 8px;
}
.inventario-detalle-page .inventario-validacion__filtros .search-control {
  width: 260px;
}
.inventario-detalle-page .bloque-accion--no-disponible {
  color: #949494;
  cursor: default;
  text-decoration: none;
}
.inventario-detalle-page .detalle-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) {
  min-height: 363px;
  box-sizing: border-box;
  padding: 16px;
}
.inventario-detalle-page .progreso-resumen {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 24px;
}
.inventario-detalle-page .progreso-item {
  position: relative;
  min-width: 0;
  padding: 0 8px;
  text-align: center;
}
.inventario-detalle-page .progreso-item:not(:last-child) {
  border-right: 1px solid #e1e4e2;
}
.inventario-detalle-page .progreso-item strong {
  display: block;
  font-size: 18px;
  line-height: 22px;
}
.inventario-detalle-page .progreso-item span {
  display: block;
  margin-top: 0;
  font-size: 12px;
  line-height: 16px;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 24px 0 0;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div {
  display: grid;
  grid-template-columns: 20px 80px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 20px;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(1)::before {
  background-image: url(/assets/inventario-detalle/progreso-inventario.svg);
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(2)::before {
  background-image: url(/assets/inventario-detalle/progreso-institucion.svg);
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(3)::before {
  background-image: none;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(4)::before {
  background-image: url(/assets/inventario-detalle/progreso-fecha.svg);
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dt {
  min-width: 0;
  font-size: 13px;
  line-height: 18px;
  color: #616161;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dd {
  min-width: 0;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 700px) {
  .inventario-detalle-page .detalle-grid {
    grid-template-columns: 1fr;
  }
  .inventario-detalle-page .detalle-grid > :has(.progreso-resumen) {
    min-height: auto;
  }
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl {
  margin-top: 24px;
  gap: 8px;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div {
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 8px;
  min-height: 20px;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dt {
  display: none;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dd {
  font-size: 14px;
  line-height: 20px;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(1) dd::before {
  content: "Inventario ";
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(3) {
  display: none;
}
.inventario-detalle-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(4) dd::before {
  content: "Generado ";
}
.inventario-detalle-page .inventario-validacion__filtros {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 24px;
  margin-top: 8px;
  min-height: 56px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
}
.inventario-detalle-page .inventario-validacion__buscar,
.inventario-detalle-page .inventario-validacion__estado-select {
  position: relative;
  display: flex;
  align-items: center;
  width: 240px;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #8c918d;
  border-radius: 8px;
  background: #fff;
}
.inventario-detalle-page .inventario-validacion__buscar {
  padding: 0 12px;
  gap: 8px;
}
.inventario-detalle-page .inventario-validacion__buscar svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: #616661;
  stroke-width: 1.5;
  stroke-linecap: round;
}
.inventario-detalle-page .inventario-validacion__buscar input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #333;
  font: inherit;
  font-size: 14px;
}
.inventario-detalle-page .inventario-validacion__buscar > span {
  font-size: 20px;
  color: #353935;
}
.inventario-detalle-page .inventario-validacion__estado-select {
  padding-left: 40px;
}
.inventario-detalle-page .inventario-validacion__estado-select select {
  width: 100%;
  height: 100%;
  padding: 0 36px 0 0;
  appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: #616661;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}
.inventario-detalle-page .inventario-validacion__estado-icono {
  position: absolute;
  left: 12px;
  width: 18px;
  height: 18px;
  border: 1.5px solid #8c918d;
  border-radius: 50%;
}
.inventario-detalle-page .inventario-validacion__estado-icono::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 5px;
  height: 5px;
  border: 1px solid #8c918d;
  border-radius: 50%;
}
.inventario-detalle-page .inventario-validacion__chevron {
  position: absolute;
  right: 14px;
  width: 7px;
  height: 7px;
  border-right: 1.5px solid #353935;
  border-bottom: 1.5px solid #353935;
  transform: rotate(45deg) translateY(-2px);
  pointer-events: none;
}
.inventario-detalle-page .inventario-validacion__tabla {
  margin-top: 8px;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}
.inventario-detalle-page .inventario-validacion__fila {
  display: grid;
  grid-template-columns: minmax(72px, 0.7fr) minmax(120px, 1fr) minmax(150px, 1.4fr) minmax(220px, 2fr);
  align-items: center;
  min-height: 48px;
  padding: 0 24px;
  box-sizing: border-box;
  border-bottom: 1px solid #e0e2e0;
}
.inventario-detalle-page .inventario-validacion__fila--cabecera {
  min-height: 48px;
  color: #8c918d;
  font-size: 14px;
}
.inventario-detalle-page .inventario-validacion__fila:not(.inventario-validacion__fila--cabecera) {
  color: #333;
  font-size: 14px;
}
.inventario-detalle-page .inventario-validacion__vacio {
  margin-top: 8px;
  padding: 18px 24px;
  background: #fff;
  border-radius: 8px;
  color: #565b57;
  font-size: 14px;
}
@media (max-width: 760px) {
  .inventario-detalle-page .inventario-validacion__filtros {
    flex-direction: column;
    align-items: stretch;
  }
  .inventario-detalle-page .inventario-validacion__buscar,
  .inventario-detalle-page .inventario-validacion__estado-select {
    width: 100%;
  }
  .inventario-detalle-page .inventario-validacion__tabla {
    overflow-x: auto;
  }
  .inventario-detalle-page .inventario-validacion__fila {
    min-width: 650px;
  }
}
.inventarios-page.inventario-shell > .inventarios-contenido {
  width: 100%;
  max-width: none;
  margin: 0;
  box-sizing: border-box;
}
.inventarios-page .inventarios-filtros {
  display: flex;
  align-items: center;
  gap: 8px;
}
.inventarios-page .inventarios-filtros .inventario-add-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #1f211f;
  border-radius: 50%;
  background: transparent;
  color: #1f211f;
}
.inventarios-page .inventarios-filtros .inventario-add-button:hover {
  background: #00bdb2;
}
.inventarios-page .inventarios-filtros .inventario-add-button img {
  display: block;
  width: 20px;
  height: 20px;
}
.inventarios-page .inventarios-filtros--vacio {
  justify-content: flex-end;
}
.inventarios-page .inventario-filtro-selector,
.inventario-detalle-page .inventario-validacion-selector {
  flex: 0 0 186px;
  width: 186px;
}
.inventario-acciones-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.inventario-opciones {
  display: inline-flex;
  width: 32px;
  height: 32px;
  padding: 0;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #1f211f;
  cursor: pointer;
}
.inventario-opciones:hover,
.inventario-opciones[aria-expanded=true] {
  background: #e9f9f5;
  color: #00a99d;
}
.inventario-opciones svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}
.inventario-acciones-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  z-index: 1000;
  width: 170px;
  padding: 4px 0;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
}
.inventario-acciones-menu a {
  display: flex;
  min-height: 40px;
  padding: 8px 12px;
  box-sizing: border-box;
  align-items: center;
  gap: 8px;
  color: #1f211f;
  font:
    400 14px/20px Roboto,
    Arial,
    sans-serif;
  text-decoration: none;
}
.inventario-acciones-menu a:hover {
  background: #f5f5f5;
}
.inventario-acciones-menu svg {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.inventarios-tabla .celda-opciones {
  overflow: visible;
}
.boton-nuevo {
  background: transparent !important;
  box-shadow: none !important;
}
.boton-nuevo:hover,
.boton-nuevo:focus,
.boton-nuevo:active {
  background: transparent !important;
}
.boton-nuevo img[src="/assets/inventario/anadir.svg"] {
  display: block;
}
.inventario-detalle-page.confirmacion-page.inventario-shell {
  padding: 24px 24px 104px;
}
.confirmacion-page .confirmacion-prehead {
  display: flex;
  min-height: 29px;
  align-items: center;
  justify-content: space-between;
}
.confirmacion-page .confirmacion-logo {
  display: inline-flex;
  width: 32px;
  height: 29px;
}
.confirmacion-page .confirmacion-logo img {
  display: block;
  width: 32px;
  height: 29px;
}
.confirmacion-page .confirmacion-close,
.confirmacion-page .confirmacion-icon-button {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border: 1px solid #1f211f;
  border-radius: 48px;
  background: transparent;
  color: #1f211f;
  text-decoration: none;
}
.confirmacion-page .confirmacion-close {
  width: 26px;
  height: 26px;
  padding: 4px;
}
.confirmacion-page .confirmacion-close img {
  display: block;
  width: 16px;
  height: 16px;
}
.confirmacion-page .estado-icono--confirmacion {
  color: #00ccc0;
  background: #e9f9f5;
}
.confirmacion-page .bloque-icono--transporte {
  background: #faeeec;
}
.confirmacion-page .confirmacion-footer {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 120px;
  align-items: center;
  padding: 12px 24px 24px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.04);
}
.confirmacion-page .confirmacion-footer__left,
.confirmacion-page .confirmacion-footer__right {
  display: flex;
  gap: 4px;
  align-items: center;
}
.confirmacion-page .confirmacion-footer__right {
  justify-content: flex-end;
}
.confirmacion-page .confirmacion-footer__center {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.confirmacion-page .confirmacion-icon-button {
  width: 34px;
  height: 34px;
  padding: 6px;
}
.confirmacion-page .confirmacion-icon-button--light {
  border-color: transparent;
}
.confirmacion-page .confirmacion-icon-button img {
  display: block;
  width: 20px;
  height: 20px;
}
.confirmacion-page .confirmacion-button {
  display: inline-flex;
  min-width: 120px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  box-sizing: border-box;
  border-radius: 48px;
  font:
    700 16px/16px Roboto,
    Arial,
    sans-serif;
  cursor: pointer;
}
.confirmacion-page .confirmacion-button img {
  display: block;
  width: 24px;
  height: 24px;
}
.confirmacion-page .confirmacion-button--outline {
  border: 1px solid #1f211f;
  background: #fff;
  color: #1f211f;
}
.confirmacion-page .confirmacion-button--send {
  border: 1px solid #00ccc0;
  background: #00ccc0;
  color: #fff;
}
.confirmacion-page .confirmacion-button:disabled {
  border-color: #9e9e9e;
  background: #9e9e9e;
  color: #fff;
  cursor: default;
  opacity: 1;
}
.confirmacion-page .confirmacion-error {
  position: fixed;
  z-index: 101;
  right: 24px;
  bottom: 82px;
  max-width: 420px;
  margin: 0;
  padding: 10px 14px;
  border-radius: 8px;
  background: #faeeec;
  color: #b3261e;
  font-size: 13px;
}
@media (max-width: 760px) {
  .inventario-detalle-page.confirmacion-page.inventario-shell {
    padding: 16px 16px 124px;
  }
  .confirmacion-page .confirmacion-footer {
    grid-template-columns: auto 1fr auto;
    padding: 10px 16px 16px;
  }
  .confirmacion-page .confirmacion-button span {
    display: none;
  }
  .confirmacion-page .confirmacion-button {
    min-width: 40px;
    padding: 8px;
  }
}
.inventario-detalle-page.inventario-shell:not(.confirmacion-page) {
  padding-bottom: 88px;
}
.inventario-shell .inventario-footer {
  position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  left: 48px;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 120px;
  align-items: center;
  padding: 12px 24px 20px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.04);
}
.inventario-shell .inventario-footer__left,
.inventario-shell .inventario-footer__right {
  display: flex;
  gap: 4px;
  align-items: center;
}
.inventario-shell .inventario-footer__right {
  justify-content: flex-end;
}
.inventario-shell .inventario-footer-icon-button {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 6px;
  border: 1px solid #1f211f;
  border-radius: 48px;
  background: #fff;
  color: #1f211f;
  cursor: pointer;
}
.inventario-shell .inventario-footer-icon-button--light {
  border-color: transparent;
}
.inventario-shell .inventario-footer-icon-button img {
  display: block;
  width: 20px;
  height: 20px;
}
@media (max-width: 760px) {
  .inventario-shell .inventario-footer {
    left: 0;
    grid-template-columns: auto 1fr auto;
    padding: 10px 16px 16px;
  }
}
.inventario-shell .bloque-card:has(.bloque-icono--transporte) {
  order: 4;
}
.inventario-shell .bloque-card:has(.bloque-icono--renovables) {
  order: 5;
}
.inventario-detalle-page .bloques > .bloque-card:has(.bloque-icono--transporte) {
  order: 40;
}
.inventario-detalle-page .bloques > .bloque-card:has(.bloque-icono--renovables) {
  order: 50;
}
.inventario-detalle-page.confirmacion-page .detalle-grid > :has(.progreso-resumen) dl > div:nth-child(4) dd::before {
  content: "Generado ";
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-progreso-acciones {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-top: 8px;
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-historial-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7774df;
  font:
    400 14px/20px Roboto,
    Arial,
    sans-serif;
  text-decoration: underline;
  text-underline-offset: 2px;
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-historial-icon {
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background: currentColor;
  -webkit-mask: url(/assets/onboarding/confirmacion/history.svg) center/contain no-repeat;
  mask: url(/assets/onboarding/confirmacion/history.svg) center/contain no-repeat;
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-exportar-button {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1px solid #1f211f;
  border-radius: 48px;
  background: #fff;
  color: #1f211f;
  font:
    700 14px/16px Roboto,
    Arial,
    sans-serif;
  cursor: pointer;
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-exportar-button:hover {
  background: #f5f5f5;
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-exportar-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-exportar-icon__union {
  position: absolute;
  inset: 9.72%;
  width: 80.56%;
  height: 80.56%;
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-exportar-icon__vector {
  position: absolute;
  top: 12.5%;
  left: calc(50% - 1px);
  width: 2px;
  height: 50%;
}
@media print {
  .confirmacion-page .confirmacion-prehead,
  .confirmacion-page .confirmacion-footer,
  :is(.confirmacion-page, .inventario-detalle-page) .confirmacion-progreso-acciones,
  .confirmacion-page .confirmacion-error {
    display: none !important;
  }
  .inventario-detalle-page.confirmacion-page.inventario-shell {
    padding: 0 !important;
    background: #fff !important;
  }
  .confirmacion-page .detalle-contenido {
    width: 100% !important;
    max-width: none !important;
  }
}
.onboarding-shell {
  --page-margin: 24px;
  position: relative;
  min-height: 100dvh;
  box-sizing: border-box;
  color: #1f211f;
  background: #f5f5f5;
  font-family:
    Roboto,
    Arial,
    sans-serif;
}
.onboarding-shell *,
.onboarding-shell *::before,
.onboarding-shell *::after {
  box-sizing: border-box;
}
.onboarding-shell > .onboarding-header {
  position: absolute;
  z-index: 20;
  top: 24px;
  right: var(--page-margin);
  left: var(--page-margin);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 29px;
  margin: 0;
}
.onboarding-logo {
  display: block;
  width: 32px;
  height: 29px;
}
.onboarding-close {
  display: inline-flex;
  flex: 0 0 26px;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  color: #1f211f;
  background: transparent;
  border: 1px solid #1f211f;
  border-radius: 50%;
  font:
    400 22px/22px Roboto,
    Arial,
    sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.combustible-page.onboarding-shell {
  padding: 77px var(--page-margin) 104px;
}
.form-page.onboarding-shell {
  padding: 77px var(--page-margin) 110px;
}
.form-page.onboarding-shell > .head-card,
.form-page.onboarding-shell > .data-card,
.form-page.onboarding-shell > .loading-card {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .onboarding-shell {
    --page-margin: 16px;
  }
}
@media (min-width: 1200px) {
  .onboarding-shell {
    --page-margin: 30px;
  }
}
.onboarding-shell .button.onboarding-save-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  height: 40px;
  padding: 8px 16px;
  border: 1px solid #00ccc0;
  border-radius: 48px;
  color: #fff;
  background: #00ccc0;
  font:
    700 16px/16px Roboto,
    Arial,
    sans-serif;
  cursor: pointer;
}
.onboarding-shell .onboarding-save-button .button-icon--save {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.onboarding-shell .onboarding-save-button .button-icon--save img {
  display: block;
  width: 24px;
  height: 24px;
}
.onboarding-shell .button.onboarding-save-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.consumo-page.onboarding-shell {
  padding-bottom: 104px;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) > .onboarding-footer {
  position: fixed;
  z-index: 50;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr) 120px;
  align-items: center;
  min-height: 76px;
  box-sizing: border-box;
  padding: 12px 24px 24px;
  background: #fff;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04);
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-left {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-self: start;
}
:is(.onboarding-shell, .confirmacion-page) .footer-center {
  justify-self: center;
}
:is(.onboarding-shell, .confirmacion-page) .footer-right {
  justify-self: end;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  border: 1px solid #1f211f;
  border-radius: 50%;
  color: #1f211f;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-icon-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-selector {
  position: relative;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-selector > summary {
  list-style: none;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-selector > summary::-webkit-details-marker {
  display: none;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-selector[open] > summary {
  border-color: #00ccc0;
  color: #00a99f;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-chevron {
  transition: transform 0.15s ease;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-selector[open] .footer-chevron {
  transform: rotate(180deg);
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-menu {
  position: absolute;
  z-index: 70;
  bottom: 48px;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(256px, 100vw - 48px);
  padding: 20px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 6px;
  color: #616161;
  background: #f5f5f5;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-item:hover:not(.footer-step-item--disabled) {
  background: #eef8f7;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-item--active {
  color: #fff;
  background: #123f3d;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-item--active:hover {
  background: #123f3d;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-item--disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-step-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.onboarding-shell .continue-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  height: 40px;
  padding: 8px 16px;
  border: 0;
  border-radius: 48px;
  color: #fff;
  background: #00ccc0;
  font:
    700 16px/16px Roboto,
    Arial,
    sans-serif;
  cursor: pointer;
}
.onboarding-shell .continue-button svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.onboarding-shell .continue-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
:is(.onboarding-shell, .confirmacion-page) .footer-help {
  position: relative;
}
.onboarding-shell .help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 6px;
  border: 0;
  border-radius: 50%;
  color: #1f211f;
  background: transparent;
  cursor: help;
}
.onboarding-shell .help-button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(.onboarding-shell, .confirmacion-page) .footer-help-tooltip {
  position: absolute;
  right: 0;
  bottom: 42px;
  display: none;
  width: min(300px, 100vw - 48px);
  padding: 12px 14px;
  border-radius: 8px;
  color: #fff;
  background: #1f211f;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}
:is(.onboarding-shell, .confirmacion-page) .footer-help:hover .footer-help-tooltip,
:is(.onboarding-shell, .confirmacion-page) .footer-help:focus-within .footer-help-tooltip {
  display: block;
}
@media (max-width: 600px) {
  :is(.onboarding-shell, .inventario-shell, .confirmacion-page) > .onboarding-footer {
    grid-template-columns: 84px minmax(0, 1fr) 40px;
    padding-right: 16px;
    padding-left: 16px;
  }
}
:is(.onboarding-shell, .inventario-shell) .search-control,
:is(.onboarding-shell, .inventario-shell) .estado-control {
  display: flex;
  align-items: center;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #616161;
  border-radius: 8px;
  background: #fff;
}
:is(.onboarding-shell, .inventario-shell) .search-control {
  width: 260px;
  gap: 8px;
  padding: 0 12px;
}
:is(.onboarding-shell, .inventario-shell) .search-control input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font: inherit;
  font-size: 14px;
}
:is(.onboarding-shell, .inventario-shell) .filter-left-icon,
:is(.onboarding-shell, .inventario-shell) .search-icon,
:is(.onboarding-shell, .inventario-shell) .estado-left svg,
:is(.onboarding-shell, .inventario-shell) .estado-chevron {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
:is(.onboarding-shell, .inventario-shell) .filter-left-icon svg,
:is(.onboarding-shell, .inventario-shell) .search-icon,
:is(.onboarding-shell, .inventario-shell) .estado-left svg,
:is(.onboarding-shell, .inventario-shell) .estado-chevron {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #616161;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
:is(.onboarding-shell, .inventario-shell) .search-icon {
  stroke-width: 1.9;
}
:is(.onboarding-shell, .inventario-shell) .estado-control {
  width: 186px;
  justify-content: space-between;
  padding: 0 12px;
  color: #616161;
  font: inherit;
  font-size: 14px;
}
:is(.onboarding-shell, .inventario-shell) .estado-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
:is(.onboarding-shell, .inventario-shell) .estado-control--select {
  position: relative;
  cursor: pointer;
}
:is(.onboarding-shell, .inventario-shell) .estado-select-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
:is(.onboarding-shell, .inventario-shell) .add-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: auto;
  padding: 0;
  border: 1px solid #1f211f;
  border-radius: 50%;
  color: #1f211f;
  background: transparent;
  font-size: 27px;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
}
.onboarding-shell .expand-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.onboarding-shell .expand-button .expand-chevron {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #1f211f;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.onboarding-shell .expand-button--open {
  background: #e9f9f5;
}
.onboarding-shell .expand-button--open .expand-chevron {
  stroke: #00aaa1;
}
@media (max-width: 760px) {
  :is(.onboarding-shell, .inventario-shell) .search-control {
    width: 100%;
  }
}
.onboarding-shell .carga-masiva {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  min-height: 188px;
  margin-top: 32px;
  padding: 24px;
  background: #fff;
  border: 1px dashed #00ccc0;
  border-radius: 8px;
}
.onboarding-shell .carga-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #e9f9f5;
  border-radius: 8px;
}
.onboarding-shell .upload-glyph {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}
.onboarding-shell .upload-glyph--small {
  width: 20px;
  height: 20px;
}
.onboarding-shell .upload-glyph__union {
  position: absolute;
  inset: 9.72%;
  width: 80.56%;
  height: 80.56%;
}
.onboarding-shell .upload-glyph__vector {
  position: absolute;
  top: 12.5%;
  left: calc(50% - 1px);
  width: 2px;
  height: 50%;
}
.onboarding-shell .carga-copy {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  text-align: center;
}
.onboarding-shell .carga-copy h2,
.onboarding-shell .carga-copy p {
  margin: 0;
}
.onboarding-shell .carga-copy h2 {
  font-family:
    "Fieldwork",
    "Roboto",
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}
.onboarding-shell .carga-copy p {
  color: #616161;
  font-size: 12px;
  line-height: 16px;
}
.onboarding-shell .carga-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.onboarding-shell .carga-masiva .button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 32px;
  padding: 6px 16px;
  border-radius: 48px;
  font:
    700 14px/16px Roboto,
    Arial,
    sans-serif;
  cursor: pointer;
}
.onboarding-shell .carga-masiva .button--outline {
  min-width: 175px;
  color: #1f211f;
  background: #fff;
  border: 1px solid #1f211f;
}
.onboarding-shell .carga-masiva .button--teal {
  min-width: 139px;
  color: #fff;
  background: #00ccc0;
  border: 1px solid #00ccc0;
}
.onboarding-shell .carga-masiva .button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.onboarding-shell .file-icon {
  position: relative;
  width: 20px;
  height: 20px;
}
.onboarding-shell .file-icon img {
  position: absolute;
}
.onboarding-shell .file-icon__base {
  inset: 5% 13.33%;
  width: 73.34%;
  height: 90%;
}
.onboarding-shell .file-icon__line {
  left: 33.33%;
  width: 33.34%;
}
.onboarding-shell .file-icon__line--one {
  top: 54.17%;
}
.onboarding-shell .file-icon__line--two {
  top: 70.83%;
}
.onboarding-shell .file-icon__short {
  top: 37.5%;
  left: 33.33%;
  width: 8.34%;
}
@media (max-width: 600px) {
  .onboarding-shell .carga-actions {
    flex-direction: column;
  }
  .onboarding-shell .carga-masiva .button {
    width: 100%;
  }
}
.inventarios-page.inventario-shell.onboarding-shell,
.inventario-detalle-page.inventarios-page.inventario-shell.onboarding-shell,
.inventario-detalle-page.inventario-shell.onboarding-shell {
  padding: 77px var(--page-margin) 40px;
}
.inventario-shell.onboarding-shell > .inventarios-contenido,
.inventario-shell.onboarding-shell > .detalle-contenido {
  width: 100%;
  max-width: none;
  margin-right: 0;
  margin-left: 0;
}
.inventario-shell .inventarios-filtros {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 8px 24px;
  background: #fff;
  border-radius: 8px;
}
@media (max-width: 760px) {
  .inventario-shell .inventarios-filtros {
    flex-wrap: wrap;
  }
  .inventario-shell .inventarios-filtros .search-control {
    flex-basis: 100%;
  }
}
.estado-control select {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}
.estado-control select:disabled {
  cursor: not-allowed;
}
label.estado-control > .estado-chevron {
  display: none;
}
.filters {
  gap: 8px;
}
.filters > .search-control,
.filters > .use-control,
.filters > .estado-control {
  box-sizing: border-box;
  display: flex;
  width: 186px;
  min-width: 186px;
  height: 40px;
  padding: 10px 12px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border: 1px solid #616161;
  border-radius: 8px;
  background: #fff;
  color: #616161;
  font-family:
    Roboto,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}
.filters > .search-control svg,
.filters > .use-control > span,
.filters > .estado-control .estado-left > svg,
.filters > .estado-control .c3-filter-icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.filters > .search-control input {
  min-width: 0;
  height: 20px;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #616161;
  font: inherit;
  line-height: 20px;
}
.filters > .search-control input::placeholder {
  color: #616161;
  opacity: 1;
}
.filters > .use-control select,
.filters > .estado-control select {
  appearance: none;
  -webkit-appearance: none;
  flex: 1 1 auto;
  min-width: 0;
  height: 20px;
  margin: 0;
  padding: 0 28px 0 0;
  border: 0;
  outline: 0;
  color: #616161;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%23616161' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px 20px;
  font: inherit;
  line-height: 20px;
  cursor: pointer;
}
.filters > .use-control select option,
.filters > .estado-control select option {
  color: #616161;
}
.filters > label.estado-control > .estado-chevron {
  display: none;
}
.filters > .estado-control .estado-left {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  gap: 8px;
}
.filters > .estado-control .estado-left select {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
.filters .use-control,
.filters label.estado-control,
.filters .estado-control--select {
  position: relative;
}
.filters .use-control select,
.filters label.estado-control select,
.filters .estado-control--select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
  padding-right: 32px;
}
.filters .use-control::after,
.filters label.estado-control::after,
.filters .estado-control--select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%23616161' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  pointer-events: none;
}
.filters .estado-control--select::after {
  z-index: 2;
}
.filters .estado-control--select .estado-select-overlay {
  z-index: 3;
}
.filters .estado-control--select::after {
  pointer-events: none;
}
.filters label.estado-control > .estado-chevron {
  display: none !important;
}
.filters button.estado-control > .estado-chevron {
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.filters .estado-control--select::after {
  z-index: 4;
}
.filters .estado-control--select .estado-select-overlay {
  z-index: 3;
}
.estado-control--custom {
  position: relative;
  width: 186px;
  height: 40px;
  padding: 0;
}
.estado-control--custom .estado-control__trigger {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 10px 12px;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #616161;
  font:
    400 14px/16px Roboto,
    Arial,
    sans-serif;
  cursor: pointer;
}
.estado-control--custom .estado-left {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}
.estado-control--custom .estado-left svg,
.estado-control--custom .estado-chevron {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
}
.estado-control--custom .estado-left svg,
.estado-control--custom .estado-chevron {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}
.estado-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: 50;
  width: 100%;
  padding: 4px 0;
  border: 1px solid #616161;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.estado-dropdown__option {
  display: flex;
  width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  align-items: center;
  border: 0;
  background: #fff;
  color: #424242;
  font:
    400 14px/20px Roboto,
    Arial,
    sans-serif;
  text-align: left;
  cursor: pointer;
}
.estado-dropdown__option:hover {
  background: #f5f5f5;
}
.estado-dropdown__option--selected {
  font-weight: 500;
  background: #f5f5f5;
}
.estado-control--custom::after {
  display: none !important;
}
.onboarding-shell .field.field--selector {
  display: block;
  min-width: 0;
  height: 48px;
  min-height: 48px;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.onboarding-shell .field.field--selector > app-selector-desplegable {
  display: block;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0;
}
.onboarding-shell .field.field--selector::before,
.onboarding-shell .field.field--selector::after {
  display: none !important;
}
.onboarding-shell .importacion-incidencias {
  margin: 8px 24px 24px;
  padding: 16px 20px;
  border-radius: 8px;
  background: #fff;
}
.onboarding-shell .importacion-incidencias h3 {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 22px;
}
.onboarding-shell .importacion-incidencia {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  padding: 10px 12px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 14px;
}
.onboarding-shell .importacion-incidencia:last-child {
  border-bottom: 0;
}
.onboarding-shell .importacion-incidencia--rechazada {
  color: #b3261e;
  background: #fff8f7;
}
.onboarding-shell .importacion-incidencia--advertencia {
  color: #7a5200;
  background: #fffaf0;
}
.onboarding-shell .preview-title-with-status {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}
.onboarding-shell .preview-title-with-status strong {
  min-width: 0;
}
.onboarding-shell .preview-status-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
}
.onboarding-shell .preview-status-icon img {
  display: block;
  width: 20px;
  height: 20px;
}
.onboarding-shell .preview-meta-line {
  display: flex !important;
  min-width: 0;
  align-items: center;
  gap: 4px;
}
.onboarding-shell .preview-meta-line > span {
  min-width: 0;
}
.onboarding-shell .preview-meta-icon {
  display: inline-block;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  object-fit: contain;
  opacity: 0.58;
}
.onboarding-shell .preview-filter-icon {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;
  opacity: 0.78;
}
.onboarding-shell .registro-meta,
.onboarding-shell .preview-meta-line {
  color: #9e9e9e;
}
.onboarding-shell .row-actions {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  overflow: visible;
}
.onboarding-shell .icon-button {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #1f211f;
  cursor: pointer;
}
.onboarding-shell .icon-button svg {
  display: block;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #1f211f;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.onboarding-shell .more-button svg circle {
  fill: #1f211f;
  stroke: none;
}
.onboarding-shell .menu-wrapper {
  position: relative;
}
.onboarding-shell .registro {
  position: relative;
  z-index: 0;
  overflow: visible;
}
.onboarding-shell .registro:has(.row-menu) {
  z-index: 200;
}
.onboarding-shell .table-card:has(.row-menu) {
  overflow: visible;
}
.onboarding-shell .expand-button--open {
  background: #e9f9f5;
}
.onboarding-shell .expand-button--open svg {
  stroke: #00aaa1;
}
:is(.onboarding-shell, .inventario-shell, .confirmacion-page) .footer-icon-button img {
  display: block;
  width: 20px;
  height: 20px;
}
.onboarding-shell .menu-wrapper {
  position: relative !important;
}
.onboarding-shell .row-menu {
  position: absolute !important;
  z-index: 1000 !important;
  top: 30px !important;
  right: 0 !important;
  display: flex !important;
  width: 184px !important;
  flex-direction: column !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  padding: 4px 0 !important;
  overflow: visible !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}
.onboarding-shell .row-menu > button,
.onboarding-shell .row-menu > a {
  display: flex !important;
  width: 100% !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  background: transparent !important;
  color: #1f211f;
  font:
    400 14px/20px Roboto,
    Arial,
    sans-serif !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.onboarding-shell .row-menu > button:hover,
.onboarding-shell .row-menu > a:hover {
  background: #f5f5f5 !important;
}
.onboarding-shell .row-menu > .delete-option {
  color: #c62828 !important;
}
.onboarding-shell .row-menu > button::before,
.onboarding-shell .row-menu > a::before {
  content: "";
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.onboarding-shell .row-menu > button:first-child::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/ver.svg);
  mask-image: url(/assets/onboarding/ui-icons/ver.svg);
}
.onboarding-shell .row-menu > a::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/editar.svg);
  mask-image: url(/assets/onboarding/ui-icons/editar.svg);
}
.onboarding-shell .row-menu > .delete-option::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
  mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
}
.onboarding-shell .registro:has(.row-menu),
.onboarding-shell .data-row-wrapper:has(.row-menu) {
  position: relative;
  z-index: 200 !important;
  overflow: visible !important;
}
.onboarding-shell .table-card:has(.row-menu) {
  overflow: visible !important;
}
.onboarding-shell.combustible-page--renovables .renewable-primary-value {
  display: block;
  margin-bottom: 4px;
  color: #1f211f;
  font-family:
    Roboto,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.onboarding-shell.combustible-page--renovables .renewable-expanded-row {
  display: flex !important;
  min-height: 62px;
  align-items: flex-start;
  gap: 16px !important;
  box-sizing: border-box;
  padding: 12px 24px 12px 52px !important;
}
.onboarding-shell.combustible-page--renovables .renewable-detail-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.onboarding-shell.combustible-page--renovables .renewable-detail-item--coordinates {
  width: 220px;
  flex: 0 0 220px;
}
.onboarding-shell.combustible-page--renovables .renewable-detail-item--description {
  width: 280px;
  flex: 0 0 280px;
}
.onboarding-shell.combustible-page--renovables .renewable-detail-value {
  display: block;
  min-height: 18px;
  color: #1f211f;
  font-family:
    Roboto,
    Arial,
    sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.onboarding-shell.combustible-page--renovables .renewable-detail-meta {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  color: #9e9e9e;
  font-family:
    Roboto,
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.onboarding-shell.combustible-page--renovables .renewable-detail-meta img {
  display: block;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.onboarding-shell.combustible-page--renovables .renewable-detail-meta span {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
@media (max-width: 900px) {
  .onboarding-shell.combustible-page--renovables .renewable-expanded-row {
    flex-direction: column;
    padding: 12px 28px !important;
  }
  .onboarding-shell.combustible-page--renovables .renewable-detail-item--coordinates,
  .onboarding-shell.combustible-page--renovables .renewable-detail-item--description {
    width: 100%;
    flex-basis: auto;
  }
}
:is(.confirmacion-page, .inventario-detalle-page) .confirmacion-exportar-icon img {
  filter: brightness(0) saturate(100%);
  opacity: 1;
}
.auth-page {
  position: relative;
  width: 100%;
  min-height: 754px;
  height: 100dvh;
  overflow: hidden;
  box-sizing: border-box;
  background: #f5f5f5;
  color: #1f211f;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
}
.auth-header {
  position: absolute;
  inset: 0 0 auto 0;
  height: 92px;
}
.back-button {
  position: absolute;
  top: 38px;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 0;
  color: #1f211f;
  background: transparent;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}
.back-button img {
  display: block;
  width: 20px;
  height: 20px;
}
.ietcan-logo {
  position: absolute;
  top: 32px;
  left: 50%;
  width: 60px;
  height: 36px;
  object-fit: contain;
  transform: translateX(-50%);
}
.request-account-button {
  position: absolute;
  top: 39px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 125px;
  height: 22px;
  padding: 0 20px;
  box-sizing: border-box;
  color: #1f211f;
  background: transparent;
  border: 1px solid #1f211f;
  border-radius: 48px;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.auth-card {
  position: absolute;
  top: 92px;
  left: 50%;
  width: 470px;
  max-width: calc(100% - 32px);
  padding: 40px;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 16px;
  transform: translateX(-50%);
}
.auth-title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  text-align: center;
}
.auth-title h1,
.auth-title p {
  margin: 0;
}
.auth-title h1 {
  color: #1f211f;
  font-family:
    "Fieldwork",
    "Roboto",
    Arial,
    sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}
.auth-title p {
  color: #616161;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.login-form {
  display: flex;
  flex-direction: column;
  gap: 48px;
  width: 100%;
}
.form-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
}
.form-error {
  margin: 0;
  color: #d32f2f;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 14px;
  line-height: 20px;
}
.next-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 48px;
  padding: 0 20px;
  color: #ffffff;
  background: #00ccc0;
  border: 0;
  border-radius: 48px;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  transition: background-color 120ms ease;
}
.next-button:disabled {
  background: #9e9e9e;
  cursor: default;
}
.auth-footer {
  position: absolute;
  right: 24px;
  bottom: 0;
  left: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.auth-footer a {
  color: #616161;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: underline;
}
.auth-page--home .auth-card {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.auth-page--home .auth-footer {
  height: 50px;
}
.auth-page--form .auth-footer {
  padding: 16px 0;
}
@media (max-width: 540px) {
  .auth-page--form {
    min-height: 100dvh;
    overflow-y: auto;
  }
  .auth-page--form .back-button {
    left: 16px;
  }
  .auth-page--form .request-account-button {
    right: 16px;
    min-width: auto;
    padding: 0 12px;
  }
  .auth-page--form .auth-card {
    width: calc(100% - 32px);
    padding: 32px 24px;
  }
  .auth-page--form .auth-footer {
    right: 16px;
    left: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .auth-page--home .back-button {
    left: 16px;
  }
  .auth-page--home .request-account-button {
    right: 16px;
  }
  .auth-page--home .auth-card {
    width: 468px;
  }
  .auth-page--home .auth-footer {
    right: 16px;
    left: 16px;
  }
}
@media (min-width: 1200px) {
  .auth-page--home .back-button {
    left: 30px;
  }
  .auth-page--home .request-account-button {
    right: 30px;
  }
  .auth-page--home .auth-card {
    width: 558px;
  }
  .auth-page--home .auth-footer {
    right: 30px;
    left: 30px;
  }
}
.password-field {
  position: relative;
  width: 100%;
}
.password-input-container {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 56px;
  padding: 0 12px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #616161;
  border-radius: 8px;
}
.password-field:focus-within .password-input-container {
  border-color: #1f211f;
}
.password-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}
.password-input-container input {
  flex: 1;
  min-width: 0;
  padding: 0;
  color: #1f211f;
  background: transparent;
  border: 0;
  outline: 0;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
.password-input-container input::placeholder {
  color: #616161;
  opacity: 1;
}
.password-label {
  position: absolute;
  top: -7px;
  left: 8px;
  z-index: 2;
  display: none;
  padding: 0 4px;
  color: #616161;
  background: #ffffff;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.password-field:focus-within .password-label,
.password-field.has-value .password-label {
  display: block;
}
.password-field:focus-within input::placeholder,
.password-field.has-value input::placeholder {
  color: transparent;
}
.visibility-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.visibility-button img {
  display: block;
  width: 24px;
  height: 24px;
}
.auth-field {
  position: relative;
  width: 100%;
}
.auth-input-container {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 56px;
  padding: 0 12px;
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #616161;
  border-radius: 8px;
}
.auth-field:focus-within .auth-input-container {
  border-color: #1f211f;
}
.auth-input-icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}
.auth-input-container input,
.auth-input-container select {
  flex: 1;
  min-width: 0;
  padding: 0;
  color: #1f211f;
  background: transparent;
  border: 0;
  outline: 0;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
.auth-input-container input {
  height: 54px;
}
.auth-input-container input::placeholder {
  color: #616161;
  opacity: 1;
}
.auth-input-container select {
  height: 54px;
  color: #616161;
  appearance: none;
  cursor: pointer;
}
.auth-field.has-value select {
  color: #1f211f;
}
.auth-field-label {
  position: absolute;
  top: -7px;
  left: 8px;
  z-index: 2;
  display: none;
  padding: 0 4px;
  color: #616161;
  background: #ffffff;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.auth-field:focus-within .auth-field-label,
.auth-field.has-value .auth-field-label {
  display: block;
}
.auth-field:focus-within input::placeholder,
.auth-field.has-value input::placeholder {
  color: transparent;
}
.auth-select-arrow {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.auth-page--long-form {
  height: auto;
  min-height: 100dvh;
  overflow: visible;
}
.auth-page--long-form .auth-card {
  position: relative;
  top: auto;
  left: auto;
  margin: 92px auto 0;
  transform: none;
}
.auth-page--long-form .auth-footer {
  position: relative;
  right: auto;
  bottom: auto;
  left: auto;
  margin-top: 16px;
  padding: 16px 24px;
}
@media (min-width: 1200px) {
  .auth-page--long-form .auth-card {
    width: 558px;
  }
}
.auth-page--long-form {
  padding-top: 92px;
  box-sizing: border-box;
}
.auth-page--long-form .auth-header {
  z-index: 20;
}
.auth-page--long-form .auth-card {
  margin-top: 0;
  z-index: 1;
}
.auth-page img[src="/assets/icons/mail.svg"],
.restore-email-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  object-fit: contain;
  flex: 0 0 24px;
}
.auth-page img[src="/assets/icons/eye.svg"] {
  width: 24px;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  object-fit: contain;
  flex: 0 0 24px;
}
.email-field--error .email-input-container {
  border-color: #d32f2f;
}
.email-field--error .email-label {
  color: #d32f2f;
}
.email-field-error {
  margin: 6px 12px 0;
  color: #d32f2f;
  font-family:
    "Roboto",
    Arial,
    sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
html {
  height: 100%;
  --mat-sys-background: light-dark(#faf9fd, #121316);
  --mat-sys-error: light-dark(#ba1a1a, #ffb4ab);
  --mat-sys-error-container: light-dark(#ffdad6, #93000a);
  --mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);
  --mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);
  --mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);
  --mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-error: light-dark(#ffffff, #690005);
  --mat-sys-on-error-container: light-dark(#93000a, #ffdad6);
  --mat-sys-on-primary: light-dark(#ffffff, #002f65);
  --mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);
  --mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);
  --mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);
  --mat-sys-on-secondary: light-dark(#ffffff, #283041);
  --mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);
  --mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);
  --mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);
  --mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);
  --mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);
  --mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);
  --mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);
  --mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);
  --mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);
  --mat-sys-outline: light-dark(#74777f, #8e9099);
  --mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);
  --mat-sys-primary: light-dark(#005cbb, #abc7ff);
  --mat-sys-primary-container: light-dark(#d7e3ff, #00458f);
  --mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);
  --mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);
  --mat-sys-scrim: light-dark(#000000, #000000);
  --mat-sys-secondary: light-dark(#565e71, #bec6dc);
  --mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);
  --mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);
  --mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);
  --mat-sys-shadow: light-dark(#000000, #000000);
  --mat-sys-surface: light-dark(#faf9fd, #121316);
  --mat-sys-surface-bright: light-dark(#faf9fd, #38393c);
  --mat-sys-surface-container: light-dark(#efedf0, #1f2022);
  --mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);
  --mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);
  --mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);
  --mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);
  --mat-sys-surface-dim: light-dark(#dbd9dd, #121316);
  --mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);
  --mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);
  --mat-sys-tertiary: light-dark(#343dff, #bec2ff);
  --mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);
  --mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);
  --mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2:
    0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
body {
  color-scheme: light;
  background-color: var(--mat-sys-surface);
  color: var(--mat-sys-on-surface);
  font: var(--mat-sys-body-medium);
  margin: 0;
  height: 100%;
}
.consumo-page .button:disabled,
.consumo-page .continue-button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.importacion-resumen {
  margin: 8px 24px 4px;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.importacion-resumen h2 {
  margin: 0 0 12px;
  font-family:
    "Fieldwork",
    Arial,
    sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: #1f211f;
}
.importacion-resumen__archivo {
  display: flex;
  gap: 8px;
  align-items: center;
  font:
    400 12px/16px "Roboto",
    Arial,
    sans-serif;
  color: #616161;
}
.importacion-documento {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  background: #f8f7f5;
  border-radius: 4px;
  color: #302c29;
}
.importacion-documento img {
  width: 16px;
  height: 16px;
}
.importacion-metricas {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0 24px 24px;
}
.importacion-metrica {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid;
  border-radius: 8px;
}
.importacion-metrica--registros {
  border-color: #9e9e9e;
}
.importacion-metrica--aceptados {
  border-color: #00ccc0;
}
.importacion-metrica--advertencias {
  border-color: #f8b900;
}
.importacion-metrica--rechazados {
  border-color: #e75340;
}
.importacion-metrica__cabecera {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.importacion-metrica__cabecera span {
  font:
    400 12px/16px "Roboto",
    Arial,
    sans-serif;
  color: #1f211f;
}
.importacion-metrica__cabecera img {
  display: block;
  width: 20px;
  height: 20px;
}
.importacion-metrica > strong {
  font-family:
    "Fieldwork",
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: #1f211f;
}
.importacion-incidencias {
  margin: -12px 24px 24px;
  padding: 16px 24px;
  background: #fff;
  border-radius: 8px;
  font:
    400 12px/16px "Roboto",
    Arial,
    sans-serif;
  color: #616161;
}
.importacion-incidencias > strong {
  color: #1f211f;
}
.importacion-incidencias p {
  margin: 6px 0 0;
}
@media (max-width: 700px) {
  .importacion-metricas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .importacion-resumen__archivo {
    align-items: flex-start;
    flex-direction: column;
  }
}
.inventario-validacion {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 24px;
}
.inventario-validacion__cabecera {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.inventario-validacion__cabecera h2 {
  margin: 0;
  font-family:
    "Fieldwork",
    "Roboto",
    Arial,
    sans-serif;
  font-size: 20px;
  line-height: 20px;
}
.inventario-validacion__tabs {
  display: flex;
  gap: 4px;
}
.inventario-validacion__tabs button {
  padding: 8px;
  color: #00a99d;
  background: transparent;
  border: 0;
  border-radius: 8px;
  font:
    700 14px/16px "Roboto",
    Arial,
    sans-serif;
  cursor: pointer;
}
.inventario-validacion__tabs button.activo {
  color: #fff;
  background: #1a3c3f;
}
.inventario-validacion__metricas {
  margin: 0;
}
.inventario-validacion__tabla {
  overflow: hidden;
  padding: 24px 0;
  background: #fff;
  border-radius: 8px;
}
.inventario-validacion__fila {
  display: grid;
  grid-template-columns: 60px 120px 140px 1fr;
  gap: 16px;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid #e0e0e0;
  font:
    400 14px/18px "Roboto",
    Arial,
    sans-serif;
}
.inventario-validacion__fila--cabecera {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #9e9e9e;
}
.inventario-validacion__estado {
  display: inline-flex;
  padding: 4px 8px;
  border: 1px solid;
  border-radius: 48px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}
.inventario-validacion__estado--advertencia {
  color: #f8b900;
  background: #fdf8e7;
}
.inventario-validacion__estado--rechazado {
  color: #e75340;
  background: #faeeec;
}
.inventario-validacion__vacio {
  padding: 24px;
  color: #616161;
  background: #fff;
  border-radius: 8px;
  font:
    400 14px/18px "Roboto",
    Arial,
    sans-serif;
}
@media (max-width: 700px) {
  .inventario-validacion__cabecera {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
  .inventario-validacion__fila {
    grid-template-columns: 50px 110px 1fr;
  }
  .inventario-validacion__fila > :last-child {
    grid-column: 1/-1;
  }
}
.combustible-page--vehiculos .category-icon,
.form-page--vehiculos .category-icon {
  background: #ecedf7;
  color: #4c4bc6;
}
.combustible-page--vehiculos .category-icon svg,
.form-page--vehiculos .category-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.c3-filter-icon {
  display: inline-flex;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
}
.c3-filter-icon svg,
.c3-filter-icon img {
  width: 20px;
  height: 20px;
}
.c3-filter-icon svg {
  fill: none;
  stroke: #616161;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.form-page--vehiculos .c3-svg-input-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: #616161;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.combustible-page--vehiculos .c3-record-actions {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.combustible-page--vehiculos .c3-record-actions a,
.combustible-page--vehiculos .c3-record-actions button {
  box-sizing: border-box;
  min-height: 30px;
  padding: 6px 12px;
  border: 1px solid #1f211f;
  border-radius: 48px;
  background: #fff;
  color: #1f211f;
  font:
    700 12px/16px "Roboto",
    Arial,
    sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.combustible-page--vehiculos .c3-record-actions button:hover,
.combustible-page--vehiculos .c3-record-actions a:hover {
  background: #f5f5f5;
}
.combustible-page.combustible-page--vehiculos > .banner {
  background-image: url(/assets/onboarding/consumo-combustible-vehiculo/cabecera.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.combustible-page--vehiculos .c3-detail-toggle {
  background: #e9f9f5;
}
.combustible-page--vehiculos .c3-detail-toggle svg {
  transition: transform 0.15s ease;
}
.combustible-page--vehiculos .c3-detail-toggle--open svg {
  transform: rotate(180deg);
}
.combustible-page--vehiculos .c3-expanded-row {
  grid-template-columns: 220px;
}
.combustible-page--vehiculos .c3-detail-label {
  display: flex;
  align-items: center;
  gap: 4px;
}
.combustible-page--vehiculos .c3-detail-label img {
  width: 16px;
  height: 16px;
}
.consumo-page .search-control {
  width: 224px;
}
.consumo-page .registro-actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.consumo-page .more-button {
  width: 24px;
  height: 24px;
  padding: 4px;
  border: 0;
}
.consumo-page .more-button svg {
  width: 16px;
  height: 16px;
  fill: none;
}
.consumo-page .more-button svg circle,
.combustible-page .more-button svg circle {
  fill: #1f211f;
  stroke: none;
}
.consumo-page .menu-wrapper {
  position: relative;
  z-index: 80;
}
.consumo-page .row-menu {
  position: absolute;
  z-index: 80;
  top: 30px;
  right: 0;
  width: 184px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.consumo-page .row-menu button,
.consumo-page .row-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 38px;
  padding: 9px 12px;
  box-sizing: border-box;
  color: #1f211f;
  background: #fff;
  border: 0;
  font:
    400 14px/18px "Roboto",
    Arial,
    sans-serif;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
.consumo-page .row-menu button:hover,
.consumo-page .row-menu a:hover {
  background: #f5f5f5;
}
.consumo-page .row-menu .delete-option {
  color: #c62828;
}
.onboarding-shell .row-menu {
  width: 184px;
}
.onboarding-shell .row-menu button,
.onboarding-shell .row-menu a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.onboarding-shell .row-menu button::before,
.onboarding-shell .row-menu a::before {
  content: "";
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.onboarding-shell .row-menu > button:first-child::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/ver.svg);
  mask-image: url(/assets/onboarding/ui-icons/ver.svg);
}
.onboarding-shell .row-menu > a::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/editar.svg);
  mask-image: url(/assets/onboarding/ui-icons/editar.svg);
}
.onboarding-shell .row-menu > .delete-option::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
  mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
}
.onboarding-shell .footer-step-item {
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.onboarding-shell .footer-step-item::before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.onboarding-shell .footer-step-menu > :nth-child(1)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/anio.svg);
  mask-image: url(/assets/onboarding/ui-icons/anio.svg);
}
.onboarding-shell .footer-step-menu > :nth-child(2)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/electricidad.svg);
  mask-image: url(/assets/onboarding/ui-icons/electricidad.svg);
}
.onboarding-shell .footer-step-menu > :nth-child(3)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/edificios.svg);
  mask-image: url(/assets/onboarding/ui-icons/edificios.svg);
}
.onboarding-shell .footer-step-menu > :nth-child(4)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/vehiculos.svg);
  mask-image: url(/assets/onboarding/ui-icons/vehiculos.svg);
}
.onboarding-shell .footer-step-menu > :nth-child(5)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/transporte.svg);
  mask-image: url(/assets/onboarding/ui-icons/transporte.svg);
}
.onboarding-shell .footer-step-menu > :nth-child(6)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/renovables.svg);
  mask-image: url(/assets/onboarding/ui-icons/renovables.svg);
}
.onboarding-shell .footer-step-menu > :nth-child(7)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/confirmacion.svg);
  mask-image: url(/assets/onboarding/ui-icons/confirmacion.svg);
}
.onboarding-shell .menu-wrapper > .icon-button,
.onboarding-shell .menu-wrapper > .more-button {
  width: 24px !important;
  height: 24px !important;
  padding: 4px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 48px !important;
  box-shadow: none !important;
}
.onboarding-shell .menu-wrapper > .icon-button > svg,
.onboarding-shell .menu-wrapper > .more-button > svg {
  display: none !important;
}
.onboarding-shell .menu-wrapper > .icon-button::before,
.onboarding-shell .menu-wrapper > .more-button::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-color: #1f211f;
  -webkit-mask-image: url(/assets/onboarding/ui-icons/more-vertical.svg);
  mask-image: url(/assets/onboarding/ui-icons/more-vertical.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.onboarding-shell .row-menu > button,
.onboarding-shell .row-menu > a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.onboarding-shell .row-menu > button::before,
.onboarding-shell .row-menu > a::before {
  content: "";
  display: block !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.onboarding-shell .row-menu > button:first-child::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/ver.svg);
  mask-image: url(/assets/onboarding/ui-icons/ver.svg);
}
.onboarding-shell .row-menu > a::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/editar.svg);
  mask-image: url(/assets/onboarding/ui-icons/editar.svg);
}
.onboarding-shell .row-menu > .delete-option::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
  mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
}
.onboarding-shell .footer-step-item::before {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
}
.onboarding-shell .registro {
  position: relative;
  z-index: 0;
}
.onboarding-shell .registro:has(.row-menu) {
  z-index: 200 !important;
}
.onboarding-shell .table-card:has(.row-menu) {
  overflow: visible !important;
}
.consumo-page .consumo-registro:has(.row-menu) {
  position: relative;
  z-index: 200 !important;
}
.onboarding-shell .row-actions,
.consumo-page .registro-actions {
  overflow: visible !important;
}
.onboarding-shell .registro:has(.row-menu) .row-actions,
.consumo-page .consumo-registro:has(.row-menu) .registro-actions {
  position: relative;
  z-index: 210 !important;
}
.onboarding-shell .menu-wrapper {
  position: relative;
}
.onboarding-shell .registro:has(.row-menu) .menu-wrapper,
.consumo-page .consumo-registro:has(.row-menu) .menu-wrapper {
  z-index: 220 !important;
}
.onboarding-shell .row-menu {
  position: absolute !important;
  z-index: 230 !important;
  top: 30px !important;
  right: 0 !important;
  width: 184px !important;
  min-width: 184px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
}
.onboarding-shell .row-menu > button,
.onboarding-shell .row-menu > a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 9px 12px !important;
  color: #1f211f;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font:
    400 14px/18px "Roboto",
    Arial,
    sans-serif !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer;
}
.onboarding-shell .row-menu > button:hover,
.onboarding-shell .row-menu > a:hover {
  background: #f5f5f5 !important;
}
.onboarding-shell .row-menu > .delete-option {
  color: #e75340 !important;
}
.onboarding-shell .row-menu > button::before,
.onboarding-shell .row-menu > a::before {
  content: "";
  display: block !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.onboarding-shell .row-menu > button:first-child::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/ver.svg);
  mask-image: url(/assets/onboarding/ui-icons/ver.svg);
}
.onboarding-shell .row-menu > a::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/editar.svg);
  mask-image: url(/assets/onboarding/ui-icons/editar.svg);
}
.onboarding-shell .row-menu > .delete-option::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
  mask-image: url(/assets/onboarding/ui-icons/eliminar.svg);
}
.consumo-page .consumo-registro:has(.row-menu) {
  position: relative;
  z-index: 90;
}
.consumo-page .consumo-registro:has(.row-menu) .consumo-registro__resumen {
  position: relative;
  z-index: 90;
  overflow: visible;
}
.consumo-page .consumo-registro:has(.row-menu) .menu-wrapper {
  position: relative;
  z-index: 100;
}
.consumo-page .consumo-registro:has(.row-menu) .row-menu {
  z-index: 110 !important;
}
:is(.consumo-page, .combustible-page) .carga-masiva.carga-masiva--opciones {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  gap: 16px;
  align-items: stretch;
  width: 100%;
  min-height: 212px;
  height: auto !important;
  padding: 24px !important;
  box-sizing: border-box;
  background: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
}
:is(.consumo-page, .combustible-page) .carga-opcion {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  min-width: 0;
  text-align: center;
}
:is(.consumo-page, .combustible-page) .carga-opcion__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  box-sizing: border-box;
  background: #e9f9f5;
  border-radius: 8px;
}
:is(.consumo-page, .combustible-page) .carga-opcion__icon img {
  display: block;
  width: 24px;
  height: 24px;
}
:is(.consumo-page, .combustible-page) .carga-opcion__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
:is(.consumo-page, .combustible-page) .carga-opcion__copy h2 {
  margin: 0;
  color: #1f211f;
  font-family:
    "Fieldwork",
    "Roboto",
    Arial,
    sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}
:is(.consumo-page, .combustible-page) .carga-opcion__copy p {
  margin: 0;
  color: #616161;
  font:
    400 12px/16px "Roboto",
    Arial,
    sans-serif;
}
:is(.consumo-page, .combustible-page) .carga-opcion__meta {
  margin-top: 2px !important;
}
:is(.consumo-page, .combustible-page) .carga-opcion__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: auto;
}
:is(.consumo-page, .combustible-page) .carga-opcion__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 120px;
  height: 32px;
  padding: 6px 16px;
  border-radius: 48px;
  font:
    700 14px/16px "Roboto",
    Arial,
    sans-serif;
}
:is(.consumo-page, .combustible-page) .carga-opcion__button-icon {
  display: block;
  width: 20px;
  height: 20px;
}
:is(.consumo-page, .combustible-page) .carga-opciones__divider {
  width: 1px;
  height: 164px;
  align-self: center;
  background: #e0e0e0;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-actions {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  margin-top: auto;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-select {
  position: relative;
  display: flex;
  align-items: center;
  width: 218px;
  height: 40px;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-select select {
  width: 100%;
  height: 40px;
  padding: 10px 38px 10px 40px;
  color: #616161;
  background: #fff;
  border: 1px solid #616161;
  border-radius: 8px;
  appearance: none;
  font:
    400 14px/16px "Roboto",
    Arial,
    sans-serif;
  cursor: pointer;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-select select:disabled {
  color: #9e9e9e;
  background: #f5f5f5;
  cursor: not-allowed;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-select__icon,
:is(.consumo-page, .combustible-page) .inventario-anterior-select__chevron {
  position: absolute;
  z-index: 1;
  top: 10px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-select__icon {
  left: 12px;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-select__chevron {
  right: 12px;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-importar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  background: #00ccc0;
  border: 0;
  border-radius: 48px;
  cursor: pointer;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-importar img {
  display: block;
  width: 24px;
  height: 24px;
}
:is(.consumo-page, .combustible-page) .inventario-anterior-importar:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@media (max-width: 800px) {
  :is(.consumo-page, .combustible-page) .carga-masiva.carga-masiva--opciones {
    grid-template-columns: 1fr;
  }
  :is(.consumo-page, .combustible-page) .carga-opciones__divider {
    width: 100%;
    height: 1px;
  }
  :is(.consumo-page, .combustible-page) .carga-opcion__actions {
    flex-wrap: wrap;
  }
  :is(.consumo-page, .combustible-page) .inventario-anterior-actions {
    width: 100%;
  }
  :is(.consumo-page, .combustible-page) .inventario-anterior-select {
    flex: 1 1 auto;
    max-width: 280px;
  }
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu {
  box-sizing: border-box;
}
:is(.inventario-shell, .confirmacion-page) .footer-step-item {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
:is(.inventario-shell, .confirmacion-page) .footer-step-item::before {
  content: "";
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu > :nth-child(1)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/anio.svg);
  mask-image: url(/assets/onboarding/ui-icons/anio.svg);
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu > :nth-child(2)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/electricidad.svg);
  mask-image: url(/assets/onboarding/ui-icons/electricidad.svg);
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu > :nth-child(3)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/edificios.svg);
  mask-image: url(/assets/onboarding/ui-icons/edificios.svg);
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu > :nth-child(4)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/vehiculos.svg);
  mask-image: url(/assets/onboarding/ui-icons/vehiculos.svg);
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu > :nth-child(5)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/transporte.svg);
  mask-image: url(/assets/onboarding/ui-icons/transporte.svg);
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu > :nth-child(6)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/renovables.svg);
  mask-image: url(/assets/onboarding/ui-icons/renovables.svg);
}
:is(.inventario-shell, .confirmacion-page) .footer-step-menu > :nth-child(7)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/confirmacion.svg);
  mask-image: url(/assets/onboarding/ui-icons/confirmacion.svg);
}
.confirmacion-page .confirmacion-button {
  min-width: 0;
  min-height: 36px;
  height: 36px;
  padding: 6px 14px;
  gap: 6px;
  font:
    700 14px/16px Roboto,
    Arial,
    sans-serif;
}
.confirmacion-page .confirmacion-button img {
  width: 20px;
  height: 20px;
}
.confirmacion-page .onboarding-footer .footer-step-menu {
  box-sizing: border-box !important;
}
.confirmacion-page .onboarding-footer .footer-step-item {
  display: flex !important;
  box-sizing: border-box !important;
  min-height: 40px !important;
  height: 40px !important;
  padding: 8px 12px !important;
  align-items: center !important;
  gap: 8px !important;
  font:
    400 14px/20px Roboto,
    Arial,
    sans-serif !important;
}
.confirmacion-page .onboarding-footer .footer-step-item::before {
  content: "" !important;
  display: block !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  background-color: currentColor !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}
.confirmacion-page .footer-step-menu > :nth-child(1)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/anio.svg) !important;
  mask-image: url(/assets/onboarding/ui-icons/anio.svg) !important;
}
.confirmacion-page .footer-step-menu > :nth-child(2)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/electricidad.svg) !important;
  mask-image: url(/assets/onboarding/ui-icons/electricidad.svg) !important;
}
.confirmacion-page .footer-step-menu > :nth-child(3)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/edificios.svg) !important;
  mask-image: url(/assets/onboarding/ui-icons/edificios.svg) !important;
}
.confirmacion-page .footer-step-menu > :nth-child(4)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/vehiculos.svg) !important;
  mask-image: url(/assets/onboarding/ui-icons/vehiculos.svg) !important;
}
.confirmacion-page .footer-step-menu > :nth-child(5)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/transporte.svg) !important;
  mask-image: url(/assets/onboarding/ui-icons/transporte.svg) !important;
}
.confirmacion-page .footer-step-menu > :nth-child(6)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/renovables.svg) !important;
  mask-image: url(/assets/onboarding/ui-icons/renovables.svg) !important;
}
.confirmacion-page .footer-step-menu > :nth-child(7)::before {
  -webkit-mask-image: url(/assets/onboarding/ui-icons/confirmacion.svg) !important;
  mask-image: url(/assets/onboarding/ui-icons/confirmacion.svg) !important;
}
.confirmacion-page .confirmacion-footer__center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
.confirmacion-page .confirmacion-button {
  box-sizing: border-box !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 6px 12px !important;
  gap: 6px !important;
  font:
    700 14px/16px Roboto,
    Arial,
    sans-serif !important;
}
.confirmacion-page .confirmacion-button img {
  width: 20px !important;
  height: 20px !important;
}
.inventario-shell .footer-step-selector > summary.footer-icon-button {
  box-sizing: border-box !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 6px !important;
}
@media print {
  .inventario-detalle-page.inventario-shell:not(.confirmacion-page) {
    padding: 0 !important;
    min-height: auto !important;
    background: #fff !important;
  }
  .inventario-detalle-page.inventario-shell:not(.confirmacion-page) app-menu-lateral {
    display: none !important;
  }
  .inventario-detalle-page.inventario-shell:not(.confirmacion-page) .inventario-footer,
  .inventario-detalle-page.inventario-shell:not(.confirmacion-page) > .onboarding-footer {
    display: none !important;
  }
  .inventario-detalle-page.inventario-shell:not(.confirmacion-page) .footer-step-selector,
  .inventario-detalle-page.inventario-shell:not(.confirmacion-page) .footer-step-menu {
    display: none !important;
  }
  .inventario-detalle-page.inventario-shell:not(.confirmacion-page) > .detalle-contenido {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
.datos-sectoriales-detail-page .button {
  display: inline-flex;
  min-height: 32px;
  padding: 6px 16px;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 48px;
  font:
    700 14px/16px "Roboto",
    Arial,
    sans-serif;
  text-decoration: none;
}
.datos-sectoriales-detail-page .button--outline {
  border: 1px solid #1f211f;
  background: #fff;
  color: #1f211f;
}
.datos-sectoriales-detail-page .button--primary {
  border: 1px solid #00ccc0;
  background: #00ccc0;
  color: #fff;
}
.datos-sectoriales-detail-page .button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.datos-sectoriales-detail-page .circle-action {
  display: grid;
  width: 32px;
  height: 32px;
  padding: 0;
  place-items: center;
  color: #1f211f;
  border: 1px solid #1f211f;
  border-radius: 50%;
  background: transparent;
}
.datos-sectoriales-detail-page .circle-action:disabled {
  opacity: 1;
  cursor: not-allowed;
}
.datos-sectoriales-detail-page .validation-toolbar .circle-action {
  flex: 0 0 32px;
  margin-left: 0;
}
.datos-sectoriales-detail-page .validation-toolbar .circle-action:first-of-type {
  margin-left: auto;
}
.datos-sectoriales-detail-page .validation-toolbar .circle-action + .circle-action {
  margin-left: 4px;
}
.datos-sectoriales-detail-page .general-footer {
  position: fixed;
  z-index: 20;
  right: 0;
  bottom: 0;
  left: 56px;
  display: grid;
  min-height: 76px;
  margin: 0;
  padding: 12px 24px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  background: #fff;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.04);
}
.datos-sectoriales-detail-page .general-footer__actions,
.datos-sectoriales-detail-page .general-footer__tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
.datos-sectoriales-detail-page .general-footer__actions {
  justify-content: center;
}
.datos-sectoriales-detail-page .general-footer__tools {
  justify-content: flex-end;
}
.datos-sectoriales-detail-page .footer-button {
  min-height: 40px;
}
.datos-sectoriales-detail-page .footer-tool {
  display: grid;
  width: 32px;
  height: 32px;
  padding: 0;
  place-items: center;
  color: #1f211f;
  border: 0;
  border-radius: 50%;
  background: transparent;
  text-decoration: none;
}
.datos-sectoriales-detail-page .footer-tool:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */