.contentBookshelvesSingler {
  padding-top: 24px;
  width: 992px;
}
@media (max-width: 1024px) {
  .contentBookshelvesSingler {
    width: 100%;
  }
}

.ia-flag {
  background-color: #624c92;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
  margin-top: 8px;
  display: inline-block;
  line-height: 1;
}

.ia-flag-content {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ia-flag svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  display: block;
}

/*
 * @Visualizar Single In Mobile
 */
.isMobile,
.isDesktop {
  display: none;
}
@media (max-width: 1024px) {
  .isMobile {
    display: block;
  }
}
@media (min-width: 1024px) {
  .isDesktop {
    display: block !important;
  }
}
.isHidden {
  display: none;
}

.contentBookshelvesSingler {
  font-family: 'Roboto';
}
.contentBookshelvesSingler .contentBookshelvesSinglerTop {
  margin-bottom: 40px;
}
.contentBookshelvesSingler .contentBookshelvesSinglerTop {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
@media (max-width: 1024px) {
  .contentBookshelvesSingler .contentBookshelvesSinglerTop {
    margin-bottom: 20px;
  }
}
.contentBookshelvesSingler .contentBookshelvesSinglerBottom {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  gap: 64px;
}
.contentBookshelvesSingler .contentBookshelvesSinglerBottom.has-login-form {
  align-items: center;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerBottom.has-login-form
  .contentBookshelvesSinglerBottomLeft,
.contentBookshelvesSingler
  .contentBookshelvesSinglerBottom.has-login-form
  .contentBookshelvesSinglerBottomRight {
  align-items: center;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerBottomWorks
  .contentBookshelvesSinglerBottomLeft {
  width: 372px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerBottomWorks
  .contentBookshelvesSinglerBottomRight {
  width: 560px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerBottomColecoes
  .contentBookshelvesSinglerBottomLeft {
  width: 372px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerBottomColecoes
  .contentBookshelvesSinglerBottomRight {
  width: 560px;
}

@media (max-width: 1024px) {
  .contentBookshelvesSingler
    .contentBookshelvesSinglerBottomWorks
    .contentBookshelvesSinglerBottomLeft,
  .contentBookshelvesSingler
    .contentBookshelvesSinglerBottomColecoes
    .contentBookshelvesSinglerBottomLeft {
    width: 100%;
  }
  .contentBookshelvesSingler
  .contentBookshelvesSinglerBottomWorks
  /*.contentBookshelvesSinglerBottomRight, */
  .contentBookshelvesSingler
  .contentBookshelvesSinglerBottomColecoes
  /*.contentBookshelvesSinglerBottomRight, */ {
    display: none;
  }

  .contentBookshelvesSingler .contentBookshelvesSinglerBottom {
    flex-direction: column;
  }

  .contentBookshelvesSingler
    > .contentBookshelvesSinglerBottomColecoes
    > .contentBookshelvesSinglerBottomRight {
    width: 100%;
  }
  
}

/*
 * @Component Back
 */
.contentBookshelvesSinglerBack {
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
  letter-spacing: 0.46px;
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  position: relative;
  line-height: 1.5;
  font-weight: 550;
  font-size: 15px;
  cursor: pointer;
}

/*
 * @Component Shared
 */
.contentBookshelvesSingler .contentBookshelvesSinglerShared {
  color: rgba(0, 0, 0, 0.87);
  text-transform: uppercase;
  letter-spacing: 0.46px;
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  position: relative;
  line-height: 1.5;
  font-weight: 550;
  font-size: 15px;
  cursor: pointer;
}
.contentBookshelvesSingler .contentBookshelvesSinglerShared {
  justify-content: flex-end;
  align-items: center;
  column-gap: 6px;
  display: flex;
}
.contentBookshelvesSingler .contentBookshelvesSinglerShared span {
  text-decoration: underline;
}
.contentBookshelvesSingler .contentBookshelvesSinglerShared .fa-whatsapp {
  text-decoration: none;
  font-size: 24px;
}

/*
 * @Component Assessment
 */
.contentBookshelvesSingler .contentBookshelvesSinglerAssessment {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  column-gap: 2px;
  display: flex;
}
.contentBookshelvesSingler .contentBookshelvesSinglerAssessment .labels {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 0.46px;
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  position: relative;
  line-height: 1.5;
  font-weight: 550;
  font-size: 15px;
  cursor: pointer;
}
.isMobile .contentBookshelvesSinglerAssessment {
  margin-top: 16px;
}

/*
 * @Component Title
 */
.contentBookshelvesSingler .contentBookshelvesSinglerTitle {
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0.03px;
  font-family: 'Roboto';
  font-stretch: normal;
  line-height: normal;
  font-style: normal;
  text-align: left;
  font-weight: 500;
  font-size: 34px;
}
.isMobile .contentBookshelvesSinglerTitle {
  font-size: 20px;
}

/*
 * @Component Thumbnail
 */
.contentBookshelvesSingler .contentBookshelvesSinglerThumbnail {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.contentBookshelvesSingler .contentBookshelvesSinglerThumbnail img {
  height: auto;
  width: 100%;
}

.ia-flag {
  z-index: 1;
  background-color: #624c92;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

.ia-flag-content {
  display: flex;
  align-items: center;
  gap: 6px;
}

.ia-flag svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  display: block;
}

@media (max-width: 1024px) {
  .contentBookshelvesSingler .contentBookshelvesSinglerThumbnail {
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    display: flex;
  }
  .contentBookshelvesSinglerThumbnail img.imageFromObra {
    max-width: 160px;
  }
  .contentBookshelvesSinglerThumbnail img.imageFromColecao {
  }
}

/*
 * @Component Code
 */
.contentBookshelvesSingler .contentBookshelvesSinglerCode {
  border-bottom: 1px solid rgb(200, 200, 200);
  padding-bottom: 16px;
  margin-bottom: 16px;
  margin-top: 32px;
}
.contentBookshelvesSingler .contentBookshelvesSinglerCode .TextDescription {
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0.03px;
  font-stretch: normal;
  margin-bottom: 10px;
  line-height: normal;
  font-style: normal;
  text-align: left;
  font-weight: 500;
  font-size: 20px;
}
.contentBookshelvesSingler .contentBookshelvesSinglerCode .CodeDescription {
  color: rgba(85, 85, 85, 1);
  letter-spacing: 0.15px;
  font-stretch: normal;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  line-height: 1.5;
  font-size: 16px;
}
.contentBookshelvesSingler .contentBookshelvesSinglerCode .CodeDescription {
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
  display: flex;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerCode
  .CodeDescription
  .fa-copy {
  cursor: pointer;
  font-size: 24px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerCode
  .CodeDescription
  .Info {
  color: rgb(31, 133, 99);
  display: none;
}

/*
 * @Component Storage
 */
.contentBookshelvesSingler .contentBookshelvesSinglerStorage {
  width: auto;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerStorage
  .contentBookshelvesSinglerStoragePrimaryButton {
  box-shadow:
    0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2);
  transition: background-color 0.3s ease;
  background-color: #1f8563;
  border-radius: 8px;
  padding: 12px 22px;
  cursor: pointer;
  outline: none;
  width: 100%;
  border: 0px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerStorage
  .contentBookshelvesSinglerStoragePrimaryButton {
  letter-spacing: 0.46px;
  font-family: 'Roboto';
  font-stretch: normal;
  text-align: center;
  font-style: normal;
  line-height: 18px;
  color: #ffffff;
  font-weight: 550;
  font-size: 15px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerStorage
  .contentBookshelvesSinglerStoragePrimaryButton:hover {
  box-shadow:
    0 3px 6px rgba(0, 0, 0, 0.16),
    0 6px 12px rgba(0, 0, 0, 0.23);
  background-color: #0f5e42;
}
.isDesktop .contentBookshelvesSinglerStoragePrimaryButton,
.isMobile .contentBookshelvesSinglerStoragePrimaryButton {
  margin-top: 12px;
}
.contentBookshelvesSingler .contentBookshelvesSinglerStorageSecundaryButton {
  color: rgba(0, 0, 0, 0.87);
  text-decoration: underline;
  letter-spacing: 0.46px;
  font-family: 'Roboto';
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  line-height: 1.73;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
  margin-top: 18px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerStorageSecundaryButton:hover {
  color: #1f8563;
}

.contentBookshelvesSingler .contentBookshelvesSinglerFooter {
  margin-top: 56px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox {
  border-bottom: 1px solid rgb(200, 200, 200);
  padding-bottom: 16px;
  margin-bottom: 16px;
  cursor: pointer;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxTop {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxTop {
  transition: all 0.5s ease-in-out;
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0.03px;
  margin-bottom: 12px;
  font-stretch: normal;
  line-height: normal;
  font-style: normal;
  text-align: left;
  cursor: pointer;
  font-weight: 500;
  font-size: 20px;
  min-height: 24px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxBottom {
  color: rgba(0, 0, 0, 0.54);
  letter-spacing: 0.15px;
  font-stretch: normal;
  font-weight: normal;
  font-style: normal;
  line-height: 1.43;
  text-align: left;
  font-size: 14px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxBottom {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxSubTitle {
  color: rgba(0, 0, 0, 0.77);
  letter-spacing: 0.15px;
  font-stretch: normal;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  line-height: 1.5;
  font-size: 16px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxAutores {
  margin-bottom: 12px;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxAutores
  a {
  text-decoration: underline !important;
  transition: all 0.5s ease-in-out;
  color: rgba(0, 0, 0, 0.54);
  letter-spacing: 0.15px;
  font-stretch: normal;
  font-weight: normal;
  font-style: normal;
  line-height: 1.43;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerFooter
  .contentBookshelvesSinglerFooterItemBox
  .contentBookshelvesSinglerFooterItemBoxAutores
  a:hover {
  color: #1f8563;
}

.singleBookshelvesModal {
  font-family: 'Roboto';
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetTitle {
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0.15px;
  font-stretch: normal;
  font-weight: bold;
  font-style: normal;
  line-height: 1.5;
  text-align: left;
  margin-top: 12px;
  font-size: 16px;
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetAutores {
  margin-top: 4px;
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetAutores {
  min-height: 27px;
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetAutores {
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  display: flex;
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetAutores
  a {
  text-decoration: underline !important;
  transition: all 0.5s ease-in-out;
  color: rgba(0, 0, 0, 0.54);
  letter-spacing: 0.15px;
  font-stretch: normal;
  font-weight: normal;
  font-style: normal;
  line-height: 1.43;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetAutores
  a:hover {
  color: #1f8563;
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetSinopse {
  color: rgba(0, 0, 0, 0.87);
  margin-top: 4px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 0.15px;
  text-align: left;
}
.singleBookshelvesModal
  .singleBookshelvesModalTechnicalSheet
  .singleBookshelvesModalTechnicalSheetOutrasInformacoes {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  justify-content: space-between;
  padding: 12px 0px 11px 0px;
  align-items: center;
  cursor: pointer;
  display: flex;
  width: 100%;
}

.singleBookshelvesModal .singleBookshelvesModalStateCurriculumMapping {
  color: rgba(0, 0, 0, 0.87);
  font-stretch: normal;
}
.singleBookshelvesModal
  .singleBookshelvesModalStateCurriculumMapping
  .singleBookshelvesModalStateCurriculumMappingContext {
  letter-spacing: 0.15px;
  margin-bottom: 24px;
  line-height: 1.5;
  font-size: 16px;
}
.singleBookshelvesModal
  .singleBookshelvesModalStateCurriculumMapping
  .singleBookshelvesModalStateCurriculumMappingLabel {
  letter-spacing: 0.03px;
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 20px;
}
.singleBookshelvesModal
  .singleBookshelvesModalStateCurriculumMapping
  .singleBookshelvesModalStateCurriculumMappingSelect {
  margin-bottom: 20px;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer {
  color: rgba(0, 0, 0, 0.87);
  letter-spacing: 0.03px;
  font-family: 'Roboto';
  font-stretch: normal;
  line-height: normal;
  font-style: normal;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer {
  border-top: 1px solid rgb(200, 200, 200);
  margin-top: 32px;
  display: none;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem {
  display: none;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemLabel {
  margin-bottom: 24px;
  margin-top: 32px;
  font-weight: 500;
  font-size: 20px;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox {
  width: 100%;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  iframe {
  height: 315px;
  width: 100%;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  .video-description {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  margin-top: 6px;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  .audio-description {
  color: rgba(0, 0, 0, 0.54);
  margin-bottom: 6px;
  text-align: center;
  margin-top: 24px;
  font-size: 12px;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  audio {
  border-radius: 16px;
  width: 100%;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  .files {
  justify-content: flex-start;
  align-items: center;
  column-gap: 12px;
  display: flex;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  .files
  .fa-file {
  color: rgba(0, 0, 0, 0.87);
  font-size: 20px;
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  .files
  a {
  color: rgba(0, 0, 0, 0.87);
}
.singleBookshelvesModal
  .singleBookshelvesModalDigitalResources
  .singleBookshelvesModalDigitalResourcesContainer
  .singleBookshelvesModalDigitalResourcesContainerItem
  .singleBookshelvesModalDigitalResourcesContainerItemBox
  .files
  a:hover {
  color: rgb(31, 133, 99);
}

.contentBookshelvesSingler
  .contentBookshelvesSinglerBottom
  .contentBookshelvesSinglerBottomLeft {
  background-color: transparent;
}
.contentBookshelvesSingler
  .contentBookshelvesSinglerBottom
  .contentBookshelvesSinglerBottomRight {
  background-color: transparent;
}
.contentBookshelvesSingler .contentBookshelvesSinglerFooter {
  background-color: transparent;
}

@media (max-width: 600px) {
  .contentBookshelvesSinglerBottom {
    flex-direction: column;
    gap: 20px;
  }
  
  .contentBookshelvesSingler .contentBookshelvesSinglerBottomLeft,
  .contentBookshelvesSingler .contentBookshelvesSinglerBottomRight {
    width: 100% !important;
    max-width: none;
  }
}