.reference-site[data-reference-view] .view {
  display: none !important;
}

.reference-site[data-reference-view='backoffice'] .view[data-view='backoffice'],
.reference-site[data-reference-view='zlead'] .view[data-view='zlead'],
.reference-site[data-reference-view='zinsight'] .view[data-view='zinsight'],
.reference-site[data-reference-view='item'] .view[data-view='item'],
.reference-site[data-reference-view='zscience'] .view[data-view='zscience'],
.reference-site[data-reference-view='zherramientas'] .view[data-view='zherramientas'],
.reference-site[data-reference-view='zsports'] .view[data-view='zsports'],
.reference-site[data-reference-view='zcasino'] .view[data-view='zcasino'],
.reference-site[data-reference-view='servicios'] .view[data-view='servicios'],
.reference-site[data-reference-view='nosotros'] .view[data-view='nosotros'],
.reference-site[data-reference-view='contacto'] .view[data-view='contacto'],
.reference-site[data-reference-view='legal'] .view[data-view='legal'] {
  display: block !important;
}

.reference-site[data-reference-view='legal'] .view[data-view='legal'] {
  padding-block: 0 !important;
}

.reference-site[data-reference-view='item'] .view[data-view='item'],
.reference-site[data-reference-view='backoffice'] .view[data-view='backoffice'] {
  padding-top: 0 !important;
}

.reference-site {
  --reference-alert: #ff6b5a;
  --reference-stagger-step: 0.2s;
  --reference-step: 0;
}

.reference-site .reference-form-error {
  color: var(--color-form-error);
}

.reference-site .reference-reset-transition {
  transition: none !important;
}

.reference-site [data-motion] {
  animation-delay: calc(var(--reference-step) * var(--reference-stagger-step));
}

.reference-site [data-motion='dashboard-bar'] {
  --reference-stagger-step: 0.15s;
}

.reference-site [data-motion='cluster'] {
  --reference-stagger-step: 0.5s;
}

.reference-site [data-step='1'] {
  --reference-step: 1;
}
.reference-site [data-step='2'] {
  --reference-step: 2;
}
.reference-site [data-step='3'] {
  --reference-step: 3;
}

.reference-site [data-ai-label],
.reference-site [data-availability-label] {
  font-family: var(--display);
  font-weight: 800;
  font-size: var(--type-size-13);
}

.reference-site [data-ai-label] {
  fill: var(--color-black);
}
.reference-site [data-ai-label='large'] {
  font-size: var(--type-size-14);
}
.reference-site [data-ai-label='small'] {
  font-size: var(--type-size-12);
}
.reference-site [data-pivot='database'] {
  transform-origin: 234px 75px;
}
.reference-site [data-pivot='alert'] {
  transform-origin: 42px 102px;
}
.reference-site [data-pivot='clock'] {
  transform-origin: 62px 75px;
}