#title-bar{
  background-color: #F3D7DF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 32px 0;
  font-family: "Mulish", sans-serif;
  font-weight: 300;
  font-size: 34px;
  padding-left: 145px;
  color: #814545;
}
section#detalle{
  background-color: #fff;
  margin: 0 140px 70px;
  color: var(--text-dark);
  font-family: "Mulish", sans-serif;
  display: flex;
  justify-content: space-between;
  gap: 21px;
  display: flex;
  min-height: calc(100vh - 270px);
}
#listado-documentos, #contenido{
  padding: 35px;
  padding-bottom: 90px;
}
#listado-documentos{
  min-width: fit-content;
}
#contenido{
  position: relative;
  border-left: 1px solid #E5E3E3;
  flex-grow: 1;
}
#contenido-titulo{
  font-family: "Mulish", sans-serif;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 14px;
}
#detalle-titulo{
  color: #525252;
  font-family: "Mulish", sans-serif;
  font-weight: 300;
  font-size: 22px;
  margin-bottom: 21px;
}
.item-enlace-documento{
  display: flex;
  gap: 7px;
  font-size: 18px;
  align-items: center;
  color: #707070;
  margin-bottom: 7px;
}
.item-enlace-documento:hover, .item-enlace-documento.actual:hover{
  color: #7b6397;
}
.item-enlace-documento.actual{
  color: #5A3D7C;
  font-weight: 600;
}
.item-enlace-documento.visitado{
  color: #297954;
}
.item-enlace-documento.visitado:hover{
  color: #4da57c;
}
.item-enlace-documento .fa-circle{
  font-size: 9px;
}
.item-enlace-documento.visited .fa-circle{
  display:none;
}
.item-enlace-documento .fa-check{
  display:none;
}
.item-enlace-documento.visitado .fa-check, .item-enlace-documento.actual .fa-check{
  display:block;
}
#contenido-siguiente{
  background-color: #745AAF;
  color: #FFF;
  font-size: 18px;
  padding: 7px 14px;
  border-radius: 3px;
  position: absolute;
  bottom: 21px;
  right: 21px;
}
#contenido-siguiente a{
  background-color: #745AAF;
  color: #FFF;
  font-size: 18px;
  padding: 7px 21px;
  border-radius: 3px;
}
#contenido-siguiente a i{
  margin-left: 7px;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* Relación de aspecto 16:9 (altura/anchura * 100) */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
#contenido-contenido{
  margin-top: 32px;
}
#contenido-contenido p{
  margin-bottom: 7px;
}
#contenido-contenido p a{
  font-weight: 500;
  color: #551a8b;
}
#contenido-contenido p a:hover{
  color: #745aaf;
}
#contenido-contenido ul{
  margin-left: 17px;
}